Hatena Blog Tags
はてなブログ トップ
Flutter_Web
このタグでブログを書く

Flutter_Web

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
一日一.then()•5 か月前

【Flutter】Flutter Webをルート以外のパスでホストしたい場合の対処方法

Github Pages で Flutter Webを公開する際に少し詰まったので記載。 https://hogehoge.com/ ではなく https://hogehoge.com/myapp/のようなURLで公開する場合のお話。 なんと公式にちゃんと書いてある。 flutter build webしてできるindex.htmlの上の方に書いてある<base href="/">を書き換える。 <base href="/"> ↓ <base href="/myapp/"> docs.flutter.dev

#Flutter#Flutter_Web#GitHub Pages

ネットで話題

もっと見る
74ブックマーク現役薬剤師がちょっぴりおしゃれなシフト配布アプリをFlutter Webで無料公開した話zenn.dev
63ブックマークFlutter Webの現状調査 - ntaoo blogntaoo.hatenablog.com
50ブックマーク【Flutter】Web アプリを🚀爆速🚀で Firebase Hosting にデプロイするzenn.dev
45ブックマークGoのサーバーの管理画面をFlutter Webで作ってみるための調査 | フューチャー技術ブログDart/Flutter連載の3本目はFlutter Webを紹介します。 Flutter 2になって、Web向けに出力する機能もStableになりました。 Flutter for Webは標準のHTMLにするHTMLレンダラーと、CanvasKitレンダラーと2種類あります。後者はSkiaという2DグラフィックスのライブラリをWebAssembly化したものを使います。Skiaはウェブ向け...future-architect.github.io
43ブックマーク管理画面にGraphQL + Flutter Webを採用してみた - Gunosy Tech Blogtech.gunosy.io
31ブックマークFlutter Webを動かしたときにつまづいたこと - Qiitaqiita.com
23ブックマークGitHub - mono0926/wdb106-flutter: WEB+DB PRESS Vol.106のAndroid・iOSアプリ設計のサンプルをFlutterではどう書くかというサンプル https://www.amazon.co.jp/dp/4774199435?tag=mono0926-22github.com
5ブックマークFlutter Webで注意した方が良さそうなことzenn.dev
5ブックマークFlutter Web + microCMSで写真ギャラリーサイトを作るzenn.dev

関連ブログ

アプリ置き場•昨年

Flutter webの設置方法

Flutter 備忘メモ flutter build web で生成されたブツをサーバーに設置したけど動かない。 ルート以外に置く場合は、パスを指定しないといけないぽい。 index.html <base href="/hoge/hige/hage/">

#Flutter#Flutter_Web
宮沢賢治のオールナイトニッポン•昨年

カーソルを検知してテキストに下線をつける【Flutter Web】 / how to detect mouse hover on text and then make text with underline.

EDIT : 2021/6/16 Flutter 2.2からTextSpanのパラメータにonEnter/onExitパラメータが追加されました。これでマウスホバー時のテキストの制御ができます。。。 ベンリィ 😊 stackoverflow.com 必要な情報 どうやってマウスホバーを検知するか？/ how to detect mouse hover on flutter web? stackoverflow.com ホバー検知のWidgetがリリースされたのが一ヶ月前とからしい。タイミング良かった :) テキストに下線をつけるには？/ how to get text with underli…

#Flutter_Web#Flutter#MouseRegion
ta_watanabeの日記•13 日前

久しぶりにFlutterFireを使ってみて、AnalyticsのDebugViewにデータが表示されるまで

半年ぶりにflutterfireでも使おうかと思ったらこんなメッセージが firebase.google.comのドキュメントに統合されたみたいですね。 新しいプロジェクトを始めるときは、ドキュメントを見返すことから始めないといけませんね。 とりあえず、flutter upgrade Flutter 3.0.5 • channel stable • https://github.com/flutter/flutter.git Framework • revision f1875d570e (13 days ago) • 2022-07-13 11:24:16 -0700 Engine • re…

ZOZO TECH BLOG•20 日前

AndroidアプリをMaterial Designのガイドラインに準拠させるための取り組み

はじめに ZOZOTOWN開発本部ZOZOTOWNアプリ部Android2ブロックの鈴木（@s1u2z1u3ki）です。 本投稿ではZOZOTOWN Androidアプリを、Material Designに準拠したUI/UX1とするために取り組んでいる内容を紹介します。 目次 はじめに 目次 Material Designとは？ Material Design勉強会について 勉強会の流れ 存在した課題 課題解決へのアプローチ 提案会の実施 提案会の流れ 1. 提案会の準備 2. セクションの復習 3. 提案内容の議論 実装会の実施 「結局やらない」をなくすため モブプロ形式でリリースまでのスピ…

アプリ開発ナレッジ•3 か月前

マッチングアプリ個人開発【Flutter画面編】

はじめに 個人開発のスキルアップの教材としてマッチングアプリは非常に良いお手本かと思うので、マッチングアプリとして最低限必要な機能を備えたMVPを作りました マッチングアプリ業界はすでにレッドオーシャンのように見えますが、マッチングアプリを使用するユーザーの真の目的は理想のパートナーを見つけることにありますが、実際のマッチングアプリ業界に身を投じたユーザーの阿鼻叫喚具合を観察していると目的を達成しているとはいいがたく、筆者視点ではまだまだ開拓の余地がある領域だと思っています これらの課題はマッチングアプリとしての機能面では解決できないことがもはや明確であるためどのように運用するかが勝敗を決める…

NRIネットコムBlog•3 か月前

AWS AmplifyとFlutterでクロスプラットフォームなアプリを作る

本記事は モバイルアプリWeek 4日目の記事です。 📳 3日目 ▶▶ 本記事 ▶▶ 5日目 📳 こんにちは、古田です。 今回は、AWS Amplifyを使って、Flutterのクロスプラットフォームアプリを試してみたいと思います。 はじめに、Firebaseとの比較 やってみよう プロジェクトの準備 認証機能を作る ロギングしてみる さいごに Flutterってなんだ？という時は、岡さんの記事が詳しいです。 tech.nri-net.com Amplifyってなんだ？という方は、拙記事で概要を紹介しています。 tech.nri-net.com はじめに、Firebaseとの比較 ネイティブア…

水無月の余韻 開発Sc.•3 か月前

ゆびぬきシミュレータFlutter化計画

先日、加賀ゆびぬき刺し模様シミュレータ v2 を Android/iOS でリリースしました。 何回目かのリニューアルですが、その舞台裏と意図を記録しておこうと思います。 アプリを乗り換えよう 遡ること1年半。年を越えたら産前休暇が確定的になってきた頃、Android版にiOS版の機能を取り込むべく開発をすすめていました。 機能取込みのつらいところは、同じことを別の言語で実装して、大量にあるテストも再実装するところです。(アプリの核であるシミュレートエンジンは複雑なので、その分テストが増えます。) そんなわけで筆(?)も乗らず、ゆっくりペースで開発はすすんでいました。 「今後のメンテを考えると…

トレタ開発者ブログ•4 か月前

トレタO/XのtoCアプリをリニューアルしたら諸々整理できてよかったという話

こんにちは、パパエンジニアのkentaroです. 2022年2月、トレタO/Xをご利用いただいているワンダーテーブルさまの「よなよなビアワークス」向けのモバイルオーダーアプリ（以下 toCアプリ と呼びます）をFlutter WebからReactにリニューアルしました。 なお、「トレタO/X」については代表のnoteをご覧ください。 note.com 背景 当時のtoCアプリはFlutter1系で作られており、いくつか問題点を抱えていました。代表的なことの1つはNullSafety対応されていないことです。もう1つは状態管理も現在デファクトスタンダードになっているライブラリ（Riverpod）…

Continuity is The Father of Success•4 か月前

国会 議事録検索システム(非公式)を作ってみた

先日色々と思うことがあったので、Flutter Webで国立国会図書館の議事録検索APIを利用するアプリケーションを作ってみました。 アプリケーションはこちら。節度を守って遊んでね。 flutter-kokkai-gijiroku.web.app コードはこちら。 MITライセンスで公開しています。 github.com なお、利用した結果については、APIの規約をチェックしてください。 非商用利用であっても、出典を記載する必要があります。 kokkai.ndl.go.jp アプリの特徴 概要としては、APIをリクエストするUIを組み立てているだけになります。 昨日までの日付(簡単に判定)を含…

fishingFUK’s blog•6 か月前

2022年3月1日(火)のツイート履歴

ツイート おふだい船長🛥船舶免許×釣りを推進する人[emoji:1BD] @ofudaidesu 今日の大阪湾、朝の雨のないうちにメバル好調だったようです 21:52 よっしー @yocchy3 今月は通信の約束少ないからガチマ頑張ろうって思った矢先にタチウオかいw😇 https://twitter.com/yocchy3/status/1498630215333220353/photo/1 21:52 虎之助 @tora_bassangler 大阪湾にタチウオ釣りに行きたい…… 21:52 aya73aya_osakana @Aya73ayaD 1 MAR 2022 Dinner ●紅大根と…

MBP(はてな)•6 か月前

flutter_my_app2

開発環境構築 Flutter入門 - MBP(はてな) M1 MacBook Airでは、以下を実行すると、flutter runでpod installエラーが出なくなった。 flutter_my_app2で$ flutter runして、実機で実行dできた。 $ sudo arch -x86_64 gem install cocoapods $ sudo arch -x86_64 gem install ffi $ arch -x86_64 pod install Constantsを追加 static - What's the best practice to keep all the …

torikatsu.dev•7 か月前

【Flutter】dart-definesでアプリの環境を切り替える

はじめに こんにちは、とりかつ(@torikatsu923)です。 アプリ開発をしていると本番、ステージング、開発と環境を分けたい場合があります。 Flutterでアプリの環境を切り替える方法として、今まではFlavorを使う方法がありました。 最近、DartDefinesという仕組みでも環境を切り替えることができるようになりました。 Flavorと比べ、DartDefinesを使った方が設定がシンプルになります。 今回の記事では目的、OS別(android, iOS)にDartDefinesを利用したアプリの環境切り替え方法を紹介します。 この記事の読み方 この記事では基本設定が終わっている…

takusamarのブログ•8 か月前

2021年ふりかえり

2021年をふりかえって だんだん昔のことを思い出せなくなるので、Googleカレンダーを見返しながら。 年初にルノルマンカードで占ってもらった内容と合わせてふりかえってみます。 @takusamar 1月約束2月体制を整える3月重圧4月経験者から学ぶ5月楽しみが多い6月初心に戻る7月解決8月岐路9月スキルアップ10月良い転機11月幸運12月流れを変える女性#いいねとnoteの購読者の2021年を占う pic.twitter.com/aB910XlYvc — 暇人@そろそろ痩せるか (@himajin315) 2021年1月1日 1月 約束 1/6〜8 RSGT2021 現地参加 1/9 沖縄…

トレタ開発者ブログ•8 か月前

トレタO/Xの開発にジョインしてやってきたこと

こんにちは、パパエンジニアのkentaroです. 本記事はトレタ Advent Calendar 2020の 24 日目の記事です。 去年の終わりにO/Xの開発に携わるようになってから様々な経験を積むことができたので、今回はそれを振り返ってみたいと思います。 なお、「トレタO/X」については代表のnoteをご覧ください。 note.com O/Xジョイン前 トレタの主力商品である予約/顧客台帳サービスのiOSアプリ開発を担当していました。 toreta.in トレタ入社以前も2014年8月から Swift / Objective-C によるiOS開発をずっとやってきていた、というキャリアです。…