デザインの世界ではテキストの文字間隔を整えてきれいに見せることをカーニング(kerning)と呼びます。 ロゴ等はsvgなどのベクターや画像で用意すると思うので、アプリの世界でカーニングをきっちりやる機会は少ないかと思いますが、 カーニングと同様にテキストをきれいに見せる手法として、数字より単位等の文字を小さくすると 必要な情報の優先度が上がり美しく見える法則があります。 そのため、よくデザイナーの方から渡されるデザインでフォントサイズが異なるテキストが横に並んでいる場合があります。 Read more

DartにはMockito というモック用のテストライブラリがあります。 Javaにも同じ名前のライブラリ があってDartの方はこのライブラリをインスパイアして作られているため、元々JavaでMockitoを使っていた方はすぐに使えるようになると思います。 Read more

この記事はKotlin Advent Calendar 2021 の22日目の記事です。 Kotlin Advent Calendarに参加するのは今年で7年連続7回目になりました🎉🐦 毎年22日近辺を書いています。マイルストーンの時から書いている記事もあるので情報が古くなっているものもありますが、 過去にはこんな記事を書いていました。 Read more

コロナ禍が始まり早2年ぐらいが経ち、在宅での作業も慣れてきましたが、慢性的な肩こりはあまりよくなりません。 分割キーボードはそれなりに効果があって、以前書いた、椅子を拡張して分割キーボードを使う記事はありがたいことに今でもよく見られています。 Read more

WebViewのサードパーティライブラリにInAppWebView というのがあります。 WebView内のリンクをクリックした際に、デフォルトのブラウザを開く等、なにかしら処理をしたいことがあると思います。 これまではJavaScriptを使ったりして頑張る必要があったのですが、JavaScriptをつかわずにリンクのクリックをフックする方法を解説します。 2021年10月の最新バージョンは5.3.2です。 Read more

※ Flutterバージョンは執筆時最新の2.5.0のtagでコードのリンクを載せています。 Flutterはマテリアルデザインをベースに作られているため、 マテリアルデザインに沿ったデザインのアプリを作るときは既存のコンポーネント(Widget)を利用でき爆速で開発できます。 さらに爆速で開発していくためにはデザインコンポーネントを定義していく必要がありますが、 Flutterにはテーマの概念があり、自分で定義した任意のテーマを設定できます。 Read more

Kotlin/Nativeは現在 Android NDK(androidNativeArm32, androidNativeArm64) Darwin macOS(macosX64, macosArm64) iOS(iosArm32, iosArm64, iosX64, iosSimulatorArm64) watchOS(watchosArm32, watchosArm64, watchosX86, watchosX64, watchosSimulatorArm64) tvOS(tvosArm64, tvosX64, tvosSimulatorArm64) Linux(linuxArm64, linuxArm32Hfp, linuxMips32, linuxMipsel32, linuxX64) Windows(mingwX64, mingwX86) wasm(将来deprecated) のプラットフォームに対応しています。 1.5.30からApple siliconの正式サポートもされました🎉 Read more

イケてるアプリにありがちなParallax(パララックス) EffectがついているWalkthroughをFlutterで作ります。 Read more

Contextual(Context, Deferred) Deep Linkとは この挙動の名前をGoogle, Appleははっきり定義はしていません。(多分) 広告系のSDKとかではDeferred Deep Linkとも呼ばれています。[1][2] (日本ではContext Deep Linkと呼んでる人も多いような🤔) Read more

WEBサービスを作るとクライアントとサーバの通信は必須となります。 通信方式に依りますが、API Clientの選択肢はいろいろあって、プロダクト環境で使う場合はほぼこの4つに絞られるかなと思います。 Read more