はてなブックマーク

Firebase Hostingを開発するために公式でstatic serverが用意されていますがconfigを元にrewriteやheaderを書き換えてくれるわずかなミドルウェアの入っただけなのでwebpack-dev-serverと一緒に使う場合の方法です。 webpack-dev-serverはwebpack用の開発サーバーでビルドした結果を返してくれたりホットリロードをサポートしていたりと高機能な開発サーバーです。 環境 MacOS 10.12.2 Node 8.8.1 webpack 3.8.1 セットアップ 雛形としてwebpack-simpleを使いました。 以下のコマンドでプロジェクトを作成できます。 $ npm install -g vue-cli $ vue init webpack-simple my-project This will install Vue 2

去年の今頃にNode.jsとGoでサーバサイドレンダリングをしました。 ２０１７年になって自分の中でこうやってサーバサイドレンダリングすればいいなという一つの答えが出たことを書きます。 サーバサイドレンダリングの必要性 サーバサイドレンダリングをやる理由に２つ理由があると思います。 １つはSEO、もう１つが表示の高速化です。 もしGoogleからのアクセスのみを考えているのであればあまりサーバサイドレンダリングするメリットは薄いかもしれません。 GoogleのクローラはJavaScriptも解釈してくれると言われています。 それとsitemapを設定してもindexをしてくれるので個人的にSEOのためにサーバサイドレンダリングすることはとくにないです。 次に表示の高速化のためですがこれはファーストペイントの高速化のためにサーバサイドレンダリングするべきかですが これはその通りでサイトアクセ

今年のFirebaseはCloud Functions for Firebaseが出たり、FirestoreやFirebase Performance MonitoringとかFirebase Predictionsが出たりして盛りだくさんすぎです。 今までWebから触れる物だけを触ってきましたがさすがにネイティブもやらないとなーと思い趣味でですがReact Nativeを触るようになりました。 その中でReact Native Firebaseは便利だったのでFirebase 70%くらいで簡単に紹介したいと思います。 React Nativeとは React NativeはFacebookが作っているJavaScriptだけでクロスプラットフォームアプリを作れるフレームワークです。 Reactを使ってJSXでネイティブのViewを記述できます。 レイアウトを作るのはJavaScript

アドベントカレンダー1番手です。 僕から見た今年のGoogle Cloud PlatformはMachine LearningとFirebaseかなーという印象でした。 データベース周りではSpannerも熱いですね。高くて使えてませんが ちなみに僕の好きなGoogle App Engineの今年ははChannel APIがシャットダウンされたこととGo 1.8が使えるようになりました。 だけど、はやくGo 1.9来て！！！！！ 去年はGAEの構成について書きましたが今年はAPIをどうするか？という事を書きます。 gRPCとは gRPCは、Googleが開発したオープンソースのRPCフレームワークです。HTTP/2の上で Protocol Buffersでシリアライズされたデータを高速に送ることができます。 gRPCはProcol BuffersのIDLを使ってサービスとメソッドを定義しま

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

追記: OSS版のライブラリはなくなります。https://firebase.google.com/docs/unity/setup を参考にしてください Firebaseはリアルタイムで同期してくれるデータベースがあります。 Unityで使えたらゲームに手軽にオンライン要素を組み込むことができそうです。 ただ公式のSDKは絶賛開発中なので製品で使うのは厳しいです。 ゼミの課題で「オンライン対応してます！！！」みたいなことをしたい場合以外はやらないのが賢明だと思います。 環境 Firebase 3.5.0 Mac El Capitan Unity 5.3.5f1 インストール GitHubのリポジトリにfirebase.unitypackageがあるのでダウンロードします。 プロジェクトを開いた状態でダウンロードしたパッケージをクリックすれば取り込むAssetsを選択できます、とりあえず全

やっとGoogle Cloud FunctionsがBetaになり これから色々情報が出てくると思います。 今回は僕が特に注目してるCloud Functions for Firebaseについてです。 Firebaseのユーザ認証、データベース、ストレージの追加や変更のイベントを受け取ってサーバ側で何か処理できるサービスです。 現在はNode.jsがサポートされています。 クライアント側にロジックを持たせてしまうと問題のあるようなものをCloud Functionsにすることでロジックを秘匿することができますし、Push通知をするためのAPI Keyもクライアントに持たせるわけにいかないのでCloud Functionsを使えば安全に簡単にユーザの操作を元にPush通知を実装することもできます。 使い方 では早速試してみます。 バージョン6.3.1以上のNode.jsを必要とします。 S

Firebase Bolt とは Firebase リアルタイムデータベースのセキュリティルール用のコンパイラです。 例えば以下のコードは

メリークリスマス！（昨日） これはVue.jsアドベントカレンダーの記事です。 代打です。 僕は初日にサーバーサイドレンダリングについて書きましたが 今回もサーバーサイドレンダリングです。 今回の内容は本当は初日に書きたかったのですがずっとうまくいかずに悩んでいたけどつい昨日できたGoサーバでのSSR（サーバーサイドレンダリング）です。 GoでSSRをするメリットとしてまず一つにポータビリティです。 Node.jsもポータビリティはありますが、Goであればアセットもワンバイナリにまとめることができるのでバイナリを配置するだけでWebUIがあるツールも作ることもできるかもしれません。 そして、僕にとって１番のメリットであるApp Engine(GAE)でSSRができるようになります！ SSRについては初日の記事を見てください！ サンプルの実行 https://github.com/k2wan

$ l total 16 drwxr-xr-x 5 kazu staff 170B 12 9 14:35 . drwxr-xr-x 84 kazu staff 2.8K 12 9 14:34 .. drwxr-xr-x 12 kazu staff 408B 12 9 14:44 .git -rw-r--r-- 1 kazu staff 13B 12 9 14:34 README.md -rw-r--r-- 1 kazu staff 312B 12 9 14:43 main.go $ manul -Q github.com/labstack/echo github.com/labstack/gommon github.com/mattn/go-colorable github.com/mattn/go-isatty github.com/valyala/fasttemplate $ manu

アドベントカレンダー１番手です。 ２０１６年はFirebaseにとって大きなアップデートがあった年でした。 Firebase Analyticsが発表されてモバイルの解析ツールとしてすごいのが無料で使えるというすごいニュースでした。 このFirebase Analyticsがどれくらいすごいかというと月●●●万円するGoogle Analyticsの有料版レベルで使えるくらいすごいです。（EC向けの解析とか現在はまだまだGoogle Analyticsが優位な点は多々ありますが） この記事ではFirebase Analyticsの話はありませんがFirebase AnalyticsやFirebaseを使う上でも基本となるFirebase認証についてです。 Firebase認証は一般的に使われているパスワード認証からGoogleやTwitter、Facebookなどのプロバイダ認証などサーバ

2016年のGCPはFirebaseのアップデートから始まって東京リージョン開設と色々進化がありました。GAEよりはその他のGCPのサービスに注力していたのかなという印象です。 でもアジア初のGAEが日本というのは大きなニュースでした！ 2017年にもどんどんデータセンターを増やすみたいで色々楽しみですね。 ちなみにGAEのChannel APIは来年シャットダウンされるらしいです。移行先としてリアルタイムの通信はFirebaseを使うのが公式のオススメのようです。 そう言えばGoogle Cloud PlatformもGoogle Cloudに改名してましたけどGCだと口頭でもわかりにくいしググラビリティも良くないのでGCPって言っていきたいです。 (追記: GCPでいいようです) そして本題の今年のGCPのアドベントカレンダーでは、皆悩んでいるらしいGAE/Goの構成についてです。 前

第2のドワンゴ Advent Calendar 2016の３日目の記事です。 来年使い倒そうと思ってるgojaについて紹介しようと思います。 goja とは gojaはEcmaScript5.1をGoで実装しているライブラリです。 GoでJavaScriptを実行するメリットとしてプラグインにJavaScriptを使えたりサーバーサイドレンダリングに使えるのではないかなと思います。 インストール Goを入れていればgo get github.com/dop251/gojaでインストールできます。 Hello World gojaのHello Worldです。 スクリプトで最後に実行した行の戻り値がRunStringの戻り値として取得できます。 package main import ( "fmt" "github.com/dop251/goja" ) func main() { vm :=

Vue.js 2からはVirtualDOMになったのでサーバー側でHTMLを組み立てられます。 サーバーサイドレンダリング(SSR)のメリットとしてjsを実行してくれないクローラー向けのSEO対策だったり、スペックがあまり高くない端末向けにjsの実行部分を減らしたいと言った用途に使います。 今回はvue-cliのwebpack-simpleをSSRで実行してみたいと思います。 環境 Macです。 $ uname -mprsv Darwin 16.1.0 Darwin Kernel Version 16.1.0: Thu Oct 13 21:26:57 PDT 2016; root:xnu-3789.21.3~60/RELEASE_X86_64 x86_64 i386 $ node -v v7.0.0 $ npm -v 3.10.8 雛形を作る vueには雛形を作るためのツールとしてvue-

LINE BotのAPIが新しくなりました！ MessageAPIがreleaseされて 新しいメッセージタイプやグループへの招待ができるようになりました。 お試しのTrialBotはこれからはDeveloper Trialとなります。 友達制限が５０人以外は有料のプランと同等の機能が試せるとのことなので 名前の通り開発用ですね。 App Engineを使う理由として豊富な無料枠と標準でHTTPS通信が可能なためです。 そして Bot Trial の時はIPを登録する必要がありましたが 現在はオプショナルとなっているのでIPを登録する必要がなくなってるのでIPが不定のAppEngineでも扱いやすくなりました！！ 事前準備 Developer Trialを登録するにはLINEアカウントが必要です。 Google App Engineを利用するには事前にGoogleアカウントが必要です。 以

自己紹介 App Engine とは Googleが提供するPaaS GoogleCloudPlatformの一つ 普通のWebサービスを作る上で必要なものが揃っている 対応言語: Python, Java, PHP, Go Snapchat や メルカリ アッテ が使っている Standard Environment と Flexible Environmentの２つある 今日は Standard Environment の話 App Engine Architecture App Engine を 使う理由 インフラのめんどうを見る必要がない Googleと同じインフラを使える。(Google.comが落ちなければ落ちない) 突然のトラフィックもオートスケールで対応してくれる(※デフォルト設定なら) 豊富な無料枠がある <- 重要 App Engine の 辛いところ 外部との通信はA

AppEngineでgRPCを使う場合 ClientはTCP Socketが使えるので問題ないんですが、Serverに関してはFlexible Enviromentを利用しなければ利用できないのでなんとかStandard Enviromentで とりあえず 使う方法のメモ gRPCを使いたい理由 そもそもなんでgRPCが使いたいかというと APIを作るときにサーバーを作ったらそれに合わせてクライアントを実装するというのがよくとられる開発スタイルだと思うのですが 開発が進むに連れてサーバーとクライアントにズレが出てきてしまうことがあるかもしれません それを防ぐのに一番いい方法はサーバー作る人がクライアントも一緒に作ることなんですが それはそれでサーバーをやる人の負担が増えるので サーバーを実装したらクライアントを自動生成するのが理想だなと思ったためです。 gRPCは色んな言語のクライアントを

runtime: go api_version: go1 threadsafe: yes default_expiration: 1d instance_class: F1 automatic_scaling: min_idle_instances: 0 max_idle_instances: 1 min_pending_latency: automatic max_pending_latency: automatic max_concurrent_requests: 120 handlers: - url: /.* script: _go_app secure: always package main import ( "bytes" "encoding/json" "fmt" "io/ioutil" "net/http" "net/http/httputil" "sync" "goog

遅刻しました 20日のアドベントカレンダーです。 Emacsを使ってたらカッコいいという理由で始めて ３年くらいつかってますが未だに使いこなせてないです。 一応参考 環境 OSX Emacs 24 Go 1.5.2 Emacsは色々設定詰め込んで起動が重くなったのでemacs serverを立ち上げて emacs clientで接続しています。 GoはHomeBrewでインストールしました。 環境変数にパスを通す 以下の様に環境変数を設定しています。 export GO15VENDOREXPERIMENT=1 export GOROOT=$(brew --prefix go)/libexec export GOPATH=$HOME/work export PATH=$PATH:$GOPATH/bin:$GOROOT/bin

Kotlin Advent Calendar 2015の16日目の記事です。 KotlinはJVMで動くプログラミング言語です。 イマドキの文法とタイプセーフな型システムでさくさく安全に書ける言語です。 そしてGoogle App EngineはGoogle.comと同じインフラでアプリケーションを動かせるGoogleのPaaSでサポートされている言語はPython/Java/PHP/Goです。 どんなサイズのアプリケーションも最初っからスケールを意識して書かなければいけなくてちょっと掴みづらいですが最近は日本語のドキュメントも増えつつあるので初心者にも扱えるようになってきてるのではないかなと思います。 特に料金も無料枠があるので使われなければお金がかからないし 突然大量のアクセスがあってもスケールが容易なので個人開発やスタートアップにはオススメのプラットフォームといえると思います。 環境

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

待ちに待ったLet's EncryptのPublic betaが12月4日に来ました！！ 急遽書く予定だったものを変更してGoogle App Engineに独自ドメインを設定するところからCustomSSLを設定するまでを書こうと思います！ GoogleAppEngineとLet's Encryptとは GoogleAppEngine(以後 GAE)はGoogleが提供しているPaaSで Google.comやGmailと同じインフラで動かせるというのが特徴です。 なんで同じインフラで動かせるのかという説明は割愛しますが つまりGoogle.comが落ちなければ落ちないサーバーを使えるということです。 そしてGAEは自動でスケールする仕組みがあるので突然の大量アクセスも予算内でインスタンスが増えて アクセスが落ち着けばインスタンスの数は減るようになります。 そしてGAEは無料枠があるので

Electronを使って簡単にデスクトップアプリを作成できるようになったのはいいんですが デスクトップアプリのUIが劣化してしまうのはユーザーとしてはきっと辛いはず そこでPhotonKit(以降はPhoton)ならOSXのネイティブっぽいUIを提供してくれます。 OSXユーザーなら親しみやすくWindowsユーザーも「あっiTunesっぽい」と思ってくれるのではないかなと思います。 ダウンロード PhotonのGetting startedの右側にあるDownloadからzipをダウンロードします ダウンロードしたPhotonのフォルダー構成は以下のようになっています。(v0.1.2の時点では) photon/ ├── css/ │ ├── photon.css │ ├── photon.min.css ├── fonts/ │ ├── photon-entypo.eot │ ├── p

RetrofitはAPI Clientを作成するためのライブラリです。 インターフェースを定義するだけで作れるのでとても楽ちんです。 またRetrofitはRxJavaを使って非同期の処理をいい感じに書くようにすることもできますしHTTP通信にはOkHttpをJSONのパースにはmoshiを使ってAPIクライアントを実装します。 実際どうやって使うのかをやっていこうと思います。 環境 Mac OSX Android Studio 2.0 Kotlin 1.0.0-beta-2423 Kotlin pluginをAndroid Studioに入れておいてください プロジェクトの作成 とりあえずBlankActivityのあるプロジェクトを適当に作成します。 作成されたJavaソースコードををKotlinに変換します。 上のメニューからCode->Convert Java File to Ko

ドワンゴで就業形インターンをしているコキチーズです。 主にAndroidエンジニアをやってます。 アドベントカレンダーの枠に入れてもらえたので ドワンゴで学んだことを書こうかとも思ってましたが ドワンゴの人が注目するチャンスでもあるので、ここではKotlinをワッショイしとくのもありなのでは？と思い2016年をKotlinの年とするべくKotlinの魅力を頑張って伝えたいと思います。 Kotlinって？ KotlinはJetBrainsが作っているJVM上で動かせるプログラミング言語です。 JetBrainsが何かと言うとJava IDE界の神にも等しい存在です。 わかりやすく言うとプロ向けの開発現場でよく使われているIntelliJ IDEAと言う統合開発環境を制作しているところです。 Kotlinは2011年の夏に発表されたばかりで比較的新しい言語でもあります。 そもそもなんでJava

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

CircleCIのDocumentにはGoogle App EngineへのDeploy方法が書いていますが Googleのパスワードを入力することになるのであまり気持ちよくなかったので なんとかServiceAccountからDeployできないか模索しました 環境 Mac os x gae go sdk: 1.9.24 ServiceAccountの作成 GCPのConsoleへ行きプロジェクトを開いてメニューから [API Manager]->[認証情報]から[認証情報を作成]というボタンを押してService Accountを作成します。 作成した時鍵のエクスポートをするように促されます。 JSONでダウンロードしておきます。 鍵ファイルの暗号化と復号化用のスクリプトの用意 Gitで管理する際、鍵ファイルをリポジトリに含める場合は一応暗号化をしておきましょう Travisだとこのへ

イメージを消すとき先にコンテナを消します。 2> /dev/nullは僕の好みで付けてます。 シェルスクリプトに組み込むときに余計な出力が好きじゃないので 環境 vmfusionにdocker-machineで構築しています。 $ docker version Client version: 1.7.0 Client API version: 1.19 Go version (client): go1.4.2 Git commit (client): 0baf609 OS/Arch (client): darwin/amd64 Server version: 1.7.0 Server API version: 1.19 Go version (server): go1.4.2 Git commit (server): 0baf609 OS/Arch (server): linux/amd6