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スキームを使えばメーラーの受信トレイを開くことができます！（公式のサポート外になってしまうかもしれませんが）
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アプリ、サーバサイドでした。 受注確定となった時点で、残り日数と開発者リソースに対
夜も安心、目に優しい UI を作ろう - Qiita
TL;DR 夜などの暗闇でスマートフォンを使うときには、目に優しい色使いをしましょう これ is 何 夜な夜なスマートフォンの画面を注視していると、画面の明るさに目が馴染んでしまって、くらいところで周りが見えなくなった体験は無いでしょうか。あるいは、夜車を運転している時にスマートフォンの画面をつけていると、その光がチラチラと視界に入ってきて鬱陶しく感じることはないでしょうか。 この記事では、画面の輝度を変更する方法ではない、暗所でもユーザの目に負担とならないような UI の作り方を見ていきます。 目に優しい色 色の属性 色にも明るさがあります。 HSVモデルやHSL色空間、HSB色空間といったモデルで表される色のプロパティには、V(Value)やL(Lightness)、B(Brightness)といった、明度や輝度と呼ばれる明るさを示すスケールがあります。この値が高いほど色は明るく見え、
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
次世代ビルドツールBazelを使ってAndroidアプリをビルドする - クックパッド開発者ブログ
会員事業部所属エンジニアの山下(@tomorrowkey)です。 去年はモバイルファースト室でバリバリとAndroidアプリを書いていたのですが、今年に入ってサーバーサイドもやってみたいと思い、最近はRubyを書いている日々です。 Rubyはあまりやったことがなかったのですが、REPLがあってとても助かります。Java 9でREPLが使えるようになるらしいですが、Androidは縁遠い話ですね。 さて、今回は来年ビルドツールとして脚光を浴びそうなBazelをご紹介したいと思います。 Bazelとは何か Bazel http://bazel.io/ BazelはGoogleが社内で使用していたビルドツールをオープンソース版として開発をしているものです。2015年3月にAlpha版が公開されました。 Alpha版ではクライアントアプリケーションやiOSアプリのビルドなどがサポートされていて、最
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.
スマートフォンで数字キーボードに変更する（2015/01版) - Qiita
※サーバサイド/JavaScriptで切り替える想定 type="number"はブラウザ・バージョンごとに挙動が違う 数字を入力する項目にはtype="number"を使えばよさそうですがiOSで問題があります。 iOS6以下では数字ではなく数値の属性として使用するよう設計されてるようです。 ●iOS5以下 1000を入力する ⇒ カンマが入った1,000になる （pattern="\d" を設定することで回避可能？） ●iOS6以下 0123を入力する ⇒ 先頭の0が削られた123になる これでは郵便番号の入力には使えません。 （type="tel"は本来の対象と違いますし、ブラウザ側の仕様が変わる可能性があるので使いません） iOS7のバージョンシェアが90%に達したとはいえ、iOS6以下が10%もあるならば対応したいところです。 pattern="\d*"で数字キーボード以外に切り
IDE完備！日本語の情報豊富！MonacaとOnsen UIで楽々ハイブリッドアプリ開発！
IDE完備！日本語の情報豊富！MonacaとOnsen UIで楽々ハイブリッドアプリ開発！ 大塔 中（アシアル株式会社） はじめに HTML5でのモバイルアプリ開発という手法が登場して以来、HTML5でモバイルアプリを開発する様々なツールやプラットフォームが登場しています。この記事ではそうしたHTML5でのモバイルアプリ開発ツールとして、Monacaおよび、Onsen UIを紹介させていただきます。 必要なもの WindowsもしくはMac 最新版のGoogle ChromeもしくはSafari Monacaとは? MonacaはHTML5でモバイルアプリを開発するためのツールです。このMonacaを使って開発されたアプリがGoogle PlayやApp Storeに2000以上登録されています。Monacaの事例ページにはMonacaで開発されたいろいろなアプリが掲載されています。登録
男性が理解できない「女の意思決定」を可視化した「女ゴコロフレームワーク」とは。ネイルアプリ「ネイルブック」が語るアプリ運営の生体験談。 | アプリマーケティング研究所
男性が理解できない「女の意思決定」を可視化した「女ゴコロフレームワーク」とは。ネイルアプリ「ネイルブック」が語るアプリ運営の生体験談。 「ネイルブック」を運営しているスピカさんにお話を伺いました。女性心理を理解するための3ステップ「女ゴコロフレームワーク」とは？ ※株式会社スピカ 「ネイルブック」3代目ディレクター 正木友佳さん（初代ディレクターの川端さんにも同席いただきました） 「ネイルブック」が出来るまで。 「ネイルブック」について教えていただけますか？ 川端： 「ネイルブック」は、ネイル写真を共有するアプリです、現在は10名のメンバー（うち女性4名）で運営しています。 ダウンロード数については、2011年4月にリリースして、現在120万ダウンロードです。海外からのダウンロードもありますが、アクティブユーザーは日本のユーザーがほとんどです。 どんなユーザーが使っているんでしょうか？ 川
#TwitterFlock でFabricの話を聞いてきたメモ - やらなイカ？
Twitter社主催のアプリ開発者向けイベント"Twitter Flock Tokyo"に行ってきました。このイベントはTwitter社が提供しているFabricについてのもので、各都市で開催されています。 Fabricではいくつかのサービスが提供されています。これまで、ベータ版配布サービス"Beta"、クラッシュログ解析サービス"Crashlytics"については導入事例も聞いており、興味を持っていました。 しかしそれだけでなく、ユーザ認証、Twitter連携、広告までひとまとめのSDKで提供されています。むしろ逆に、『広告SDKに、"Beta"、"Crashlytics"、ユーザ認証などの機能が無償でついてくる』くらいの印象を持ちました。 それぞれ（有償の）競合サービスが出ている中、これら機能を無償で提供して広告でマネタイズするということなので、頭ひとつ抜けたというか、もう別格と考えて
Cocos2d-x(v3)を使って個人ゲームを開発した話 – RingWorks
はじめまして。2013年6月に勤めていた会社を退職しフリーのゲームディベロッパーとしてゲームアプリを開発を始めました。 第一弾は、ショットパズルゲーム「カビDON」をCocos2d-x v3を使って作成。 この記事では開発作業についてのおおまかな概要についてお話したいと思います！ 本記事をオススメしたい方 Cocos2d-xの採用を検討中の人 ゲームアプリ作ってみたいけど開発作業の概要が知りたい人 v2系を使ってるけどv3系での事例が知りたい人 より具体的なトピックは次回以降のブログでお伝えしていきます。 どんなアプリ？ 物理エンジンを使ったステージ攻略型のショットパズルゲームです。 良ければダウンロードをお願いします！ 【カビDON】 AppStoreのページ GooglePlayのページ 始める前の開発スキルは？ 自分はFlasher/UIデザイナーだったので、どちらかというとデザイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type