並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 869件

新着順 人気順

flutterの検索結果121 - 160 件 / 869件

  • Ionicの全体像、React Native・Flutterとの比較 2020年5月 | Takumon Blog

    なにこれ クロスプラットフォームアプリを開発する手段はいくつかありますが、とっつきやすそうなIonicについて調査しました。実装方法というよりは、全体像と、React Native・Flutterとの比較についてまとめています。 📝私はWeb開発の経験はありますが、Ionicの経験があるわけではなく、これからやってみようという段階です。 そのため本記事はあくまでも調査結果をまとめたもので、実際の開発の経験に基づくものではありません。 Ionic概要 クロスプラットフォームアプリをWebの技術(HTML/CSS/JS)を使って作るためのフレームワークです。 iOS・Android・Electron・Web(PWA)などの複数の環境で動作させ、ネイティブ機能にアクセスするためのCapacitorと、 WebComponentベースのネイティブ風なUI Componentから構成されます。 U

      Ionicの全体像、React Native・Flutterとの比較 2020年5月 | Takumon Blog
    • kiitok.com

      This domain may be for sale!

        kiitok.com
      • Flutter入門のためのDart入門 - Qiita

        最近自分の中でWeb開発はReactJS、モバイルアプリ開発はFlutterが良いという結論がでました。 Flutterでの実装はDart言語で行います。 基本的なモダン文法をサポートしているため、他言語から入ってくる人には入りやすい言語だとは思います。 とはいえ、日本語情報でステップバイステップでDart文法がまとまっているところは少ないので まとめてみようと思ったのがこの記事です。 Flutterがよい理由 【翻訳記事】なぜFlutterにおいてDartを使用するのか? ・hot reloadが高速(AOT、JITの2段階のコンパイル) ・アイソレートとガベージコレクション最適化による軽快な動作 (Google内でFlutterのチームの近くにDartのチームがいたから・・・という理由もあるらしい) React Nativeもいじったのですが、 ・Webkitのビルドが重い(expoは

          Flutter入門のためのDart入門 - Qiita
        • Google I/O 2022 のFirebaseまとめ

          Google I/O 2022 Googleでは毎年5月に開発者向けの、主力サービスの今までの成果や今後の新機能などの大きな発表が行われています。当記事では、先日2022年5月11日〜12日にかけて行われたGoogle I/O 2022の中で発表されたFirebaseに関連する情報のみを整理し、まとめたものです。筆者による雑翻訳ですので正確では無い部分も含まれております点を予めご了承ください。 参照元 当記事は次にあげる2点を中心に関連する内容をまとめたものです。 動画:What's new in Firebase ブログ記事:What's new from Firebase at Google I/0 2022 ここからは、セッション「What's new in Firebase」で発表の行われたトピックをその発表順で掲載します。関連するFirebase系の別セッションの内容なども該当ト

            Google I/O 2022 のFirebaseまとめ
          • Flutter+Firebaseで課員の勤怠管理アプリを開発した話

            2023年9月17日追記 内容は結構古くなっています。特にRiverpodはV2から変更が多くあります。 現在はStateNotifierよりNotifierが主流になっていたり、riverpod_generatorを使用したコード生成方式の方がriverpod_lintの恩恵を受けられるのでメリットもあります。 昔話として読んでください。 なぜ開発したのか?? 勤怠管理は恐らく、どこの企業さんでも専用の勤怠管理システムを利用しているのではないかと思います。実際、私が所属している企業でも勤怠管理システムがあり、普段はそれを利用しています。 11月末ごろの話... (部長) { 12月から2ヶ月間、この課だけフレックスタイム制のトライアルが始まります。} (課員の脳内) { まじっ!!?うちの会社が時代に追いつこうとしてる...なんか裏がありそう。} (部長) { あくまでもトライアルなので

              Flutter+Firebaseで課員の勤怠管理アプリを開発した話
            • 【Flutter】個人開発でゲームレビューアプリをリリースした話

              個人開発でゲームレビューアプリ「clip-games」 をリリースしました! 今回の記事はサービスの紹介と技術周りの話をまとめたいと思います。 同じように個人開発している人の参考になったり、モチベーションを上げられたりすると嬉しいです! リリースしたサービス ダウンロードはこちら: iOS: Android: 何が出来るの? 自分が遊んだゲームの感想・レビューを残すことが出来ます。 ファミコンからPS5まで、5000本近くのタイトルからあなたが遊んだゲームのレビューを残すことが出来ます。 他の人のレビューやそのゲームの評価も見ることが出来ます。 遊びたいと思ったゲームや気になっているゲームをクリップすることが出来ます。 クリップしたゲームはいつでもプロフィールからすぐに確認できるので、ふとゲームがやりたくなったときにすぐに思い出すことが出来ます。 書いたレビューはSNSでシェアすることが出

                【Flutter】個人開発でゲームレビューアプリをリリースした話
              • アプリ内課金の定期購入(サブスクリプション)をFlutterとFirebaseで実装するときのポイント - Studyplus Engineering Blog

                こんにちは、スタディプラスの須藤(id:kurotyann)です。 昨年の9月にFlutterとFirebaseで新規サービス「ポルト Porto」をリリースしました。 tech.studyplus.co.jp ポルトはアプリ内課金を未実装でローンチしました1。ローンチ時の決済手段は、Stripeを使ったWebクレジット決済(月額制で無料トライアル14日間)のみです。 高校生をメインターゲットとしながらもアプリ内課金がないのは大きな課題であったため、今年の2月25日にアプリ内課金をリリースしました。 そこで、今回は「FlutterとFirebaseに焦点をあてて」アプリ内課金の定期購入の実装ポイントを紹介します。 1. 技術選定 システム構成図 まず、システム構成図で全体像を示します。 アプリ内課金(定期購入) 定期購入のステータス変更通知 Flutter(アプリ側) Flutterにはア

                  アプリ内課金の定期購入(サブスクリプション)をFlutterとFirebaseで実装するときのポイント - Studyplus Engineering Blog
                • Flutter を MVVM で実装する

                  (この記事は 2020/08/28 時点での記事になります。設計のトレンドは日々変わりますので最新のトレンドを確認してください。) はじめにこの記事は Flutter Architecture Blueprints の解説記事です。 今回は Flutter アプリを MVVM で実装する上でどういう形にしていったかを解説していきたいと思います。Android エンジニアにとって脳内変換出来そうなキーワードも使っていきます。 実はアーキテクチャを解説するのはあまり好きではなく、この形が合理的だと言っても、そのエンジニアの経験と趣味思考の違いで話が合わなくなることがあると思っていて、それが押しつけになっていることがあります。なのでこれが完璧だと捉えないでください。私も勉強中の身です。 Flutter Architecture BlueprintsMVVM は Model–View–ViewMo

                    Flutter を MVVM で実装する
                  • Flutterアプリ開発高速化Tips(コーディング編)

                    potatotips 71での発表資料です。 「Flutterアプリ開発高速化Tips(コーディング編)」 #potatotips #flutterjp

                      Flutterアプリ開発高速化Tips(コーディング編)
                    • 「Linuxでは、UbuntuがデフォルトのGUIフレームワークとしてFlutterを採用した」って本当?

                      でもデスクトップは? 「Ubuntuデスクトップ」はCanonicalが作っているんじゃないの? そう思う人もいるかもしれない。でもそんなことにはならないだろう。とはいえ、これをきちんと理解するためには、CanonicalのUbuntuチームがLinuxデスクトップの何を作っているのか、きちんと理解しておく必要がある。 現状、UbuntuデスクトップはGNOME shellの上に作られている。デスクトップそのものをFlutterで作るとしたら、それはGTKとGNOMEの上に構築されているGNOME shellそのものをFlutterで作り直すということになる。ユーザーがさまざまな拡張(gnome shell extensions)を出しているものが全部Flutterで作られる必要がある?? そんなのはとても現実的じゃない。少なくとも今すでに動いているものが無ければ話にならない。 もう少し掘

                        「Linuxでは、UbuntuがデフォルトのGUIフレームワークとしてFlutterを採用した」って本当?
                      • メルカリ ハロの技術スタックとその選定理由 | メルカリエンジニアリング

                        こんにちは。メルカリ ハロのSoftware Engineer (Engineering Head)の@napoliです。連載:Mercari Hallo, world! -メルカリ ハロ 開発の裏側-の2回目を担当させていただきます。 2024年3月上旬にメルカリ ハロという新しいサービスが公開されました。メルカリ ハロは好きな時間に最短1時間から働ける「空き時間おしごとアプリ」です。 この記事ではメルカリ ハロを作るにあたり、どういった技術スタックやアーキテクチャを選定したのか、さらにその背景と意思決定をご紹介したいと思います。 この記事で得られること メルカリ ハロで採用されている技術スタックやアーキテクチャの全体像 その意思決定の理由とプロセス これから新規サービスを立ち上げるうえでのヒント 主な技術スタック メルカリ ハロで利用されている主な技術スタックは以下のとおりです。 バッ

                          メルカリ ハロの技術スタックとその選定理由 | メルカリエンジニアリング
                        • Flutterってどうなん?実際に商用アプリ開発で使ってみた感想 - Qiita

                          これまで3年ほどWebエンジニアとして働いており、いろいろあって今年からFlutterでモバイルアプリを開発しています。 Flutterを使い始めて半年が経ったので実際に使ってみて感じたいいと思ったところとイマイチだと思ったところを紹介したいと思います。 Flutter とは? Flutter は 複数のプラットフォームに対応したオープンソースなフレームワークです。現在では、Android・iOS・Web・Windows・MacOS・Linuxに対応しており、単一のコードで複数のプラットフォーム上で動作可能なアプリケーションを作成することができます。 実際に使って感じたいいところ、イマイチなところ いいところ 学習コストは意外と高くない Flutterでは、Dartという言語を使います。 個人的な感想としては、Javascript, Typescript に似ているなーと思っています。 な

                            Flutterってどうなん?実際に商用アプリ開発で使ってみた感想 - Qiita
                          • 高校の文化祭でソフトウェア開発をしたお話 - Qiita

                            2023/6/12追記 学校公式アカウントにて、文化祭紹介動画が公開されていたので追加します。 2023年度は一般公開される予定らしいので、もしよければご参加ください! (自分の時は他のクラス一つも見れなかったので 今年度は見まくるぞ!) はじめに 自己紹介 こんにちは、もぐもぐと申します。現在とある横浜のフロンティアなサイエンス高校というところに通っている高校3年生(18歳1)の自称プログラマーです。 本記事の内容は、横浜市並びに横浜サイエンスフロンティア高等学校に非公式で公開しているものです。 本記事に関する問い合わせをこれらの機関へ行う行為は慎んでいただくようお願いいたします。 趣味でEQMonitorという地震観測・速報アプリケーションの開発(主にFlutter)をしたりもしています。 高校の文化祭(通称:蒼煌祭)のクラス企画でいくつかソフトウェアをおひとりさま開発したので記事

                              高校の文化祭でソフトウェア開発をしたお話 - Qiita
                            • GitHub - AppFlowy-IO/AppFlowy: AppFlowy is an open-source alternative to Notion. You are in charge of your data and customizations. Built with Flutter and Rust.

                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                GitHub - AppFlowy-IO/AppFlowy: AppFlowy is an open-source alternative to Notion. You are in charge of your data and customizations. Built with Flutter and Rust.
                              • Androidがなくなるのは時間の問題かもしれない。|shogo yamada

                                Wikipediaにかかれていますが、簡単にいうとGoogleが開発している次世代のOSです。 現時点でAndroid OSのコードネームはアルファベット順になっています。 例えば、今現在(2018年11月23日)時点での最新OSは Android P で、その前は Oで、その前は N です。詳しくは下記をご覧ください。 そう考えるともうアルファベット順が最後の方にさしかかっているということです。 ここからは予想ですが、そこで次世代のOSとしてGoogleが開発しているのではないかと考えています。 Fuchsiaでのアプリ開発SDKは「Flutter」FuchsiaってFlutterで開発されているようです。実際にFlutter SDKのリポジトリをみていると、Fuchsiaという単語がたびたび登場します。 ですので、Fuchsiaでアプリは開発するとなったらFlutterを使うことをは確

                                  Androidがなくなるのは時間の問題かもしれない。|shogo yamada
                                • FlutterとReact Native、どちらに勢いがあるのか そしてDartは

                                  調査会社のRedMonkは2022年5月16日(米国時間)、Google主導で開発されているオープンソースフレームワーク「Flutter」の動向を分析、解説した。Flutterの目的は、単一のコードベースから、ネイティブにコンパイルされた高速で美しいクロスプラットフォームアプリケーションを作成できるようにすることだ。 RedMonkが2022年3月に発表した2022年第1四半期のプログラミング言語ランキングでは、上位20言語のうち、2021年第4四半期と比べて順位を上げたのは「Dart」のみだった。 そこでRedMonkは、人気を伸ばしているDartの今後を展望するため、DartをベースにしたフレームワークFlutterの動向を分析した。「これまでフレームワークがプログラミング言語の普及をけん引してきた」という認識からだ。RedMonkはこうしたフレームワークの例として、Rails(Rub

                                    FlutterとReact Native、どちらに勢いがあるのか そしてDartは
                                  • iOS・Androidの“新機能”をFlutterでどう実装する? MethodChannelとEventChannelでネイティブAPIを利用するには

                                    サイバーエージェントメディア事業部のメンバーが、Flutter・Kotlin Multiplatform を中心に、開発の中でのTipsを紹介する「Flutter × Kotlin Multiplatform by CyberAgent #1」。垰氏からは、FlutterにiOS14の新機能を実装するときのポイントについて発表がありました。 「React Native」「Kotlin Multiplatform」「Flutter」を勧めると返ってくる反応 垰尚太朗氏:まず自己紹介からすると、CL事業部にiOSエンジニアとして所属しているTao Shotaroです。今回は『FlutterにiOS14などの新機能を取り込むには by iOSエンジニア』というタイトルで話していきたいと思います。少しiOSについての話が多いですが、ご了承ください。内容も簡単なのでサラッと見ていただけると幸いです。

                                      iOS・Androidの“新機能”をFlutterでどう実装する? MethodChannelとEventChannelでネイティブAPIを利用するには
                                    • Flutter 2.2正式リリース。Null安全がデフォルトに、Windows、macOS、Linux対応をシングルコードで。Google I/O 2021

                                      Flutter 2.2正式リリース。Null安全がデフォルトに、Windows、macOS、Linux対応をシングルコードで。Google I/O 2021 Googleは、5月19日未明(日本時間)に開催したオンラインイベント「Google I/O 2021」で、Dart言語向けのアプリケーションフレームワーク「Flutter 2.2」正式リリースを発表しました。 Welcome to Flutter 2.2 Learn more about the latest growth and updates in the Flutter 2.2 release just announced in the #GoogleIO Developer Keynote! Read https://t.co/kcR6nzhxFI pic.twitter.com/EljCc0cvx1 — Flutter (

                                        Flutter 2.2正式リリース。Null安全がデフォルトに、Windows、macOS、Linux対応をシングルコードで。Google I/O 2021
                                      • 2019年8月以降のお仕事を大募集 🐶 — Firebase / Flutter / iOS / Swift / SwiftUI

                                        [2019/07/24 追記] 募集締め切りましたある程度目処が立ってきたので今回の機会としては募集終わりにさせていただきます。色々お声がけいただき、とても感謝しています。 [2022/04/14 追記] 改めて、継続的にお仕事募集中ですFlutter/Firebaseなどのお仕事のご相談 記載の条件で改めてお仕事のご相談を受け付けております(記載の通り稼働に空きが無い状態が続いていて即お請けすることは難しい状況ですが)。 2017年8月頃からiGhost・iActorという2つの兄弟アプリの開発に従事していまして、2018年2月にリリース後ユーザーからとても高い評価を得つつがんばっておりましたが、社長が会社ごとクローズするという決断を急に下しました。これまでそちらでフルタイムで働いてましたが、2019年8月以降の仕事が急にゼロになった次第です。少なくとも今年いっぱいはそのサービスをやり切

                                          2019年8月以降のお仕事を大募集 🐶 — Firebase / Flutter / iOS / Swift / SwiftUI
                                        • FlutterアプリをGWの5日間でAppStoreにリリースした時のこと

                                          はじめに こんにちは。 Android アプリエンジニアの trashfeed と言います。 この記事は、外出自粛の「STAY HOME」となったGW中に、庭にテントを張りながら1人開発合宿し、Flutterアプリ開発 〜 AppStoreリリース完了 までの5日間の記録になります。 やったこと Flutter をキャッチアップし、GW中にアプリをリリースした リリースしたアプリ 勉強・暗記にクリップノート どんなアプリを作るのか? 気になるサイトの文章だけを保存し、素早く 読み返すことができるアプリを作ることにしました。 新しい技術をキャッチアップする時、Qiita や Medium の記事をブラウザのブックマーク、Pocketなどの「後で読む」系のサービスに追加するのですが、いざ読み返そうとするとページ全体を読むのはしんどくて積読される事が多くなりました。もっと重要な箇所だけをピンポイ

                                            FlutterアプリをGWの5日間でAppStoreにリリースした時のこと
                                          • 日々の簡単なプロトタイピングに Flutter を活用する - クックパッド開発者ブログ

                                            こんにちは、 CTO 室の山田です。 私は新卒入社から現在までずっと Amazon Alexa や LINE Clova などのいわゆるスマートスピーカーやスマートディスプレイ向けのアプリケーション開発に携わっています。 特に Amazon Alexa に関しては、日本だけでなく、スペイン、メキシコ、アメリカ、ブラジルの計 5 カ国にてサービスを展開しています。 現在は上記のプラットフォームへアプリケーションを公開する形でサービスを提供していますが、私たちが掲げている目標は「Voice User Interface の特性を活かし毎日の料理をもっと楽しみにする」ことであり、必ずしも特定のデバイスやプラットフォームに特化をして開発をするわけではありません。 例えば iOS/Android などのモバイルデバイス上での方が今より良いサービスを提供できるかもしれませんし、私たちでハードウェアを開

                                              日々の簡単なプロトタイピングに Flutter を活用する - クックパッド開発者ブログ
                                            • 2022年の Flutter ロードマップ【要約】 - Qiita

                                              最近、Flutterのロードマップが更新され、2022年のものが追加されました。 Flutterの最新情報は追いかけたい、でも英語読むのはめんどくさい! そんな方に向けて、本記事ではこのロードマップの要約を記載します。 あくまで個人の要約ですので、細かいニュアンスや詳細を知りたい方は、 下記の元記事を読んでください。 時間がない人向け 短くまとめると、以下の内容でした。 開発者体験向上させる デスクトップのサポートをstableチャンネルにする Webも色々向上、ページ埋め込み機能を実装予定だ Material 3のサポートとか色々予定 Dartに静的メタプログラミングの追加予定 全文の要約 2022年、尽力する部分 開発者体験 開発者が愛するSDKを作りたい。 例えば、 共通の問題を解決するwidgetやプラグインの追加 現状のAPIの整理 単純に多く使われるパターンのAPIの導入 エラ

                                                2022年の Flutter ロードマップ【要約】 - Qiita
                                              • Flutterの調査をしてみた[2022年] - NRIネットコムBlog

                                                前置き 入社して一カ月が経とうとしているokaです! 毎日刺激的で学びが多く、楽しく過ごしています! 現在チーム内では今後Flutterによる開発を検討しています。 個人開発では好きなものを好きなように選定して開発していましたが、チームで導入をしていくには流行や肌感覚だけでなく、最終的にお客様へしっかりとした根拠をもとに提案できる状態にする必要があります。 現在も技術部分含めて調査していますが、今回はその根拠の一部となる"まずFlutterを検討していっても良いのか"という目線で、手始めにFlutterの基本的な情報からFlutterがどれだけ安定的に成長しているか調査を行いまとめてみました! よって今回の記事はFlutter(Dart)の書き方や言語に関する技術的な話ではないですが、検討するに当たっての最初の一歩としてまとめてみましたので興味のある方は是非最後までお付き合いください! 調

                                                  Flutterの調査をしてみた[2022年] - NRIネットコムBlog
                                                • Flutterに入門して疑問に思ったことと、そのとき調べたこと - くらげになりたい。

                                                  前々から気になってたFlutter。 Flutter for Webが統合されたっぽいので、そろそろはじめたいなと(´ω`) www.publickey1.jp せっかくなので、 「なにを疑問に思って、なにを参照したか」 をまとめておこうと思ったので、整理してみた(´ω`) 疑問に思ったことを時系列にまとめてます。 注意 初期段階の理解度なので、正しくないこともあります。。 どう理解したかだけを書いていく予定です。 公式ドキュメントとか このあたりをベースに、いろんな記事を調べていく感じ。 Flutter公式ドキュメント: Flutter Documentation - Flutter Flutter公式ドキュメントの日本語訳版: Flutter Guide JP | Flutter Doc JP Dart公式ドキュメントLanguage tour | Dart 公式ドキュメント以外には本

                                                    Flutterに入門して疑問に思ったことと、そのとき調べたこと - くらげになりたい。
                                                  • 【Flutter】Web アプリを🚀爆速🚀で Firebase Hosting にデプロイする

                                                    この記事でできあがるもの はじめに 自分の作ったものが web に公開されるのはうれしいことだ。 そのうれしさまず体験することで開発モチベが高まると思う。 10 分くらいでできるのでお試しあれ。 やっていくこと Flutter のサンプルアプリを Firebase Hosting を使って web 上に公開する。 開発環境 マシン: M1 MacBook Air エディタ: VSCode Flutter: 1.26.0-2.0.pre.402 • channel master 作業の全体像 Flutter アプリを作成 GitHub と連携 Firebase に新規プロジェクト作成 Firebase CLI のインストール GitHub Actions の手直し PUSH & DEPLOY 1. Flutter アプリを作成

                                                      【Flutter】Web アプリを🚀爆速🚀で Firebase Hosting にデプロイする
                                                    • あれもこれもFlutterで開発されてるって、マ??

                                                      Flutterとは Googleが提供するモバイルアプリフレームワーク。 モバイルアプリフレームワークとは、モバイルアプリの開発を支援するために作られたライブラリのことを指します。 しかも、一度にAndroid、iOSのアプリが開発できるしコストや時間も削減できるってわけ!!! ということで紹介していきます。 Mink 美容師の趣味や個性から予約できるアプリ 僕が発案し、Flutter大学の共同開発から開発を始めて、期間終了後もメンバーのKajiwaraさんに残って頂きリリースしたアプリです!! youbride 婚活マッチングアプリ 会員200万人以上のマッチングアプリ 30代が多めです!! 過去5年の成婚者数は10,000名越え! Chompy Chompy(チョンピー)は、まいにちの暮らしを豊かにするために生まれた、国内発の新しいフードデリバリーサービス!! カウル カウルは、あなた

                                                        あれもこれもFlutterで開発されてるって、マ??
                                                      • Announcing Flutter for Windows

                                                        Since we launched Flutter, we’ve focused on delivering a cross-platform solution for beautiful, tailored apps that are compiled to machine code and take full advantage of the underlying graphics hardware of your device. Today marks a significant expansion of this vision with the first production release of support for Windows as an app target, enabling Windows developers to benefit from the same p

                                                          Announcing Flutter for Windows
                                                        • Flutterが進化する方向とは? WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023

                                                          GoogleでFlutter & DartのプロダクトとUX担当ディレクターTim Sneath氏は、アフリカのケニア共和国ナイロビで開催された「Flutter Forward 2023」の基調講演で次のように話し、Flutterの進化の方向性を示しました。 「Flutter for Webは汎用目的でデザインされてはいないことを明確にしておきたい。すでにDOMの分野で上手く行っているAngularやVue、Reactのような、DOMベースの新たなフレームワークを作ろうとしているわけではない。 そうではなく、(CanvasやWebAssemblyのような)新しいWeb標準をベースとする最初のフレームワークを作ろうとしているのだ。」 その上で、Flutter for WebがWebAssemblyをサポートする予定であることを明らかにしました。 「FlutterからWebAssemblyへの

                                                            Flutterが進化する方向とは? WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023
                                                          • Flutter Interact キーノート 発表内容のまとめ

                                                            Flutter Interactのキーノートを視聴したので、そのまとめを共有します。一通りトピックを網羅できているはずです。 Google Fonts for FlutterGoogle FontsをFlutterで利用できるパッケージが紹介されました。すでにpub.devで公開されています。

                                                              Flutter Interact キーノート 発表内容のまとめ
                                                            • Flutter StudioでアプリのUIをつくろう!|TechRacho by BPS株式会社

                                                              こんにちは。ウイングドアの田上です🐈 最近弊社ではFlutter™の機運が高まっておりまして社内勉強会も行われています💪 FlutterではコードでUIを組まないといけないので、なかなかむずかしいな〜😰と思っていたところ、 Flutter Studioという便利なツールがあったのでご紹介させていただきます❗️ Flutter Studioとは Webブラウザ上でFlutterのUIを組むことができるツールです。 マウス操作でWidgetの配置を行ってレイアウトを作成することができます。 Flutter StudioのUI説明 Flutter Studio にアクセスをすると、まずこの画面が表示されます。 ①Widget一覧 Flutterで使えるWidgetが選択できます。 レイアウトを組む際は、ここからWidgetを選択して、シミュレータへとドラッグ&ドロップをします。 ②シミュレ

                                                                Flutter StudioでアプリのUIをつくろう!|TechRacho by BPS株式会社
                                                              • Flutter製アプリ「筋トレ ビフォーアフター」を元にFlutterと個人開発を学ぶ - Qiita

                                                                会社勤めをしながら個人開発をしているtakashiです。 本記事では、Flutter製アプリ「筋トレビフォーアフター」を元にプロダクト開発の解説をしていきます。 長文になりますが、重要な部分を絞り込み、コードも記事用のサンプルコードに書き換えているので記事を読み進めやすいと思います。 アプリはこちら。無料でダウンロードできます。 目次 1.Flutterを採用した理由 2.Flutterのキャッチアップ 3.設計 4.開発期間 5.アプリの規模感 6.初回起動時の画面説明 7.入力画面 8.入力ダイアログ 9.カレンダー管理 10.写真撮影とカメラライブラリ選択 11.データ登録完了時 12.ビフォーアフター比較画面 13.ビフォーアフターのロック 14.ビフォーアフターの履歴追加時 15.ビフォーアフターの履歴一覧画面 16.ビフォーアフターの履歴のシェア 17.写真管理画面 18.写真

                                                                  Flutter製アプリ「筋トレ ビフォーアフター」を元にFlutterと個人開発を学ぶ - Qiita
                                                                • Scrapboxで読書管理をするために「ScrapMedia」というFlutterアプリを作った - SIS Lab

                                                                  「Scrapboxで読書管理がしたい」そんな自分のために、書籍情報を書影付きで簡単にScrapboxに送れるFlutter(Android)アプリを作りました。 モチベーションScrapboxで読書管理をするときに問題になるのが、Scrapboxに書籍ページを作ること。やろうと思えば、Amazonから対象書籍を検索して、Bookmarkletで取り込むことができるが、ちょっと面倒。 面倒だと続かないので、Scrapboxへの取り込みステップを1つ省略するために、書籍バーコードを読み取り、そのままScrapboxへ送ることができるアプリがあればよいと思い、作りました。 機能書籍バーコードを読み取り、書籍情報を取得、書影付きでScrapbox or Twitter へ送付する(手動での直接ISBN入力も可能)データ取得元はopenBDかAmazonから選択(Amazonを利用する場合は、Ama

                                                                    Scrapboxで読書管理をするために「ScrapMedia」というFlutterアプリを作った - SIS Lab
                                                                  • FlutterアプリからFirebaseエミュレーターに接続

                                                                    Say hello to the helpful Firebase Emulator - a local first UI to boost your productivity Today we are extremely excited to introduce the Emulator UI to the Firebase community. The Emulator UI is a web app… 今まではエミュレーターの管理画面が無く、データの確認などがなかなかしにくい問題がありましたが、”Emulator UI”の提供によりそれが大きく改善されました。 最近までFirebaseエミュレーターはかなり致命的なバグもあり(今は解消されました)、どのくらい力を入れているのかやや疑っていましたが、今回の発表はそういう意味でもきちんと取り組まれている様子が伺えて良いなと思いました。 さ

                                                                      FlutterアプリからFirebaseエミュレーターに接続
                                                                    • Flutterでdotenvを利用して環境変数を管理する方法 | DevelopersIO

                                                                      dotenvをインストール flutter_dotenvのパッケージをインストールします。 flutter pub add flutter_dotenv .envファイルを作成 環境変数を管理するためのファイルを作成します。 .env VAR_NAME ="dummyValue" ファイルをgitで管理しない場合は.gitignoreに追加しておきます。 .gitignore 〜〜〜 .env .envファイルをアセットに追加 Flutterアプリからファイルを読み込めるようにするために、pubspec.yamlのassetsへ.envファイルを追加します。 pubspec.yaml assets: - .env 環境変数を読み込み .envファイルをFlutterアプリで読み込みます。 lib/main.dart import 'package:flutter_dotenv/flutte

                                                                        Flutterでdotenvを利用して環境変数を管理する方法 | DevelopersIO
                                                                      • Flutterの状態管理手法の選定

                                                                        Photo by Daniel Pelaez Duque on UnsplashFlutterの状態管理周りの手法はちょくちょく動きがあって、それに関する話題が度々盛り上がっている気がします。 今の自分は以下を組み合わせて使っていて、満足しています。 Riverpod (新Provider)StateNotifier (Better ValueNotifier)freezed (immutableなクラスの扱いなどを楽にするコード生成器)どうしてこの組み合わせを好んでいるのか、以下述べていきます(コード例などはリンク先で充分かなと思うものが多かったので少なめです)。 Riverpod (新Provider)そもそもProviderとはProvider自体、決して古いものではなく、2018年末に登場し、2019年初めにFlutterチームとのやり取りを経て認められ、Google I/O 20

                                                                          Flutterの状態管理手法の選定
                                                                        • Chompy創業3年間の、技術選定の成功と失敗を振り返る|yagitatsu

                                                                          こんにちは、多様な食を多様に届け、「まいにちの食事」を、おいしく笑顔にしたい @yagitatsu です。 (ちょっと長い?w) 息を吸うように仕事のことを発信できるようになりたいな、ということで仕事でも、noteを再開しようと企んでおります。 会社の近く。秋の目黒川も良きですね🍂本日はCTOらしく、今まで行ってきた技術的な意思決定について、成功と失敗について自分の言葉で語ってみようと思います。 注意点なのですが、前提として、環境やチームによって何を成功とするかは違うと思うので、「へー、こういう考え方なんだね〜」という感じで、軽い気持ちで読んでもらえればうれしいです 😃 技術選定の成功/失敗とはどういう状態かそもそも、技術選定について、成功とはどういう状態で、失敗とはどういう状態か、言語化してみようと思います。 まず、技術選定の成功とは、「この技術を選んでよかった。今後も続けていきたい

                                                                            Chompy創業3年間の、技術選定の成功と失敗を振り返る|yagitatsu
                                                                          • Flutter3 と Amplify UI Components で認証付きのWebページを作ってみました | DevelopersIO

                                                                            1 はじめに CX事業本部デリバリー部の平内(SIN)です。 Flutterは、iOS・Androidなどで共通したUIを一度に作ることができるフレームワークですが、Webアプリでも利用することができます。 今回は、Amplify UI Components を使用して、簡単に認証付きのWebページを作成してみました。 なお、Flutter対応のAmplify Authenticationは、2022/08/28現在、Developers Previewであり、Flutter SDK 3.0.0以上が必要です。 https://ui.docs.amplify.aws/flutter/connected-components/authenticator https://docs.amplify.aws/lib/auth/getting-started/q/platform/flutter/#

                                                                              Flutter3 と Amplify UI Components で認証付きのWebページを作ってみました | DevelopersIO
                                                                            • アプリ開発にgomobileを利用する(Android/iOS/Flutter) - Qiita

                                                                              この記事の読み方 Android/iOS + Go Flutter + Android/iOS ネイティブ その組み合わせ この3つから成る記事です。 複数のアプリを作りながら手順等を確認していきます。 Flutter は使わない、Go は知らない、といった方にも参考にしていただけると思います。 Android 開発者の方 Flutter を使わない方は Android + Go までをご覧ください。 iOS 開発者の方 iOS 開発環境がなく未検証のため、iOS の情報は少なめです。 特に Flutter で使うために Objective-C/Swift で橋渡しする部分はほぼありません。 それでも、Android での MethodChannel に近いと思われますので、雰囲気は掴めるはずです。 ライブラリ作成自体や Dart/Flutter で使う部分は OS に関わらず共通です。

                                                                                アプリ開発にgomobileを利用する(Android/iOS/Flutter) - Qiita
                                                                              • FlutterでWindows用のアプリを作成する | CyberAgent Developers Blog

                                                                                自己紹介 現在、株式会社MG-DXにて、Webフロントエンドエンジニアをやっている植木といいます。一つ前のプロジェクトはOPENRECでiOSエンジニア、その前は、ピグでUnityのエンジニアをしていました。ネイティブアプリを作るのが好きです。MG-DXでは薬急便というオンライン診療・服薬指導がWebだけで行えるサービスを提供しています。新たにアプリをインストールしなくても、SafariやChromeだけで気軽に使えます。 開発の経緯 薬急便は、患者向け、医療機関向けに展開しています。患者から予約が入った場合に、医療機関にはメールやFAXが通知されるようになっています。FAXでは、受信するまでの時間や画質の低下が気になり、コストもかかるので、代替手段で、Webから印刷機能を提供する話が出てきました。 キオスクモードでの印刷や常駐アプリとWebで連携して印刷する海外のアプリもありましたが一長

                                                                                  FlutterでWindows用のアプリを作成する | CyberAgent Developers Blog
                                                                                • 【Flutter】メモアプリ開発で使ったオススメのパッケージを紹介 - Qiita

                                                                                  メモアプリ作成で作ったFltutterパッケージ 今こそ「ひらめきたい」というあなたに! 6月末にFlutterでアプリ開発を始めてから2作目のアプリ、アイデアを発想するためのメモアプリ「アイデアメモ iX」をリリースしました。 ■AppStore https://apps.apple.com/jp/app/id1517535550 ■Google Play https://play.google.com/store/apps/details?id=com.IdeaShuffleMemoApp&hl=ja ■アプリの詳細記事 https://yukio.site/idea_shuffle_memo/ 1作目は、とりあえずアプリをリリースすることを主眼にしていたため、技術的に実装が難しそうなところは省きました。 2作目はステップアップのために、 画面のパスワードロック DBのバックアップ・リ

                                                                                    【Flutter】メモアプリ開発で使ったオススメのパッケージを紹介 - Qiita