はてなブックマーク

##はじめに SearchConsoleだと1000件までしかデータがとれないけど、API経由なら5000件まで取れるそうなので、RubyからAPI経由で取得しようとしました。公式のRubyでのサンプルがなかったので、メモしておきます。 ##参考 こちらをベースに作りました。とても助かりました。 Rails サーバから Google Analytics API で情報を取得する手順 ーー google-api-ruby-client, OAuth ##アカウント準備 Google Developers Console にアクセス プロジェクトを作成 APIと認証 > 認証情報 > 認証情報を追加 > サービスアカウント P12を指定。パスフレーズが表示されて証明書ファイルがダウンロードされます。 APIを有効にする インストール OAuthでAPI接続するためのライブラリをインストール r

ReduxのGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。 もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基本・Actions Redux入門 3日目 Reduxの基本・Reducers Redux入門 4日目 Reduxの基本・Stores Redux入門 5日目 Reduxの基本・Data Flow Redux入門 6日目 ReduxとReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS

前回 Redux入門 5日目 Reduxの基本・Data Flow ReduxのアプリケーションはReact,Angular,Ember,jQuery, vanilla JavaScriptのいずれで作成することができます。 ReactはUIをstateの関数として扱うので特に相性がいいです。 ここからは、Reactを使ってtodoアプリに連携していきます。 Installing React Redux ReactとReduxを連携するモジュールはReduxに含まれていないので、別途インストールする必要があります。 Container and Presentational Components Reactのコンポーネントの設計として、一番上のレイヤーのコンポーネントはコンテナとしてReduxに関与し、下位のレイヤーのコンポーネントはReduxとは関与せずに、データはprop経由で受け取るよ

前回 Redux入門 4日目 Reduxの基本・Stores 今回はReduxのデータの流れをおさらいします。 Reduxのデータフローの基本は、一方向ということです。 すべてのReduxアプリケーションでのデータのライフサイクルは以下の4つのステップをたどります。 1. store.dispatch(action)を呼ぶ actionは「何をする」という内容を持ったオブジェクト。 store.dispatch(action)はアプリケーション上のどこからでも読み出すことが出来ます。 2. storeは受けたactionと現在保持しているstateをreducerへ渡す reducerはactionとstateを元に、新しいstateを作成して返すメソッド reducerのメソッドは副作用を起こさないものでなければならず、Aというstateに対して毎回必ずBというstateを返すような関数

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

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

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

Redux初心者向けです。というか私が初心者です。 Reduxに触れてみようと思って、まずは公式のGithubのドキュメントでも読んでみるか、と自分へのメモも兼ねてざっくりとした和訳をして行きます。 公式github Redux入門 1日目~6日目までの部分を短くまとめた記事も書きました。 ダイジェスト版 1.1 Motivation(背景) http://rackt.org/redux/docs/introduction/Motivation.html 近年、Javascriptのシングルページアプリケーションは複雑になってきてstate(状態)を管理するのはしんどくなってきた。新機能開発するのもバグ修正するのもかなり辛い。 根本的に、「変化」と「非同期」を"同時"にコントロールするのは人間には無理がある。Reactはその問題に対してViewレイヤーで非同期と直接DOM操作を取り除くこと

はじめに SearchConsoleのデータから日付×URLという表が作りたかったので、Google SpreadSheet上でAppsScriptで作ればサーバーもいらないし、いいじゃないかと思って作ってみました。 注意事項 SpreadSheetを使う上で制限があります。 200万セルが最大 ドライブ ヘルプ あまり長期間のデータを抜こうとすると、書き込めなくなります。 Spreadsheets作成 1日250回 URL Fetch(httpアクセス)　1日2万回 URL Fetch(httpアクセス)　1日50MB Quotas for Google Services 開発中にがんがん試していたら50MBにひっかかりました。 アカウント準備 SearchConsoleにアクセスするために認証が必要になるので、アカウントを作成します。またOAuth認証用ののライブラリも使用します。 a

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