Figmaのローカルバリアブルを使ってテキストにスタイルを適用してみる - エキサイト TechBlog.
こんにちは！SaaS・DX事業部デザイナーの鍜治本です！ 担当しているサービス「KUROTEN」のUI設計をする際にFigmaを使っており、デザインシステムの構築を日々進めています。 そんな中、スタイルの定義を行う際に気がついた機能があるので、TIPSとして記事にしてみました。 Figmaのローカルバリアブル機能の概要 文字列変数「String variable」がフォントのプロパティに対応できるように ローカルバリアブルを設定してみる ①数値・文字列の登録をする ②テキストスタイルにバリアブルを設定する バリアブルの表示範囲が指定できるように 行間・文字間隔・段落間隔のローカルバリアブルが出てこない原因 解決方法 まとめ おわりに Figmaのローカルバリアブル機能の概要 Figmaにはファイル内で色やフォントなどの情報をライブラリとして扱うことができる、「スタイル」「バリアブル」という
WebViewの高さをローディング時に動的に変える方法 - エキサイト TechBlog.
はじめに 2021年度アドベントカレンダーの2日目の担当の高野です。メディア事業部のアプリではWebViewを使うことが多く、その備忘録として残します。 動作バージョン Flutter 2.5.1 Dart 2.14.0 webview_flutter 2.1.1 実装 今回はwebview_flutterを使用していますが、他のWebViewライブラリでもおそらく同じだと思います。 まず初めに動的にWebViewの高さを変更するためにはSizedBoxまたはContainerでWebViewを包みます。 Container( height: controller.webViewHeight.value, child: WebView( navigationDelegate: (request) => controller.onRequestNavigation(request: requ
【Flutter】TextPainterでText Widgetのサイズを取得し、AnimatedContainerでアニメーションをつけたUIを実装する - エキサイト TechBlog.
エキサイト株式会社の武藤です。 FlutterでViewを構築するときに、Text Widgetのサイズが欲しいときがあります。今回は、Text WidgetのWidth、Heightの取得について紹介します。 また、求めたサイズを使ってアニメーションをつけたUIのサンプルを紹介します。 TextPainterクラスを使ったText Widgetのサイズ取得 TextPainterクラスを使用して、Text Widgetのサイズを取得します。 TextPainterクラスは、CanvasにTextSpanを描画して、そのオブジェクトからサイズや行数等のText Widgetに関する情報を取得できます。 TextPainter class - painting library - Dart API 下記は、TextのSizeインスタンスを取得するメソッドです。 引数には、表示するテキスト、フ
FlutterKaigi 2023 - Flutterで構築する漫画ビューア 補足 - エキサイト TechBlog.
こんにちは。エキサイト株式会社 モバイルアプリエンジニアの克です。 このたび、FlutterKaigi 2023に登壇しました。 fortee.jp speakerdeck.com 今回は、当日お話しできなかった内容をいくつか補足したいと思います。 画像の保存場所 発表では画像の保存場所としてアプリケーションのディレクトリを使用しましたが、実際にはもう少し検討する必要があります。 大まかにいうと、AndroidもiOSも、アプリケーションディレクトリとキャッシュディレクトリの2箇所が候補になります。 アプリケーションディレクトリはアプリのデータの一般的な保存場所で、ここに保存したファイルは自動的にバックアップされます。再取得が可能なデータはバックアップするべきではないので、漫画の画像ファイルはバックアップから除外したほうがいいでしょう。 キャッシュディレクトリはキャッシュ用の保存場所で、こ
RiverpodのStreamProviderを使ってPushNotificationを実装してみた - エキサイト TechBlog.
はじめに エキサイト株式会社の高野です。エキサイトホールディングス Advent Calendar 2023の3日目を担当させていただきます。 今回はFlutterにおけるRiverpodのStreamProviderを使ってPushNotificationを実装した話です。 動作環境 Flutter: 3.13.4 hooks_riverpod: 2.3.4 riverpod_annotation: 2.0.4 rxdart: 0.27.1 実装方法 まず始めに実際のコードを載せておきます。 @Riverpod(keepAlive: true) Stream<PushNotificationData?> pushNotificationStream( PushNotificationStreamRef ref, ) async* { final event = await ref.wat
iOS / Android ネイティブアプリから Flutter に移行するときに Pigeon を使ってデータマイグレーションする - エキサイト TechBlog.
エキサイト株式会社の@mthiroshiです。 エキサイトホールディングス Advent Calendar 2023の8日目を担当します。 エキサイトでは、 iOS / Android ネイティブアプリの Flutter によるリビルドを行ってきました。 ローカル DB でデータを管理するアプリの場合、ネイティブ版のデータを Flutter 版にマイグレーションする必要があります。 今回は、Flutter アプリのデータマイグレーションの事例を紹介します。 ネイティブアプリの前提 Pigeon とは Pigeon を使ったデータマイグレーション Pigeon インターフェースの定義 iOS のインターフェース実装 Android のインターフェース実装 Flutter から Pigeon のインターフェースを呼び出す まとめ 最後に 参考記事 ネイティブアプリの前提 今回のアプリ移行では、
MySQLの機能でスロークエリ関連の解析を行う方法の紹介 - エキサイト TechBlog.
はじめに XTechグループ Advent Calendar 2021の16日目は、iXIT株式会社 エンジニアの蝦名がお送りします。 最近ハマっているものは音楽系Vtuberです。VIRTUAFREAK良かった…。 qiita.com 本題 ツールなどを導入しなくてもSlowQueryを解析できる機能がMySQLには存在するので、今回はその一部を紹介します。 ちなみに私が開発しているサービスのMySQLバージョンは5.6です。 1. mysqldumpslow 一言で言うとスロークエリーログファイルを解析して内容のサマリーを出力してくれる機能です。 前提としてスロークエリーログを出力している必要があります。 使い方 コマンド ※合計実行時間が長い順に10件のSQLを出力する mysqldumpslow -s at -t 10 /opt/fio1/slog/sp-prd-db1-slow.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
