カテゴリー
コンピューター

【JavaScript】ユニークでランダムな整数を得るコードスニペット♪

ユニークでランダムな整数を返却する JavaScript コード

getOtherRandomInt という関数として作成いたしました。

ユニークな数値を得たいですので、除外対象となる数値を配列で引数として渡します。

また、返却する乱数は範囲を指定できるように最小値と最大値をそれぞれ引数として渡します。実際に人間に使って貰う場合を想定いたしますと、たとえば 10 桁の数を返却するのは覚え辛く実用的ではございません。1 〜 1000 と範囲を指定することで、覚えやすい数値を返すことを可能にしております。

カテゴリー
Google

Google フォームの回答スプレッドシートをいじったときの、次の回答追加場所は一番下のフォーム行の次の行

まとめ

フォームによって追加された行のことを、「フォーム行」と名づけます。

  • 一番下のフォーム行の下に、次のフォーム行は挿入される。
  • よって、一番下のフォーム行の下に入力した場合でも、入力した行の下ではない場所にフォームから挿入されることになる。
  • フォームによって最後に追加された行を削除した場合、残った一番下のフォーム行の下に、次のフォーム行が追加される。
  • 任意のフォーム行をシート入力範囲の一番下に移動すると、次のフォーム行はその下の行に追加される。

試してみたその1。フォーム行の下に手入力したら、次のフォーム行はどこに追加される?

カテゴリー
Google

【Google サイト】疑問などを調べて箇条書きメモ♪

全般について

  • Google サイト – Google Apps 管理者 ヘルプ
    ヘルプのトップページ。何かわからないことがあったらここを眺めてみるといいかもしれない。
  • ユーザー設定(Google サイトトップ。作ったサイトが一覧表示されているページ)で、言語は「日本語」、タイムゾーンは「GMT+09:00 日本標準時」に設定して「保存」
  • 作ったサイトの URL → https://sites.google.com/site/XXXXX
    XXXXX は、 A~Z、a~z、0~9 のみ使用可能。
  • サイトを削除するには。削除したいサイトにアクセスし、右上歯車 > サイトを管理 > このサイトを削除 > 削除
  • 「削除してから 30 日以上が過ぎたサイトは完全に削除されています。」左メニューの、削除されたサイトより。

ファイルをダウンロードしてもらうページを作るには

カテゴリー
Google

Yahoo! 検索 SSL 対応後も検索キーワードを not provided させない Google Analytics 設定の確認

概要

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 Apps Script を初めて触っての覚えておきたいことメモ♪

Google フォームを始めるには

  • Google ドライブから、新規 > その他 > Google フォーム
    Google ドライブから、新規 > その他 > Google フォーム、で作成
  • Google フォームを使って、アンケート、申し込みといったフォームを作ることができる。
  • こんな案内が表示された。Google フォームでできること。
    Google フォームでできること。1.作成。2.共有。3.送信。4.分析。

    1. 作成
      ショートカットと変更の自動保存を使うと、フォームをすばやく作成できます
    2. 共有
      他のユーザーとリアルタイムでフォームを共同作成できます
    3. 送信
      ユーザーを招待して、メールやソーシャル ネットワーク経由での回答をリクエストします
    4. 分析
      回答をスプレッドシートに送信すると、高度な分析ができます

作成した Google フォームをいじってみて

カテゴリー
コンピューター

AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST するサンプルコード!

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 時に必要な措置

カテゴリー
コンピューター

【Monaca】【Onsen UI】ナビゲーション型のページのひとつに、スライディングメニューを組み込むコード

ビゲーション型のページのひとつに、スライディングメニューを組み込むアプリのページ遷移イメージ
ビゲーション型のページのひとつに、スライディングメニューを組み込むアプリのページ遷移イメージ

アプリ内容

次の内容のアプリですわ。スライディングメニューとページ移動のみの、機能は一切無いアプリとなりますの。

  • ページ一覧
    • メインページ
    • ページ1
    • ページ2
  • メインページ ←→ ページ1←→ ページ2  →メインページ …、と移動する。
  • メインページのみ、スライディングメニューを持つ。

テンプレートとコード

カテゴリー
コンピューター

【Mac】Node.js で静的 HTML ウェブサーバだけをお手軽簡単に使う方法

コマンド

# npm の serve インストール
npm install --global serve
# 確認
serve --version
# 静的ウェブサーバ起ち上げ(ドキュメントルートに予め移動しておく)
serve
# ポート番号を指定(たとえば 3333)して、静的ウェブサーバ起ち上げ
serve -p 3333

Yeoman を使うほどでもなく、ウェブで探したサンプル HTML、CSS、JavaScript を試したい、といった時に役に立ちますわ♪

serve インストール・確認

カテゴリー
Apple

Mac に homebrew で Node.js などをインストールした方法と、nodebrew を使わなかった理由

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