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

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

Heroku is a famous PAAS (Platform as a Service) that makes it very easy for developers to deploy applications in different languages and frameworks.

Heroku is very popular due to its simplicity and ease of use. In minutes, you can go from an app on your computer to an app deployed using a URL that you send to friends and clients. Heroku had a free tier that can be used for learning purposes and non-commercial applications such as personal projects.

However Heroku said

The reason for that decision was due to fraud and abuse of Heroku’s free product plan.

Here are some alternatives that offer a free plan.

• Render
• Railway
• Fly
• Northflank
• Qoddi
• Koyeb

You can also check this list of PAAS with free tiers: https://github.com/ripienaar/free-for-dev#paas

Yuuma

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