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)
【Other】【CSS / jQuery / javascript】PWAでプッシュ通知を実装してみる（３）Firebaseでプッシュ通知に必要なトークンを処理する｜虹色ミツバチ
前回までの記事で、PWA化にはmagnifest.jsonとserviceworker.jsが必要と解説し、そのサンプルを掲載しました。 今回からは目標だったプッシュ通知について解説します。 プッシュ通知の仕組みとFirebaseを利用することにした経緯 PWAを使ったプッシュ通知では、ブラウザで「プッシュ通知を受け取る」設定をした時に、「トークン」が発行されます。 これはブラウザ単位で発行されるので、PCのGoogle ChromeとスマホのAndroidでは別々のトークンが発行されます。 この「トークン」に対して、PWAを利用したサイト（ウェブアプリ）の管理者がサーバーからCurlコマンドを叩くことでプッシュ通知を送信します。 すなわち、「トークン」をどこかに保存しておく必要がありそうです。 トークンを取得したとしても、プッシュ通知を１件１件送っていくのは時間がかかりそうな気がします。
ブラウザからメーラーアプリの受信トレイを起動する方法 | collabit（コラビット）｜不動産テック(RealEstateTech)企業
こんにちは。 コラビットのGrowthHackerソネ（@_kok____）です。 先日、メール認証率UPの施策として、申込み完了ページの改善を行ったのですが、その際ハマってしまいました。。。 何にハマったかというと、スマホの場合にURLスキームでメーラーアプリを起動したかったのですが、ググってもググってもmailtoで新規メールを立ち上げる方法ばかり。 私がやりたかったのは受信トレイを開くことだったので、思った以上に時間を費やしてしまったわけです。 そんなこんななので、やり方をまとめておきます！ iOSの場合 公式のドキュメントはコチラにありました。 公式ではmailtoで新規メールを作成する方法しかないのですが、messageというURLスキームを使えばメーラーの受信トレイを開くことができます！（公式のサポート外になってしまうかもしれませんが）
オーディオアプリ開発でありがちな4つの間違い | POSTD
ここで論じているのは、オーディオアプリの開発者が陥りがちな 4つの間違い 、 より良く開発する方法 、 問題個所の発見方法 です。主に開発者向けの内容ですが、開発者以外の方にも知っておいてもらいたいと思います。ここでは、開発者向けの診断ツールである Realtime Watchdog を紹介し、 人気のあるオーディオライブラリの調査結果 を提示します。 オーディオアプリの開発はとてつもなく楽しいです。やりがいを感じるし、創造力を発揮できる範囲が大きく広がり、ひとたび開発が終われば、 誰かがクリエイティブなツールとして使ってくれるのです！ こんな分野は多くないし、この領域で働けるなんて非常に幸運だと自分でも思っています。 しかし、仕事でオーディオアプリを扱う時には深く考えなければならない部分もあります。オーディオアプリの開発者としてユーザに対する責任があるのです。大前提として、ユーザを公共の
rem単位を用いたレスポンシブ対応ページの実装デモ
Tweet rem単位を用いたレスポンシブ対応ページの実装デモ はじめに 本技術のポイントは1つだけです。可変にしたい要素すべてのサイズ指定にrem単位を用いることにより、普通にやると面倒なレスポンシブ対応がfont-sizeのみの変更で済むことです。 このサイトがデモです。 （ウィンドウ幅を狭くしたり右上のチェックボックスを切り替えてみてください。） きっかけ 2015年9月ごろにAppleサイトのサポートページ（https://support.apple.com/ja-jp/HT...）を開いたところ、大きな表示崩れが生じていました。 Appleサイトのバグ(左: IE Edgeでの表示 右: Chromeでの表示) 画像提供元: 情報科学屋さんを目指す人のメモ CSSを解読したところ、要素のところどころにrem単位を用いたサイズ指定が施されていました。 これは単なる凡ミスではないと考
Android開発を受注したからKotlinをガッツリ使ってみたら最高だった - Qiita
関連記事 この記事も古くなりましたね。執筆時の実装バージョンKotlin 0.12から1.0.2へのアップグレード対応をした際の知見を記事にしました。 Kotlinを実案件で使いました 先日、僕の勤め先のQonceptは『リアル鬼ごっこ』×富士急ハイランド 巨大遊園地からの逃走を開発、リリースしました。 富士急ハイランドで実際に鬼ごっこをする企画で、一般のお客さんがスマホで専用アプリを使いながらクリアを目指します。園内には鬼役のスタッフや、ゲーム進行に関わる設備などがあり、これらとスマホがiBeacon(BluetoothLE)を用いて連動することで、ダメージを受けたり、アイテムを使用したり、クイズを解いたりなどします。 Qonceptの開発範囲は、iOSアプリ(とAppleWatchアプリ)、Androidアプリ、サーバサイドでした。 受注確定となった時点で、残り日数と開発者リソースに対
2016年3月2日〜4日、try! Swiftカンファレンスを開催します。 - 24/7 twenty-four seven
try! Swiftはエンジニアが主役のSwiftに関するカンファレンスです。今回は会期を3日間（！）、著名エンジニア（海外・国内）による招待講演を予定しています。 http://www.tryswiftconf.com/ 講演とプログラムについて 現在Webサイトには12人の講演者が掲載されていますが、さらに21人、合わせて33人の講演を予定しています。 会期中は、セッション以外にもオフィスアワー、アフターパーティ（懇親会）なども検討しています。 特に海外から来られる講演者の方々は皆、日本のデベロッパーとコミュニティのことを知りたいと強く考えています。 そのため、オフィスアワーや懇親会の時間以外でも、ランチタイムや朝食の時間などに講演者の方と直接話すことのできる機会を多く設ける予定です。 日本にいながら、世界のトップレベルのエンジニアの方々と直接コミュニケーションをとれる機会は非常に貴重
夜も安心、目に優しい 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
ソースコードから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 アプリのプログラマーだけが行う。 他のメンバーはビルド済みのアプリをテストできるようにする。 クラッシュログの追跡をしやすくするのが目的。 常に最新版のテスト用アプリを実機に落とせるようにする。 どのサービス/ツールを利用するか? 自動テストとアプリ配布を実現するためのサービスやツールについて調べてみて、自分
iOSテストフレームワーク(XCTest)を試してみた - 涼風コンピュータblog
はじめに iOSテストフレームワークでXCTestを試してみました。環境はMac OS X 10.9.2, Xcode 5.1で行いました。XCodeに統合されており、XCodeから実行できます XCTest Xcodeユニットテスト ガイドを参考にしました ロジックテストとアプリケーションテスト ロジックテストは、各コンポーネントが正常に動作するかを確認するユニットテストです。シュミレータ上でしかできません。 アプリケーションテストは、Xcodeユニットテスト ガイドによると このテストは、アプリケーションのコンテキストでコードのユニット をチェックします。アプリケーションテストを使用して、ユーザインターフェイスコントロール の接続（接続口とアクション）が適切であることと、コントロールとコントローラオブジェクト が、アプリケーションに適用したオブジェクトモデルに基づいて正しく動作すること
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
非エンジニアリング脳なデザイナーが新規アプリ開発の現場でXcodeを使用することがどのような影響を与えたか。について、自身の経験を元にまとめました。
【iOS/Mac開発】超サクサクアプリへの必須ツール Instruments を使いこなそう
こんにちは。iOS / Mac 開発担当の金内です。 使って幸せなアプリには、サクサクとした動きが欠かせませんね。自分たちで作っているアプリが「サクサク」でなく「もっさり」と言われてしまうと残念な気持ちになりますが、反面「よし。こうなったら超最適化して超サクサクなハイパフォーマンスアプリを目指す!」と誓いを立てるよい機会でもあります。 そんな誓いを立てたあなたにピッタリのツールが Xcode に付属している Instruments（インストゥルメンツ）です。フェンリルのウェブブラウザ Sleipnir for Mac や Sleipnir Mobile for iPhone / iPad の開発でも大活躍しています。 Instruments は、一般的にはプロファイラという種類のツールにあたります。プロファイラは、どのオブジェクトがどれくらいメモリを消費しているとか、どのメソッドにどれくら
次世代ビルドツールBazelを使ってAndroidアプリをビルドする - クックパッド開発者ブログ
会員事業部所属エンジニアの山下(@tomorrowkey)です。 去年はモバイルファースト室でバリバリとAndroidアプリを書いていたのですが、今年に入ってサーバーサイドもやってみたいと思い、最近はRubyを書いている日々です。 Rubyはあまりやったことがなかったのですが、REPLがあってとても助かります。Java 9でREPLが使えるようになるらしいですが、Androidは縁遠い話ですね。 さて、今回は来年ビルドツールとして脚光を浴びそうなBazelをご紹介したいと思います。 Bazelとは何か Bazel http://bazel.io/ BazelはGoogleが社内で使用していたビルドツールをオープンソース版として開発をしているものです。2015年3月にAlpha版が公開されました。 Alpha版ではクライアントアプリケーションやiOSアプリのビルドなどがサポートされていて、最
あんまり知らなかったXcodeの便利なショートカット - 「ひとかじりのりんご」
Webを徘徊していたら、Xcodeのショートカットを使って、効率良くコーディングしようという趣旨のブログ記事を見つけました。そのショートカットがとても素晴らしかったので、紹介したいと思います。 元ネタ ハイスピードXcodeコーディング – iphone_dev_jp東京勉強会 | DOTAPON Blog とってもクールなチートシートも用意されていました。是非DLすべし。 ショートカット一覧 ファイル操作 キー 操作 クラス名からファイルを開く Command + Shift + O ヘッダーファイルと実装ファイルの切り替え Command + Control + Up/Down 以前/次のファイルを開く Command + Control + Left/Right プロジェクト全体を検索する Command + Option + F エディタを分割する Command + Option
tejitak.com - このウェブサイトは販売用です！ - tejitak リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
