まとめ
フォームによって追加された行のことを、「フォーム行」と名づけます。
- 一番下のフォーム行の下に、次のフォーム行は挿入される。
- よって、一番下のフォーム行の下に入力した場合でも、入力した行の下ではない場所にフォームから挿入されることになる。
- フォームによって最後に追加された行を削除した場合、残った一番下のフォーム行の下に、次のフォーム行が追加される。
- 任意のフォーム行をシート入力範囲の一番下に移動すると、次のフォーム行はその下の行に追加される。
投稿者: oki2a24
全般について
- Google サイト – Google Apps 管理者 ヘルプ
ヘルプのトップページ。何かわからないことがあったらここを眺めてみるといいかもしれない。 - ユーザー設定（Google サイトトップ。作ったサイトが一覧表示されているページ）で、言語は「日本語」、タイムゾーンは「GMT+09:00 日本標準時」に設定して「保存」
- 作ったサイトの URL → https://sites.google.com/site/XXXXX
XXXXX は、 A～Z、a～z、0～9 のみ使用可能。 - サイトを削除するには。削除したいサイトにアクセスし、右上歯車 > サイトを管理 > このサイトを削除 > 削除
- 「削除してから 30 日以上が過ぎたサイトは完全に削除されています。」左メニューの、削除されたサイトより。
ファイルをダウンロードしてもらうページを作るには
概要
Search Console (元ウェブマスターツール) では SSL 化していても not provided とならず検索クエリが見えているので、このデータを Google Analytics に表示させますの。
Google Analytics に連携させる Search Console の特徴
- ウェブマスターツールの名称が変わったものが Search Console
- 最近 2 ヶ月分の検索キーワードがわかる
- 逆に言うと、直近 2 ヶ月より前の古い情報はわからない
- Google Analytics と Search Console を連携する作業が必要
Search Console の特徴がそのまま引き継がれるようですの。
Search Console と Google Analytics を連携させて not provided だった検索クエリを Google Analytics で表示させる設定の確認手順
カテゴリー
2015年8月のアクセス解析
先月 2015 年 8 月の 1 ヶ月間の Google アナリティクスの結果です。
- ユーザー > サマリー（左に先月、右に先々月と比較表示）
- 行動 > サイトコンテンツ > すべてのページ
- 集客 > ソーシャル > 参照元ソーシャル ネットワーク
- 集客 > 検索エンジン最適化 > 検索クエリ
以上の 4 種類の Google Analytics 結果です。
ユーザー > サマリー（左に先月、右に先々月と比較表示）
Google フォームを始めるには
- Google ドライブから、新規 > その他 > Google フォーム
- Google フォームを使って、アンケート、申し込みといったフォームを作ることができる。
- こんな案内が表示された。Google フォームでできること。
- 作成
ショートカットと変更の自動保存を使うと、フォームをすばやく作成できます - 共有
他のユーザーとリアルタイムでフォームを共同作成できます - 送信
ユーザーを招待して、メールやソーシャル ネットワーク経由での回答をリクエストします - 分析
回答をスプレッドシートに送信すると、高度な分析ができます
- 作成
作成した Google フォームをいじってみて
CORS を前提としたコードを書くときのポイント
- AngularJS では $http のヘッダーに ‘Content-Type’: ‘application/x-www-form-urlencoded’ を追加する。しかし、Basic 認証をはじめ、カスタムヘッダーを追加する場合、この Content-Type 追加は意味が無い。
- サーバでは、プリフライトリクエストがあった場合に対応する次のヘッダーをレスポンスに含めるようにする。
- Access-Control-Allow-Origin:* ← 許可する接続元（* はどこからでも受け入れる）
- Access-Control-Allow-Methods ← 許可するメソッド（POST など）
- Access-Control-Allow-Headers ← 許可するヘッダー（authorization や独自のカスタムヘッダーなど）
CORS = HTTP access control = クロスサイト HTTP アクセス制限、とは？
- ブラウザは、アクセスしたページ以外のドメインから何かを取ってくることを制限している。基本的にはできないようになっている。
- そのため、たとえば次のようなことができない。ローカルホスト上のウェブサーバに AngularJS のサンプルを置いたとする。ページのボタンを押したら、とあるサイトからデータを取ってきて表示する。
- ローカルホストドメインと、とあるサイトのドメインは異なる。ウェブブラウザでローカルホストのページを表示している。そのため、別ドメインであるとあるサイトのデータへのアクセスは制限される。
- これは、セキュリティ上の観点から施された、ブラウザの仕様
リクエストを送信するウェブブラウザから見た CORS 時に必要な措置
アプリ内容
次の内容のアプリですわ。スライディングメニューとページ移動のみの、機能は一切無いアプリとなりますの。
- ページ一覧
- メインページ
- ページ1
- ページ2
- メインページ ←→ ページ1←→ ページ2 →メインページ …、と移動する。
- メインページのみ、スライディングメニューを持つ。
テンプレートとコード
コマンド
# npm の serve インストール npm install --global serve # 確認 serve --version # 静的ウェブサーバ起ち上げ（ドキュメントルートに予め移動しておく） serve # ポート番号を指定（たとえば 3333）して、静的ウェブサーバ起ち上げ serve -p 3333
Yeoman を使うほどでもなく、ウェブで探したサンプル HTML、CSS、JavaScript を試したい、といった時に役に立ちますわ♪
serve インストール・確認
nodebrew ではなく、homebrew を使って Node.js をインストールした理由
- 複数バージョンの Node.js を使い分ける予定が無いため。
- つまり、最新の Node.js さえあれば良い。
- Yeoman で Angular.js 開発がしたい。Node.js そのものを使ってシステム開発はしないため、nodebrew は不要。
ちなみに、それぞれどんなものであるか、本家リンクを貼っておきます。
AngularJS 開発を効率的に進めていくために、次のものをインストールしていきます。
前提
- Mac であること。ちなみに実践したのは OS X Yosemite バージョン 10.10.5
- homebrew がインストール済み
- ターミナルで操作
コマンドまとめ
brew install node node --version && npm --version npm install --global npm@latest npm --version npm install --global yo bower grunt-cli yo --version && bower --version && grunt --version npm install --global generator-angular
カテゴリー
北大マルシェ2015の写真日記♪
まとめなど
- 北大マルシェ2015
- 北大マルシェ フェイスブック
- 8月22日（土）、23日（日）
- 10:00～16:00
- 北海道大学農学部前
- 野菜、果物、食品販売
- ピザや肉など飲食
- その場で食べる食べ物飲み物は高価、野菜はお値打ち、という印象