firebaseでサーバレスなSPAアプリを作った話 - Qiita
はじめに Firebase使ってみて便利さに感動したのでポイントまとめてみました Reactとかフロントエンドのフレームワーク使ってSPA作る分には結構戦えますね とはいえ最終的に細かい作り込みをすると辛いところは出てきそう… 作ったもの https://喫煙所.net 見たまんまですが、喫煙所の共有サービスです 喫煙者の皆様は是非使ってみてくださいｗ 使ったもの Firebase Hosting Reactでbuildした静的ページの配信 Authentication 非ログイン時は匿名認証 SNS認証使ってログイン時にグレードアップ Cloud Firestore 喫煙所情報の保存 いいね情報の保存 公開用のユーザ名の保存 Cloud Functions for Firebase Firestoreの更新をトリガーにAlgoliaのインデックス更新を実行 Algolia 主に喫煙所の検
Googleマイマップのススメ。食べ歩きMAPを作っておくと、すごく便利ですよ。 - いつもマイナーチェンジ！
いまやお出かけの必需品となったGoogleマップですけれども。 マイマップって使ってますか？ かなり前からあるサービスなので、使ってる人は当たり前のように使ってると思いますが、 これ、とても便利です。 もし使ってない人がいたら、ちょっと見ていってください。 僕の使い方を説明しますので。 マイマップとは Googleマップで住所や地名で検索すると赤いピンが立ちます。 例えば、「東京駅」で検索すると、こんなふうになりますね。 このピンを、ひとつじゃなくて複数立てられて、且つそれを保存できるのがマイマップです。 こんな感じで。 僕のマイマップの使い方 上のマイマップを見ると、ピンが色分けされているのが分かると思います。 これ、僕の食べ歩きMAPなんですが、 僕はピンを立てる時に、こんな使い分けをしています。 青色：すごく美味しかった店 水色：結構美味しかった店 黄色：普通に美味しかった店 桃色：
HugeDomains.com
mynameisdonald.com is for sale Please prove you're not a robot
GoogleMapsにコールバックのURLスキームが付きました GoogleNavi - W&R : Jazzと読書の日々
構成ユーティリティでチェックすると、新しいURLとして「comgooglemaps-x-callback:」が埋め込まれている。ということは・・・。 Google Maps 2.3.4 分類: ナビゲーション,旅行 価格: 無料 (Google, Inc.) Twitter上でも情報が流れていますが、Google系アプリはx-callback-url形式に準拠しているのでChromeと同じ方法で活用できます。 GoogleChromeにバック・ボタンを付けるURLスキームが分かった PocketのChrome連携機能。考えてみると、これが出来るのはURLのオプションしか考えられない。けれど、通常の「googlechrome:」では、全てがURLアドレス扱いになるのでコールバックは... x-sourceにアプリ名を、x-successにURLスキームを指定。あ、なるほどなあ。こういうとき、
Google I/O - Android : What's New in Google Play Services
What is "Google Play Services Google services と Play services 向けの API を Android デバイスの1ヶ所にまとめた単一のライブラリー Android 2.2 以上に対応している（= デバイスのサポートについて心配しなくていいよってこと） ・主な機能 Maps（Location）、（以前からある MapsFragment V2 も含まれる） Google Play games Google Cloud Messaging Google Wallet instant buy Google+ sign-in OAuth2（Google Play Services がライブラリを介して Google services へのアクセスを取得するための単一の認証 API を提供すし、ユーザーは一貫性のある方法で OAuth acce
Android Studio で Google Maps Andoird API v2のデモプロジェクトをビルドして実機で動かすまで - sos の 作業メモ
2013/07/28更新 0.2.0-0.2.2で動かすための記事を書きましたので、0.2.0以降はこっちを参照してください。 2013/06/06追記 新しいデモアプリ(Google Maps Android API v2は、Google Play servicesの一部です)が公開されているため、別で記事を書きました． Android Studio 0.1.3 - 0.1.9で Google Play servicesの新しいデモを動かす - sos の 作業メモ New! 今後はGradleに対応した方法でやった方が良いように思います。 2013/05/31追記 Ver.0.1.2アップデートの記事に書いたように、0.1.2で再びProject Structureが表示されるようになりました。 2013/05/29追記 Ver.0.1.1アップデートの記事でも書きましたが、Andro
RequireJSでGoogle Maps APIを使う | バシャログ。
今日はマーヴィン・ゲイの命日だそうですね。素晴らしい名曲の数々をありがとう！minamiです。 JavaScriptをモジュール化して読み込みの制御をできるRequireJS、便利ですが、Google Maps APIを使うときちょっとつまづいたので解決法を調べてみました。 今回のファイル構成は以下です。 ├── index.html └── js ├── main.js ├── jquery-1.9.1.min.js ├── google.js ├── async.js └── require.js index.html <script type="text/javascript" data-main="js/main" src="js/require.js" /></script> div#map 内にGoogle Mapsを表示させたい、Google Mapsを表示させる処理はファイ
Google Mapのルート表示なども簡単に表示できるjQueryプラグイン「Maplace.js」
twitter facebook hatena google pocket Google Mapを表示するJavaScriptはそこそこ簡単ですすが、ルート表示させるとなかなか厄介です。 jQueryプラグインのMaplace.js - A small Google Maps Javascript helper.を利用するとルートを簡単にプロットできたり、特定位置をつなぐ、塗りつぶすなど簡単に表示させられることが可能です。 sponsors 使用方法 Maplace.js - A small Google Maps Javascript helper.からファイルをダウンロード。 <script src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.7"></script> <script t
Google Map を簡単お洒落にカスタマイズ！「Styled Map Wizard」使ってみた。 | バシャログ。
今月発売予定の「メタルギアライジング」をそわそわ楽しみにしているアクションゲー好き seki です。 今回もWebサービスのご紹介です！ 最近よくよく見かける、「Google map」のデザインをお洒落にカスタマイズして載せているサイト。皆さんも一度は目にしたことがあるかと思いますが、こちら、どうやって作っているか気になりますよね。 今回は、js無知な私でも簡単に作れる Google Maps API 「Styled Map Wizard」の使い方を、ざっくりと例を挙げてご紹介します。 【参考サイト】 今回はこちらの記事より、参考・引用して解説します。こちら、とても丁寧に解説されているので、jsが分らなくても出来るかと。 今回作成したもの 画像ですみませんがこちら。 アイコンは seki になっていますが場所はバシャログ。本陣です。 色をモノクロにして、交差点やコンビニ、銀行などのアイコン
AndroidでGoogle Maps v2 をエミュレータで動かしてしかも爆速 - リア充爆発日記
Google Play ServicesとGoogle Maps Android API v2について調べて見たメモでちょろっと触れたけど、Google Maps v2はGoogle Play services経由で動かすという特性上、エミュレータでは基本的に現状は使えない。が、基本があれば例外もある、ということで動かす方法がHow to make Android Google Maps v2 work in android emulatorで紹介されていたのでやってみた。 原文のやり方 エミュレータを作る “5.1” WVGA (480 x 800: mdpi)”を選択。 targetは“Android 4.1.2 – API level 16″を選択。 “CPU/ABI” は “ARM”を選択 他はそのままにして起動する com.android.vending-1.apk と com.
Android Google Maps v1でやってたことをv2でやる方法 - リア充爆発日記
随時追記型メモ。 MapViewの配置 private GoogleMap mMap; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); mMap = ((SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.my_map)).getMap(); } <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:padding="10dp" android:layout_width="match_parent" android
Google Maps Android API v2 の v1 からの変更点メモ - Qiita
Android の Map API が刷新され、 ベクトル地図！ 回転、視点変更 屋内、地下街マップの表示 が可能になりました。Googleマップアプリの機能が API で提供された感じです。これは感涙。 v2 になって導入手順が大幅に変わりましたが、 @adamrocker さんが早速解説して下さっています。 throw Life - Google Maps Android API v2を使ってみた ここでは、Google Map Android API v1 からの変更点を中心に紹介してみます。 互換性 あ・り・ま・せ・ん、以上！ Fragment 化、3D対応などにより、API の設計思想そのものが変わった様で、既存のコードをそのまま流用できることはないでしょう。 前の MapView に似せた com.google.android.gms.maps.MapView というクラスがあ
samulife.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
Google MapsとBing Mapsを使い比べる #1【1日目】 ｜ Developers.IO
最近、二つのマップサービスをそれぞれ触る機会があったので、機能の比較を交えつつ、最終的にちょっとしたアプリケーションを作るところまで仕上げたいと思います。第一回では、準備からマップとピンを表示するところまで進みます。 準備 Google Mapsは、特になんの準備もなく使い始める事ができます。Bing Mapsについても同様ですが、後者はWindows Live IDとMaps Developer Accountを取得し、発行されるキーをコード内に記述しないと、マップ表示時に資格情報が無い旨のメッセージが中央に大きく表示されてしまいます。利用許諾条件については、それぞれよく確認してください。 Getting a Bing Maps Key リファレンスなど どちらのマップも、オンラインでチュートリアルやリファレンスが確認できます。 Google Mapsに関しては、一部日本語化されています
男鹿なびについて | 男鹿なび
男鹿なびの運営体制について 男鹿なびは、地元男鹿の民間企業「株式会社男鹿なび」が運営する秋田県男鹿エリアの観光情報サイトです。多くの情報は、男鹿なびスタッフが取材・調査した自らの主観で紹介しています。さらに男鹿市役所や男鹿市観光協会等の公的機関や民間企業と情報共有し、男鹿観光に関するあらゆる情報を提供できるような運営をしています。 男鹿なびは、地元民として「自分が本当に良いと思うもの」を観光客の皆様に自信を持っておススメすることを大事にしています。全ての人が男鹿なびの中の人と同じ嗜好であるとは思いませんが「自分の良いと思うもの」を紹介させて頂きたいという考えを貫き、男鹿なびスタッフ目線で色々な男鹿の情報を発信しています。 (株)男鹿なび会社概要 社名株式会社男鹿なび ※2015年8月 有限会社ピー・エイチから商号変更 代表者代表取締役 船木 一 所在地〒010-0511 秋田県男鹿市船川港
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
embed.js
ryokurian.jp
Google Maps APIの基本
Android Tips | DevelopersIO
throw Life - Google Maps Android API v2を使ってみた