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

Today, I would like to share about useful VS Code extensions for Node JS. Let’s take a look at the following lists. They are mostly for Node JS and some are generally useful extensions.

1. npm Intellisense

2. ESLint

3. Code Spell Checker

4. Auto Close Tag

5. DotENV

6. Prettier – Code formatter

7. JavaScript (ES6) code snippets

8. Better comments

9. Path Intellisense

10. MarkdownLint

This is all for now. Hope you enjoy that.

By Asahi

Tweet

Google Chrome browsers have a weakness on memory systems, especially when multiple tabs are open, but the most popular browser in the world today got an upgrade to optimize both device battery power and memory use.

With Chrome’s latest version on the desktop, Google will present two new performance settings: Saver by memory and saver of energy. When used, Google said Chrome will consume up to 30% less memory and extend the battery from a device when it is running out.

They said “We’ll be rolling out both Memory Saver and Energy Saver modes over the next several weeks globally for Windows, macOS and ChromeOS,” Mark Chang, group product manager for Chrome.

When the new features arrive, they will run natively until users choose to turn them off manually or mark “important websites” to make them exempt from Memory Saver.

The features will be available with the release of Chrome 108, globally for Windows, macOS, and ChromeOS in the coming weeks.

Yuuma

Tweet

今回はFlutterでAndroidのminSdkVersionとtargetSdkVersionを変更する方法を共有します。

android/app/build.gradleを開きます。そして、以下のコードを見つけます。

defaultConfig {
        minSdkVersion flutter.minSdkVersion
        targetSdkVersion flutter.targetSdkVersion
}

defaultConfig {
        minSdkVersion 16  
        targetSdkVersion 28 
}

minSdkVersionとtargetSdkVersionのところで変更したい値を変更することができます。

金曜担当 – Ami

Tweet

今回はFlutterでカウンターバッジを表示する方法を共有します。カウンターバッジは、カートボタン、インボックスボタン、オーダーなどのUIに非常に必要です。

プロジェクトにFlutterパッケージバッジを追加する

badges: ^2.0.2

アイコンにバッジカウンターを表示させる方法

結果

Badge(
            child: Icon(Icons.shopping_cart),
            badgeContent: Text("6"),
          ),

Badge(
            child: Icon(Icons.shopping_cart, size: 40, color: Colors.red,), //icon style
            badgeContent: SizedBox(
                width: 20, height: 20, //badge size
                child:Center(  //aligh badge content to center
                  child:Text("6", style: TextStyle(
                      color: Colors.blueAccent,  //badge font color
                      fontSize: 20 //badge font size
                  )
                  ),
                )
            ),
            badgeColor: Colors.green, //badge background color
          ),

Badge(
            child: Card(
                child: Padding(
                  padding:EdgeInsets.all(10),
                  child: Icon(Icons.message),
                )
            ),
            badgeContent: Text("6",),
          )

金曜担当 – Ami

Tweet

今回はVS Codeでプログラムの作成から実行までをマウスレスでおこなうためのショートカットを順に紹介したいと思います。OSはWindowsです。

Tweet