Flutter

Flutterで「同じdp指定」なのにUIがズレる理由を、dp/DPI・devicePixelRatioの基礎から解説。flutter_screenutilで大画面でも崩れないスケーリング設計と実装手順、実案件の55→35インチ検証知見まで網羅。

Flutterの裏側を支えるDartを使って、コマンドラインスクリプトを書いてみませんか？たった30行のコードで、ターミナルが色鮮やかなツリービューに変わる感動を体験できます。プロジェクトのセットアップは不要。手を動かしながら、Dartのスクリプト作成能力の奥深さに触れてみましょう。

FlutterでカスタムUIをもっと自由に作りたい方必見！本記事では、六角形グリッドUIを応用し、SingleChildRenderObjectWidgetを使って各セルにアイコンやテキストを配置する方法を詳しく解説。子ウィジェットのレイアウト・描画・ヒットテストまで、実用的なサンプルコード付きです。

Flutterで標準ウィジェットを超えた高度なUIに挑戦！RenderObjectWidgetを使い、六角形グリッドの描画・レイアウト・タップ処理を完全自作。幾何学ベースで実装するHexGridの仕組みを、実践を通じてわかりやすく解説します。