Firebaseで完結するリッチなWebアプリ構築の勘所 - Qiita
先日、Togetter社長の@yositosiさんとひょんなことからお友達になり「なんかFirebase使って面白いことやろうよ」という話になったので一緒に面白いことをやりました。 この記事は、 Firebaseを使うと何ができるのか Nuxt.js/Vue.jsとFirebaseの勘所 Firestoreでの複雑なクエリ処理にどう対応するか などのトピックを中心に紹介していければと思っています。 なんとかPay Togetterの社長の@yositosiさんからFirebaseを使ったアプリ構築の話を頂きお手伝いさせていただいた、エイプリルフールの企画の「なんとかPay」というサービス。誰でも自由にPayを発行できる、昨今のPay蔓延している社会に物申しているようなそうでもないようなそんなサービス。 今回は技術周りで色々とお手伝いをさせていただきました！ 自分だけのPayが作れる リアル
Google Home で予約語「エアコンつけて」を使えるようにする - Silent Lips
IRKit + Google Home + IFTTT でスマートじゃない家電を操作する の記事でも書いてるように、Google Home では「エアコンつけて」とか「テレビをつけて」とかはスマート家電やChromecast経由の電源操作などのために予約されているようで、IFFFT経由でリクエストを送って赤外線情報で家電を操作するような時には「設定されていません」とかなんとかって怒られます。 これを回避するには、Google Homeアプリのショートカットで設定することで、予約語を優先して使うことができます。 ショートカットの登録 1. Google Home アプリ Google Home アプリ を起動。 2. ホーム画面の左上でメニュー アイコンをタップ。 3. [ その他の設定 ] [ ショートカット ] の順にタップ。 4. 右下のプラスボタンをタップすると登録画面が開きます。
Electronより軽くて手軽なlorca製デスクトップガワアプリのススメ - Qiita
最近ScrapboxをデスクトップPWAとして使い始めました。 やはりデスクトップアプリとしてDockに表示されるだけで体験はすごく良くなるなー PWAもっといろんなサービスで使えるようになってほしいです（オフライン動作とかとりあえず要らないんでアプリとしてインストールだけでもさせてほしいなぁ） Webサービスのデスクトップアプリ化で感じる利点は、具体的にはショートカットやSpotlightで呼び出しやすいといったことくらいなのですが、OSのインタフェースから自然に使えるという体験はヘビーユースしているWebサービスを更にヘビーに使うきっかけになりえるなと。 自分自身、よく使うWebサービスは個別アプリにしたいと日頃から思っており、Electronを使ってよく使うWebサービスは個人利用用にアプリ化したりしてました。 ただElectronはアプリサイズが大きいのと、Gmail等一部のWeb
Swift実践入門 ～ 今からはじめるiOSアプリ開発！ 基本文法を押さえて、簡単な電卓を作ってみよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
ひとつ注意点ですが、Swiftは書き方の自由度が比較的高いので、チーム開発をする場合は、あらかじめコーディング規約を共有しておいた方が良いでしょう。 Swiftでの命名や慣例のほか、さまざまな指針がSwift.orgにある「API Design Guidelines」にまとめられています。興味のある方は目を通してみてください。 Swift.org - API Design Guidelines インタラクティブ環境でSwiftを触ってみよう 早速ですが、Swiftを触って動作させてみましょう。Swiftはコンパイラ言語でありながら、インタラクティブ（対話的）に実行しながら動作を確認することができます。Swiftに慣れるには、このインタラクティブ環境でいろいろと動作させてみるのが手っ取り早いです。 インタラクティブにSwiftを実行するには、ターミナル（コマンドライン）のREPL（レプル）を
Flutterで社員研修用のアプリを作った話 - pixiv inside
みなさんはじめまして。初めてじゃない方はお久しぶりです。ピクシブでAndroidアプリエンジニアをしておりますconsommeです。 ピクシブでは基本的に年一回、社員同士の交流を深めるという目的のもと、社員研修を開催しています。2018年は2泊3日の沖縄研修が計画されました。そのなかで研修運営チームから「社員研修で使うアプリを作れないか？」という相談を受けました。 研修中は基本的にチーム行動になるので、自分のチーム以外の人が何をしているかがわかりづらい。それなら各自で研修中に撮った写真を共有して、みんなで楽しめれば社員同士の交流につながるのではないか、そのためのアプリが欲しい、とのこと。 そう言われるとアプリエンジニアとしては作らないという選択肢はありません。ぜひやりましょう、ということで、社員研修を盛り上げるためのアプリを開発することになりました。 システム構成 アプリ側 アプリはFlu
GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩
GASでクライアント側にもJavaScriptを使用してWebアプリを作成する方法をシリーズでお伝えしています。今回は、GASでクライアントJavaScriptを使用する超簡単なプログラムについて紹介します。 前回のおさらい まず、前回作成したプロジェクト構成を紹介します。 URLリクエストを受け取ったら、後述するindex.htmlを受け渡すdoGet関数を含むmain.gsです。 function doGet() { var htmlOutput = HtmlService.createTemplateFromFile("index").evaluate(); htmlOutput .setTitle('GAS+Vue.js') .addMetaTag('viewport', 'width=device-width, initial-scale=1') return htmlOutpu
Firebaseとは？できることや料金体系などをわかりやすく解説
・リアルタイムデータベース（Firebase Realtime Database） ・NoSQLデータベース（Cloud Firestore） ・アプリ利用状況の解析（Firebase向けGoogleアナリティクス） ・クラウドを利用したメッセージ配信（Firebase Cloud Messaging） ・ユーザー認証機能（Firebase Authentication） ・アプリのクラッシュ分析（Firebase Crashlytics） ・データ保存先の提供（Cloud Storage for Firebase） ・Webサーバーサービス（Firebase Hosting） ・サーバーレス機能の提供（Cloud Functions for Firebase） 各サービスについて詳しく見ていきましょう。 リアルタイムデータベース（Firebase Realtime Database） 「
firebaseでサーバレスなSPAアプリを作った話 - Qiita
はじめに Firebase使ってみて便利さに感動したのでポイントまとめてみました Reactとかフロントエンドのフレームワーク使ってSPA作る分には結構戦えますね とはいえ最終的に細かい作り込みをすると辛いところは出てきそう… 作ったもの https://喫煙所.net 見たまんまですが、喫煙所の共有サービスです 喫煙者の皆様は是非使ってみてくださいｗ 使ったもの Firebase Hosting Reactでbuildした静的ページの配信 Authentication 非ログイン時は匿名認証 SNS認証使ってログイン時にグレードアップ Cloud Firestore 喫煙所情報の保存 いいね情報の保存 公開用のユーザ名の保存 Cloud Functions for Firebase Firestoreの更新をトリガーにAlgoliaのインデックス更新を実行 Algolia 主に喫煙所の検
Kyash Blog
はじめに KyashのSET（Software Engineer in Test）チームでは、Scenarigoを用いてAPIテスト自動化の取り組みを行なっています。 非常にシンプルにテストを実装できるため、Scenarigo自体の導入やキャッチアップのハードルはそれほど高くないと思います。 今回はKyashでAPIテストを運用していくにあたって、工夫している点を紹介したいと思います。 続きを読む KyashでiOSエンジニアをしている@nekowenです。 今回はiOSチーム内で以前から取り組んでいたライブラリ管理のSwiftPMへの完全移行を果たしたため、その経緯と結果について公開します。 続きを読む はじめに はじめまして。KyashのモバイルチームでiOSアプリの開発を担当している emoto です。 今回は、KyashアプリのWidgetでどのようにエラーをハンドリングしているの
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOSアプリ設計パターン入門 - PEAKS
Vue で地図を表示する無料で最短の道 - Qiita
PythonでWebアプリを開発したい人が何を学べばよいか初心者向けに解説してみた - DAINOTE