Flutter製チャットアプリを支える技術
はじめに今年はGoogle I/Oに行ってFlutterを知って6月ぐらいからFlutterを触りだし、いろいろ勉強会に行ったりFlutter温泉に行ったり、今年の後半はFlutter三昧でした。 そんな中チャットアプリを作ったので、それぞれ機能をどのように実装したかコードを交えつつ少しずつご紹介したいと思います。 開発環境は下記のとおりです。 % flutter doctor Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel beta, v1.0.0, on Mac OS X 10.14.1 18B75, locale en-JP) [✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
【API Blueprintの使い方】Web APIの仕様書を書く・読む・実行する | DevelopersIO
【API Blueprintの使い方】Web APIの仕様書を書く・読む・実行する できればドキュメント書きたくないなー。はやくAPI実装したい！俺の頭の中に全部仕様入ってるから！俺が仕様だ！ ... その仕様、API Blueprintでドキュメントにおこしませんか？ はじめに デバイスが多様化し、その違いを吸収する統一的なインターフェースが求められる昨今、Web APIはその回答のひとつといえます。弊社でも、モバイルアプリとWeb APIを組み合わせてサービスを構築することがあります。 Web APIが登場する開発では、モバイルアプリ（APIクライアント）メンバーと、APIサーバメンバーのコミュニケーションが不可欠です。開発を円滑に進めるために、APIの仕様書 が必要になります。お互いがAPIの仕様を想像して勝手に開発を進めたのでは、いざ結合したときに悲惨な結果になることが目に見えてい
【CEDEC2016】アイドルたちをもっともっと可愛く！ Cygamesクリエイターが『デレステ』開発・運営でみせた飽くなき追求 | gamebiz
Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 － 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法（モデリングとUI/UXデザイン）」と題するセッションを8月26日開催の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はモデリングパートの模様をレポートする。 モデリングパートでは、Cygamesデザイナー部3DCGアーティストチームマネージャーの谷本裕馬氏（写真）が登壇した。『アイドルマスターシンデレラガールズ スターライトステージ（以下、デレステ）』は、「Mobage」で配信されている『アイドルマスターシンデレラガールズ』から派生したリズムゲームで、App StoreとGoogle Playの売上ランキングで首位を獲得した実績もあるなど、人気タイトルの一つとして定着してい
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと：RoomClip
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
オーディオアプリ開発でありがちな4つの間違い | POSTD
ここで論じているのは、オーディオアプリの開発者が陥りがちな 4つの間違い 、 より良く開発する方法 、 問題個所の発見方法 です。主に開発者向けの内容ですが、開発者以外の方にも知っておいてもらいたいと思います。ここでは、開発者向けの診断ツールである Realtime Watchdog を紹介し、 人気のあるオーディオライブラリの調査結果 を提示します。 オーディオアプリの開発はとてつもなく楽しいです。やりがいを感じるし、創造力を発揮できる範囲が大きく広がり、ひとたび開発が終われば、 誰かがクリエイティブなツールとして使ってくれるのです！ こんな分野は多くないし、この領域で働けるなんて非常に幸運だと自分でも思っています。 しかし、仕事でオーディオアプリを扱う時には深く考えなければならない部分もあります。オーディオアプリの開発者としてユーザに対する責任があるのです。大前提として、ユーザを公共の
インフラを意識してコードを書くということ - Hatena Developer Blog
チーフエンジニアの id:Songmu です。 4月に 新人エンジニア研修を行なった のですが、その際に、「インフラを意識したアプリケーションの書き方」という講義を担当しました。そこでおこなった講義の内容について整理しながら書き起こしていきたいと思います。 インフラを意識すると何が良いか 業務でWebアプリケーションを扱うと、個人ではなかなか扱えないトラフィックであったりデータ量を扱うことになります。小規模サービスでは考えなくてよかった多くのことを考慮する必要がでてきます。なかなか体験できないことでもあるので、楽しく、やりがいもあります。 また、そういった経験を通して、インフラを意識しコードをかけるスキルを身につけることは、Webエンジニアとしては大きな強みとなります。ISUCONで優勝できるかもしれません*1。 インフラを意識すると何が良いか 〜 中規模ベンチャーの場合 そもそも、はてな
RIAに代わる技術、実用的SPAについて考える～第7回エンタープライズ×HTML5ナイトセミナー～
RIAに代わる技術、実用的SPAについて考える～第7回エンタープライズ×HTML5ナイトセミナー～ 佐川 夫美雄（Ashiras, inc.） Appleショックにより禁じ手となったFlex、Silverlight、JavaアプレットなどのプラグインベースRIA製品の代替として、SPA(Single-page Application)が注目を集めています。HTML5の高度なオフライン機能を大規模開発で利用する際にも重要な役割を担う技術です。 しかしながらその実装方法には、ベンダ製品からOSS製品まで、思想も実装もバラつきがあります。何をもって正しいとするのか、どのような判断基準により選定するのかも、難しいという状況ではないでしょうか。 2014年1月27日に開催されたhtml5jエンタープライズ部による「第7回エンタープライズ×HTML5ナイトセミナー」。会場はKDDI様品川イーストワンタ
Android案件を見積もる場合に考えておくことリスト - Qiita
アプリ自体のコーディング見積もりのみに注力してしまうと忘れがちで、たまにつらい目に遭うので、必要に応じて追加していく予定。 アプリ仕様 仕様はそもそも決まっているか 「仕様は決まっている。動かない」「移植なのでこれ以上はありません」と言ったな。 それは嘘だ。 既に仕様がガッチリ確定していることはありえない。要求仕様（必要機能リスト）がある程度固まっているならばまだ良い方で、「今から仕様を一緒に考えていきましょう」「アイディアレベルです」まで様々。 その他にも、GCM/FCM等のアプリ外サービスと連携する場合、遅延コスト等どの程度許容できるかも事前に確定させる。特にプッシュ系サービスでは、ありえないレベル（全端末遅延1秒以内必須、とか）を既定路線に含めないように留意する。 改修か、新規開発か これは見積もりの前提として大きな影響力をもつ。 テクノロジーや設計の自由度・柔軟性をある程度コントロ
エンジニア・Webデザイナー必読: アプリケーションを国際化・多言語展開する前に知っておくべきこと - Qiita
ちょろっとメモ。の割には長くなったけど、最後の方にいいことが書いてある。 ※技術英語や翻訳 Advent Calendar 2015に参加してみました。スレ違いだったらすみません。 追記: taka-oyamaさんの記事「多国対応ウェブアプリを開発する前に知っておきたかったこと」も参考になります。 追記: 「17ヶ国の多言語対応Tips」で当記事を紹介いただきました。素晴らしいスライドです。 追記: 「本当にあった怖い誤訳」によると、今でも機械翻訳をそのままウェブページで使っている自治体があるそうです。怖す。 追記: ぼくたちのかんがえたさいきょうのi18n国家 - Qiitaもどうぞ。 概要 Web アプリやモバイルアプリを問わず、アプリで当てたらそれ英語化だ多言語化だ国際化だ、となることは多い。しかしアプリの作りなどさまざまな原因によって、他所の国の言葉に翻訳してもらっても実は現地の人
ゲスな卒論アプリが登場！一体どこが作ってるのか調べてみた。なかなかなことになっていた。
もはや時事ネタなのかなんなのか、どこまでがOKなのか NGなのかさっぱりわかりませんが、おそらく最速で誰もが一度は頭によぎったであろう、ベッ○ーのゲームが登場しました。 とりあえず何が良いとか、悪いとかは抜きにして どこが開発しているのか気になったので調べてみました。 この手のアプリはBAN対策や、開発者を特定させないためになどの理由からか、個人アカウントを取得して公開というパターンが非常に多いです。 このアプリも例に漏れずそのような形式になっているため、 他にリリースしているアプリもありませんし、特定はしにくいですね。 アップトーキョーさんの記事でも app.tokyo こちらのアプリがブースト広告を利用しているということを書いていますし、これをAppleに察知された時に制裁措置を受けないようにという配慮もあるのでしょう。 これらのアプリは、十中八九、個人アカウントを利用して、法人が運用
Android開発を受注したからKotlinをガッツリ使ってみたら最高だった - Qiita
関連記事 この記事も古くなりましたね。執筆時の実装バージョンKotlin 0.12から1.0.2へのアップグレード対応をした際の知見を記事にしました。 Kotlinを実案件で使いました 先日、僕の勤め先のQonceptは『リアル鬼ごっこ』×富士急ハイランド 巨大遊園地からの逃走を開発、リリースしました。 富士急ハイランドで実際に鬼ごっこをする企画で、一般のお客さんがスマホで専用アプリを使いながらクリアを目指します。園内には鬼役のスタッフや、ゲーム進行に関わる設備などがあり、これらとスマホがiBeacon(BluetoothLE)を用いて連動することで、ダメージを受けたり、アイテムを使用したり、クイズを解いたりなどします。 Qonceptの開発範囲は、iOSアプリ(とAppleWatchアプリ)、Androidアプリ、サーバサイドでした。 受注確定となった時点で、残り日数と開発者リソースに対
Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、Webアプリの開発にトライしたことはありますか？ いざ、コードを書き始めるとちょっとしたことで悩んだり、簡単に思っていた処理が意外と面倒であったり、データベース操作が難しかったり…など、予想以上に困難な場面に直面することが多いと思います。 そこで今回は、初級者から上級者まで幅広い開発シーンを想定し、面倒な作業を解消して便利に活用できる無料Webサービスを厳選してみましたので、ご紹介しようと思います！ 目次 ・悩みがちな「関数」や「変数」の名前を日本語で一発変換！ ・Eメール認証の判定を自動化する！ ・多彩な「情報リソース」を無料でゲット！ ・わずか数行で画像要素をInstagram風のオシャレ写真に変換！ ・任意のWebサイトURLから自動で「スクショ」をゲット！ ・超お手軽にソースコードをシェア＆レビューする！ ・Googleスプ
AndroidでMaterial DesignとDesign Support Libraryを試してみた - くらげになりたい。
Shytterv1.6をリリースしました！ 本業が落ち着き、日曜プログラマ、ひさびさに再開です バタバタしている間に、Material DesignがGoogle I/O 2014で発表されてから1年、Design Support LibraryがGoogle I/O 2015で発表されてから2ヶ月すぎてしまいました(；一_一) やっとデザインの乗り換えができたので、いろいろの備忘録 取り込んでみたのは、 ToolBar TabLayout DrawerLayout/NavigationView Floating Action Button(FAB) SwipeToRefresh/自動スクロール の5つ！！ ちなみに、 こんな感じのが こんな感じになりました♪ 導入/準備 準備として、Design Support Libraryをbuild.gradleのdependenciesに追加しま
夜も安心、目に優しい UI を作ろう - Qiita
TL;DR 夜などの暗闇でスマートフォンを使うときには、目に優しい色使いをしましょう これ is 何 夜な夜なスマートフォンの画面を注視していると、画面の明るさに目が馴染んでしまって、くらいところで周りが見えなくなった体験は無いでしょうか。あるいは、夜車を運転している時にスマートフォンの画面をつけていると、その光がチラチラと視界に入ってきて鬱陶しく感じることはないでしょうか。 この記事では、画面の輝度を変更する方法ではない、暗所でもユーザの目に負担とならないような UI の作り方を見ていきます。 目に優しい色 色の属性 色にも明るさがあります。 HSVモデルやHSL色空間、HSB色空間といったモデルで表される色のプロパティには、V(Value)やL(Lightness)、B(Brightness)といった、明度や輝度と呼ばれる明るさを示すスケールがあります。この値が高いほど色は明るく見え、
RGBの16進数表記をUIColorのコードに変換してくれるサービス - 下学上達
背景色や文字色を指定する場合、HTML などでは ”#87CEFA” といったRGB の１６進数を使いますが、 Objective-C のUIColor ではその方法が使えません。 UIColor では、以下のようにRed, Green, Blue 各色を数値で指定することができるのですが、 // #87CEFA をUIColor で指定する場合 UIColor *color = [UIColor colorWithRed:0.53 green:0.81 blue:0.98 alpha:1.0]; １６進数表記での指定に慣れていることや、デザイナさんとは１６進数表記でやりとりすることが多いので、 １６進数表記をサクッと変換してくれるツールが欲しいということで行き当たったのがこのサービス。 HexRGB To UIColor RGB の１６進数表記を入力して送信ボタンを押せば、UIColor
gitとプルリクエストに関して思うことまとめ - Qiita
※この記事は元々「Gitのこれやめて！リスト」として2015年11月に投稿したものを改訂したものです。 この記事について 私が個人的にgitとプルリクエストについて、「こうして欲しい」とか「これはやらないで！！」とか思っていることをまとめたものです。 元々は2015年に私がコードレビューをしてる時に気になったことを、あまり推敲もせず思うがままに書いた記事でした。今改めて読み返すと稚拙な文章なのと、他に思うところとがあったりしたので、改めて書き直しました。いいね貰ってるのに書き直すのに若干後ろめたさがあるのですが、よりいい内容にできればと思います。 コミットログがきれいだとレビューしやすい 一人で開発するときはgit使っててもブランチ切らないし、プルリクもださないしで、コミットログも"First Commit"の次が"Second Commit"とかでも支障はないです。しかし、チームで開発す
ソースコードからApple標準スタイルのAPIドキュメントを生成するappledocの書き方 | DevelopersIO
サンプルクラスの作成 プロジェクトを作成したら、コメントを試すためのクラスとしてNSObjectを継承したSampleObjectを作成しましょう。 コメントの書式 appledocでは、以下で紹介する特別な書式で書かれたコメントからドキュメントを抽出します。また、もともとHeaderDocやDoxygenの書式で書かれた書式にも対応しているため、簡単に移植できます。 複数行のコメント appledocでは「/** コメント */」のように/(スラッシュ)１つと*(アスタリスク)２つで始まり、*(アスタリスク)１つと/(スラッシュ)１つで終わるコメントを解析対象とします。 /** コメントをかくぜぇ */ 試しにSampleObject.hのクラス定義の上に以下のように書いてみましょう。 SampleObject.h #import <Foundation/Foundation.h> /*
EAN/JAN→ASIN - 考える人、コードを書く人
最近, コードを書いてない。だから, というわけではないが, ちょっとわけがあってEAN/JANで検索するプログラムを書きたくなったので 今日はAmazon Web Service(以下, AWS)で少しだけ遊んでいた。 AWSでは書籍はEAN/JAN(ISBN13)*1で検索できないので, ASIN(ISBN10)に変換する必要がある。2007年以降に出版される書籍はISBN13に移行するので そのままEAN/JANを使えばいいらしいけど。 function ean_to_asin($strEAN){ if(!is_string($strEAN) || ($len = strlen($strEAN)) != 13){ die "番号が正しくない"; } $str = substr($strEAN, 3, 9); $sum = 0; for($i=0;$i<$len;$i++){ $sum
[iOS] KIFを使ってUIテスト - Qiita
テストの様子 UIテストについて最近色々と調べています。 Appium試したらMobile Safariが消えてうろたえたっていうのはナイショ。 まだどれも記事を読んだり少し触ったり、ということくらいしかしていませんが、KIFが今のところよさげかなーと思っています。 理由としてはUIテストをすべてObjective-Cで書けるのが大きい。 JavaScriptとかで書けるのもあってそっちもよさそうですが、iOSエンジニア以外でテストを書くことが今のところはなさそうなので、そういう意味では言語を統一しておく、というのがいいかなと。 UIテスト周りについては以下の記事を参考にさせてもらいました。 iOSアプリのUIテストツール候補 60分で始めるiOSアプリのUI自動テスト サンプルプロジェクト 今回、色々実際に触ってみるにあたって作ったものをGithubに公開しています。 準備 【注意】KI
![[iOS] KIFを使ってUIテスト - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb42c9b11ae05a821a38fdd6ee4527b9b3344cfa/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCaU9TJTVEJTIwS0lGJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2VUklRTMlODMlODYlRTMlODIlQjklRTMlODMlODgmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTllZjM5MjU3NWE5MTNlODYxODMxNmI1ZWYxYzA3MGIz%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZWRvX20xOCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWZhNjI3N2Y5N2YyYmU4NTJmMzc3YzAyOGM1MTQ2NjA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0369214e19d5928ea1cf4d716b8390fa)
Xcode Server を使ってビルド環境を整える - Qiita
初めに Xcode Server を利用してビルド環境を整えたので、その作業内容をまとめてみます。 成果 iPhoneでBot実行結果を表示 xcworkspaceでBotの動作状況を確認 目標 commit したら自動的にテストが行われるようにする。 ビルドバージョン CFBundleVersion を自動で上げる仕組みにする。 ビルドバージョンの変更はリポジトリには含めない。 アプリのビルド(Archive)を一元管理する。 プロジェクトをビルドして実機にインストールのは iOS アプリのプログラマーだけが行う。 他のメンバーはビルド済みのアプリをテストできるようにする。 クラッシュログの追跡をしやすくするのが目的。 常に最新版のテスト用アプリを実機に落とせるようにする。 どのサービス/ツールを利用するか? 自動テストとアプリ配布を実現するためのサービスやツールについて調べてみて、自分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
