開発スタッフがアプリ関連の最新技術やニュースをご紹介します。

JSON Crack is a tool for generating graphical diagrams from JSON objects. These diagrams are much easier to navigate and more useful than their textual formats.

This is so convenient as we can update our JSON into graphs just by directly pasting on their website or importing. It generate the graphs to visualize without any additional values and saving time.

This also allows you to search the nodes which make easier if we are working on a large data set. Additionally, the generated diagrams can also be downloaded or clipboard as image.

Also check out the tweet from Github.

It also offers Microsoft’s Monaco editor, also used in VS Code, easily edits JSON and displays graphs directly. It also has a JSON validator to ensure there are no type errors.

You can checkout more detail on their website.

Yuuma

Tweet

今回は、Flutterで展開・折りたたみ可能なAccordionを追加する方法を共有します。

方法 – 1

ExpansionTile()を使用する

            ExpansionTile(
              title: const Text("If you could live anywhere, where would it be? "),
              children: [
                Container(
                  color: Colors.black12,
                  padding:const EdgeInsets.all(20),
                  width: double.infinity,
                  child:  const Text("Answers for Question One"),
                )
              ],
            ),

ExpansionTileを使うと、Flutterで展開可能なAccordionや折りたたみ可能なAccordionを作ることができます。また、以下のように背景色を変更することができます。

            Card(
                color: Colors.blue[100],
                child:ExpansionTile(
                  title: const Text("What is your biggest fear?"),

                  children: [
                    Container(
                      color: Colors.black12,
                      padding:const EdgeInsets.all(20),
                      width: double.infinity,
                      child:  const Text("Answers for Question Two"),
                    )
                  ],
                )
            ),

方法 – 2

ExpansionPanelListとExpansionPanelを使用する

ExapnasionPanelの拡張状態リストを設定

List<bool> expanded = [false, true];

例の為、ExpansionPanelListの中にパネル2を作成し、最後のExapnasionPanelを展開するようにしたいので、trueに設定していきます。

ExpansionPanelList(
                expansionCallback: (panelIndex, isExpanded) {
                  setState(() {
                    expanded[panelIndex] = !isExpanded;
                  });
                },
                animationDuration: const Duration(seconds: 2),
                children:[
                  ExpansionPanel(
                      headerBuilder: (context, isOpen){
                        return const Padding(
                            padding: EdgeInsets.all(15),
                            child:Text("What motivates you to work hard?")
                        );
                      },
                      body: Container(
                        padding: const EdgeInsets.all(20),
                        color: Colors.redAccent[100],
                        width: double.infinity,
                        child: const Text("Answers for Question Three"),
                      ),
                      isExpanded: expanded[0]
                  ),

                  ExpansionPanel(
                      headerBuilder: (context, isOpen){
                        return const Padding(
                            padding: EdgeInsets.all(15),
                            child:Text("What did you want to be when you were small?")
                        );
                      },
                      body: Container(
                        padding: const EdgeInsets.all(20),
                        color: Colors.blueAccent[100],
                        width: double.infinity,
                        child: const Text("Answers for Question Four"),
                      ),
                      isExpanded: expanded[1]
                  )
                ]
            )

ということで、今回はこれで終わります。

金曜担当 – Ami

Tweet

新しい超解像技術DLSS3に対応し、
レイトレーシングを有効にしてパフォーマンスが低下するタイトルでも
見た目を損なわずに従来よりもさらにパフォーマンスを
向上させることができるようになるそうです。 

Tweet

Today, I would like to share about some general ways to free up disk space in Ubuntu. Let’s take a look.

1. Remove packages that are no longer required by the following command.

sudo apt-get autoremove

2. Uninstall unnecessary softwares from software centre.

3. Clean outdated packages by running the following command.

sudo apt-get autoclean

4. Remove the entire apt cache by this command.

sudo apt-get clean

5. Clean thumbnail cache

rm -rf ~/.cache/thumbnails/*

This is all for now. Hope you enjoy that.

By Asahi

Tweet

Adobe has announced that it will acquire collaborative design platform Figma for nearly $20 billion.

Dylan Field and Evan Wallace started working on Figma in 2012. Today, the app is popular with designers and developers and can be considered a competitor to Adobe XD which is a similar design tool for web and mobile apps.

Adobe believes that the combination of Adobe and Figma will push to a new era of co-creation.

The transaction is expected to close in 2023. Dylan Field will then continue to lead the Figma team, reporting to David Wadwani, President of Digital Media Business at Adobe.

You can see more detail here at Adobe news website.

Tweet