Flutterをプロダクション導入しました。 - Qiita
こんにちは。ナビタイムジャパン Android/iOSアプリ開発担当の KSK です。 最近流行りのFlutterの流れに乗ってみたい一心で Flutterをプロダクションに導入したお話をしたいと思います。 はじめに FlutterとはGoogle製のクロスプラットフォームのアプリ開発フレームワークです。2018年12月に正式版として1.0がリリースされて以降、徐々にプロダクションに採用する企業が増えてきました。弊社でも2019年に入り、複数のプロダクトにFlutterを採用・リリースしましたので、その経緯などをご紹介します。 どのプロダクトに採用したのか？ 新規アプリケーションで採用しました。みなさんがご存知の「NAVITIME」や「乗換NAVITIME」は既に大規模なネイティブアプリが運用されており、これをFlutterで置き換える選択肢は今のところありません。既存のアプリをFlutt
Flutter はじめの一歩
本記事は、このPublicationの中でも特に初学者向けに書かれています。主なターゲット層は以下のような方です。 JavaScript・PHPなどとっつきやすいWeb系の言語は見よう見まねで触ったことがあるがきちんとは理解できてはいない(プログラムを1行も書いたこと無いレベルの場合はFlutterの前にまず何かとても簡単な入門書をまず一冊挟んだ方が良いです)Flutterを触り立て(環境構築は済んでいる)以前、以下の呟きをしましたが、例えばデザイナー本業の方がFlutterも活用できるようになると幅が広がると思い、また公式ドキュメントにもその旨が書かれていました。 とはいえ、元々バリバリコードを書けてしまうようなごく一部のデザイナーを除いて、やはりFlutterを使いこなせるようになるには(UIレイアウト周りに絞ったとしても)けっこう障壁が高いとは思うので、本記事がその補助となれば幸いで
Building the SwiftUI Sample App in Flutter
Very Good Ventures re-built the SwiftUI sample app to do a side-by-side comparison of SwiftUI and Flutter, and found there’s a lot to love about both. Kevin Gray (Principal Engineer), Martin Rybak (Engineering Director), and Albert Lardizabal (Principal Engineer) contributed to the writing of this article and the development of the Flutter Landmarks project. Read more of their content on the Very
FlutterとReact Native(とXamarin)の正しい(?)比較 - Qiita
ここはReact Native vs Flutter - Which to Learn? - YouTubeを参考にプラスアルファしています。 XamarinのXamarin社にとっての存在意義はフレームワーク販売による直接的収益でした。 Xamarin社をマイクロソフトが買収したのはXamarinかなり成熟してからだったので、買収時点のマイクロソフトにとってのXamarinの存在意義は企業ブランド向上がメインだと感じてます。 FacebookがReact Nativeの開発に着手した直接の動機は「InfoQ: Facebook:「HTML5に賭けたのは間違い」発言の技術的な理由と反応」でしょう。それをわざわざOSSで公開するのは、アプリ開発者コミュニティーによるReact Nativeのデバッグと技術力誇示による企業ブランド向上が目的だと思います。 GoogleがFlutterの開発に着
Flutter FAQ 🇯🇵
さらに自分なりに表現すると、次のように思っています。 Hot Reload/Restartによって、実装と確認のフィードバックサイクルが極めて速い(ビルドで数十秒以上程度待たされることの多いネイティブ開発環境と比べて)ネイティブアプリと見分けの付かないような高クオリティ・高パフォーマンスなアプリの開発も可能リッチなフルカスタムUIも組みやすいさらに、Google I/O 2019でもアピールされていたデスクトップ・Webへのクロスプラットフォームアプリの開発も可能になりつつある(まだプレビュー版で現時点でのプロダクション利用は厳しい)のも、今後への期待ポイントです。 Flutterの学習コストは？個人的には、以下程度に思っています。 簡単なプロトタイプ・ごくシンプルなアプリ: まあまあ簡単ある程度複雑・中規模以上のアプリ: 簡単ではない(iOSネイティブよりも少し習熟しやすいかも？程度)簡
Androidエンジニアがサービスのプロト開発にFlutterを採用したら最高だった話 - トクバイ テックブログ
こんにちは、技術部の横山です。 普段はトクバイアプリのAndroid版の開発をしているモバイルエンジニアです。 今回はトクバイ技術部内で取り組んでいる「部活」制度についてと、 その中で経験した「Flutter」を用いた、モバイルアプリのプロトタイプ開発について紹介させて頂きます！ 部活とは 社員の技術力向上を目的とした 通常業務では手の届かない領域や、専門分野外の開発に果敢にチャレンジする取り組みです💪 大体週１回ペースでお酒🍺を飲んだりピザを食べながらワイワイ🙌チーム開発をしています。 (飲食費用は会社負担となっております✨✨) こないだはマック食べた 私が部長を務めている「プロト部」では、トクバイに新しいサービス価値を生み出すことを目標に イケてる新プロダクトのプロト開発を粛々とおこなっています🙇 現在は「Flutter」フレームワークを用いて、 お店の人向けの投稿アプリ（と
Android開発はFlutterでやる方がいい説 - Qiita
はじめに クロスプラットフォームとして語られるFlutterですが、実は、「Android開発だけでもFlutterでやった方がよくね？」 となんとなく思い始めています。 「FlutterってGoogleがAndroid開発を再定義した画期的なものになるんじゃないか」と。 自分は、おっさんなので古い話をしますが、Java開発でEJB2が存在していた頃です。まだ、バージョンが1.1になったばかりのSpring Frameworkを使った案件にたまたま参加したときの衝撃と同じなんです。「何これ？ めっちゃわかりやすい。標準のEJBなんて駄目じゃん。」 今ではEJBは廃れ、Springがデファクトスタンダードになっていますよね。 ただ、使ったことがない人に伝えるのは本当に難しく、納得できない人も多いはずです。 自分でもなんでそう思うのかうまく伝えられる気もしないのですが、言語化してみます。 自分
Flutterで社員研修用のアプリを作った話 - pixiv inside
みなさんはじめまして。初めてじゃない方はお久しぶりです。ピクシブでAndroidアプリエンジニアをしておりますconsommeです。 ピクシブでは基本的に年一回、社員同士の交流を深めるという目的のもと、社員研修を開催しています。2018年は2泊3日の沖縄研修が計画されました。そのなかで研修運営チームから「社員研修で使うアプリを作れないか？」という相談を受けました。 研修中は基本的にチーム行動になるので、自分のチーム以外の人が何をしているかがわかりづらい。それなら各自で研修中に撮った写真を共有して、みんなで楽しめれば社員同士の交流につながるのではないか、そのためのアプリが欲しい、とのこと。 そう言われるとアプリエンジニアとしては作らないという選択肢はありません。ぜひやりましょう、ということで、社員研修を盛り上げるためのアプリを開発することになりました。 システム構成 アプリ側 アプリはFlu
iOSネイティブアプリ開発者から見たFlutter
Flutter is Google's mobile UI framework for crafting high-quality native experiences on iOS and Android in record time… なぜFlutterに興味を持ったかFlutterはAndroidアプリ開発者ウケの方が良くて、iOSネイティブアプリ開発者が本気で触っている事例を国内ではあまり見聞きしません。そのためか、周りからも「iOSネイティブアプリが作れるのになぜFlutterにも手を出すの？」のようなことを聞かれることがちょくちょくあります。まずはそのあたりから詳しく述べていきます。 一番初めのきっかけはDroidKaigi 2018の発表DroidKaigi 2018 用のiOSアプリがFlutterで作られていて、 konifar さんのこちらのスライドを見たりPodcas
Flutterを試した - cockscomblog?
flutter.io 先日なんとなく物見遊山的にFlutterを試してみた。特に事前の知識もなく数時間で試した程度で、全体に不案内ではあるから、それなりの感想であることを先に断っておく。 （当方はiOS/Androidのネイティブアプリの開発や、Reactを使ったWebフロントエンド開発の多少の経験を有しています） 開発環境 IntelliJ IDEAのFlutter開発環境 セットアップ Get Started: Installにしたがって環境を構築した。Homebrewなどでインストールできるようにしようという動きもあるが、現時点では手でSDKを配置する必要があるなど、少し手間がかかる。経験がないと少し難しいかもしれないが、時間が解決するだろう。 エディタ IDEとしてIntelliJ IDEAにDartプラグインとFlutterプラグインをインストールした。プラグインのできがよく、筆
Flutter Meetup Tokyo #1が最高だったのでFlutter書きたくなってライブコーディングした - みんからきりまで
Flutter Meetup Tokyo #1に参加してきた。 どうしても参加したかったのでブログ枠で滑り込みました！ というわけで本日のエントリです。 flutter-jp.connpass.com FlutterはGoogle製の新しいモバイル向けクラスプラットフォーム開発フレームワークで、DroidKaigiでこにふぁーさんがiOSアプリをFlutterで作って発表した事で日本のエンジニア界隈でも一気に有名になったような気がする。 ぼくも最近は業務で主にReact Nativeでのクラスプラットフォーム開発をやっているので、Flutterにもとても興味があった。 そんな中で開催されたこの勉強会は、まさに同じようにFlutterに純粋に興味をもったエンジニア達が集まったようで、とても活気があった。 イベントの構成も、最初にFlutterについての説明の後、30分のゲストトークと15分L
FlutterでListViewしたい
こんにちは。 陰キャな仮想通貨投資家こと、梅木栽培マンです。 ReactNativeに辟易したので、最近はFlutterを触っています。 スマホアプリといえばListViewですよね。 FlutterでListViewしようとしたときに出てきた疑問と解の雑メモです。 単純なListViewしたい ドキュメントを読みましょう。 https://docs.flutter.io/flutter/widgets/ListView-class.html There are three options for constructing a ListView: The default constructor takes an explicit List of children. This constructor is appropriate for list views with a small num
DroidKaigi 2018 - コードで見るFlutterアプリの実装 / konifar [JA]
FlutterはAndroid、iOS両方のアプリをDartで書けるフレームワークです。Firebaseとの連携やMaterialデザインに沿ったUIコンポーネントが標準で用意されています。 公式ドキュメントやcodelabを見れば一通りの実装はできるのですが、国際化やキャッシュ、CIといった細かい部分の実装をどうすればいいのかはまだ実例が少ない印象です。 本セッションでは、少し複雑なサンプルアプリを例に、Flutterのここどうすればいいの？という部分を説明していきます。 ---------------------------------------------------------------------------------------------------------------- DroidKaigiはエンジニアが主役のAndroidカンファレンスです。 Andro
![DroidKaigi 2018 - コードで見るFlutterアプリの実装 / konifar [JA]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f429830bf0648e2dff22eec3ca6cd65f6394ba58/height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2FsRV_bSdyDjw%2Fhqdefault.jpg)
【Flutter】Firebase AdMobを使って広告表示する - Qiita
@override void initState() { super.initState(); FirebaseAdMob.instance.initialize(appId: FirebaseAdMob.testAppId); _bannerAd = createBannerAd() ..load() ..show(); } BannerAd createBannerAd() { return new BannerAd( adUnitId: BannerAd.testAdUnitId, size: AdSize.banner, targetingInfo: targetingInfo, listener: (MobileAdEvent event) { print("BannerAd event $event"); }, ); } static final MobileAdTargeti
Android / iOS アプリの開発にクロスプラットフォームの Flutter を実戦投入した｜najeira
Flutter を実際にリリースしているプロダクトに採用してみて半年ほど経ったので、その経緯と Flutter についての感想を記しておきます。 The English version is on Medium! Flutter についてFlutter は、クロスプラットフォームでモバイルアプリを開発するための開発フレームワークです。 特徴- 言語は Dart - フルスタックのUI framework (Material and iOS) - Reactive (inspired by React) - Material and iOS - GPU を利用して UI を描画するところまで全て (Skia) - オープンソース on GitHub - developed by Google and community - ネイティブのARMコードにコンパイル - 開発用プラグイン - In
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
