カテゴリー

2015年夏、0歳児とのモエレ沼公園ピクニックの思い出、ポイント

モエレ沼公園。アクアプラザ、カナールで水遊びも楽しそう♪
モエレ沼公園。アクアプラザ、カナールで水遊びも楽しそう♪

前日までの計画

  • モエレ沼公園-イサム・ノグチ設計 | 公式サイト
    • 7:00-22:00 → 07:00 開園だが、レンタルやビーチの利用を考えて、09:00 に着くように出発する。→ 09:25の始発で、10:04着、240円だった。
    • 無休
  • 行き方: 公共交通機関。バスを使う。
    • 大通バスセンターから【東6】「モエレ沼公園」行き、を選択する。最初のバスは 09:25 発。
    • 時刻表 – 北海道中央バス
    • ↓選択肢となったバス路線。アクセス | モエレ沼公園-イサム・ノグチ設計 → 「公共交通機関をご利用の場合」タブより。
    •  地下鉄東豊線「環状通東駅」から
      • 【東69】「あいの里教育大駅」/「中沼小学校通」行き
      • 【東79】「中沼小学校通」行き。「モエレ沼公園東口」にて下車
      • 【東61(ビ61)】「中沼小学校通」行き。「モエレ沼公園西口※」にて下車
    • 地下鉄南北線「北34条駅」/東豊線「新道東駅」から
      • 【東76】「中沼小学校通」行き。「モエレ沼公園西口※」にて下車
    • 地下鉄東豊線「環状通東駅」から
      • 【東79】「モエレ沼公園」行き直行便
      • 【ビ68】「モエレ沼公園」行き(サッポロビール博物館発)
    • 大通バスセンター/JR「苗穂駅」から
      • 【東6】「モエレ沼公園」行き
    • 地下鉄南北線「麻生駅」/東豊線「栄町駅」から
      • 【麻26】「モエレ沼公園」行き
  • 持ち物・現地調達について
    • ベビーカーレンタルしたい。 → 車イス、ベビーカーなど | モエレ沼公園-イサム・ノグチ設計
      • ガラスのピラミッド1F総合案内。09:00〜。3台。
      • レンタサイクル。09:00〜。5台。
    • 飲料水。凍らせる。
      • 凍らせるなら、体積が増えることを念頭に。増える量は、約10パーセント
      • 2L ペットボトルのミネラルウォーターを凍らせて持っていく。
      • そのまま凍らせると容器が破裂するため、少し減らしておく。
      • 膨張して 2L とするには、1 : 1.1 = x : 2
        x = 2 / 1.1 = 1.81818182
        よって、1.8 L を凍らせれば良い。
        → 12時間程凍らせたが、完全ではなかった。少し膨らんでいたので、1.6 〜 1.7L に減らして凍らせたほうが良かったかも。
    • 水場で遊びたい。水泳パンツを用意する。 → モエレビーチ | モエレ沼公園-イサム・ノグチ設計
    • カサを持っていく。日傘として使う。→ 忘れてた。風が強かったのでどちらにせよ使えなかったので後悔はしていない。しかし、雨が降ったら対応できないので反省。
    • レジャーシート。→ 忘れた。後悔した。
カテゴリー
WordPress

サイトの CSS および JS ファイルに Googlebot がアクセスできるようにいたしました♪

Google から送られてきたメール

ポイント

  • Google は HTML だけでなく、JavaScript や CSS の内容も加味して検索結果を作っている。
  • JavaScript や CSS でコンテンツの表示順番などを変更できることから、人間が見る状態のページから検索順位を決めるためと思われる。
  • bot によるクロールについて、WordPress のサイトで、コアとなるプログラムが入った /wp-includes/ ディレクトリは外していたが、/wp-includes/js/ だけは許可するようにした。
カテゴリー

こねないピザ生地のピザ。2回目

捏ねないピザ生地のピザ!いただきます!

材料

  • 小麦粉 340g 強力粉60g薄力粉280g
  • 塩 10g(小さじ2)
  • ドライイースト 20g(大さじ2)
  • 水 240g(カップ1)←多すぎた。220gくらいで良かったと思う。

調理の流れと気がついたことメモ

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

2015年7月のアクセス解析

先月 2015 年 7 月の 1 ヶ月間の Google アナリティクスの結果です。

  • ユーザー > サマリー(左に先月、右に先々月と比較表示)
  • 行動 > サイトコンテンツ > すべてのページ
  • 集客 > ソーシャル > 参照元ソーシャル ネットワーク
  • 集客 > 検索エンジン最適化 > 検索クエリ

以上の 4 種類の Google Analytics 結果です。

カテゴリー
Microsoft

【Windows 8.1】【SnowPrice】Internet Explorer を起ち上げたと思ったら Chrome が起動していつも広告が表示されてしまう問題に対処しました!

具体的な症状

  • タスクバーの IE アイコンをクリックするとなぜか Chrome が起ち上がる
  • そのまま利用していると、画面下に広告が常に表示される。

ウイルスなどに感染したのでしょうか?相談を受けましたの。早速調べてみました。

ヒアリング・調査

  • そもそも Chrome をインストールしたかどうか記憶が曖昧
  • 広告の内容が「iPhone を 100円で」といったニュアンスの内容で、非常に胡散臭い。
  • Chrome の拡張機能を調べると、SnowPrice というエクステンションが入っていた。もちろん能動的にインストールしていない。

間違いなく、SnowPrice が原因ですわね。これを削除していきます。

カテゴリー
Linux

AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST できません><

追記。問題解決できました!

以下、追記前の本文です♪

  1. 【Nginx】Basic 認証をかける方法手順メモ | oki2a24
  2. cURL を使って Basic 認証が必要な PHP へ JSON データを POST する手順メモ | oki2a24
  3. AngularJS を使って PHP へ JSON データを POST する方法 | oki2a24

と試行錯誤してまいりました。これらに続きまして、AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST する方法を探っております!

できませんの><。

今回はせめてどのような結果となったのか、残しておきますの><。

カテゴリー
Linux

AngularJS を使って PHP へ JSON データを POST する方法

追記。「ログインページを介さず Basic 認証」シリーズの投稿一覧です♪

  1. 【Nginx】Basic 認証をかける方法手順メモ | oki2a24
  2. cURL を使って Basic 認証が必要な PHP へ JSON データを POST する手順メモ | oki2a24
  3. AngularJS を使って PHP へ JSON データを POST する方法 | oki2a24
  4. AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST できません>< | oki2a24
  5. AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST するサンプルコード! | oki2a24

追記終わり!

AngularJS を使用してウェブブラウザのページでボタンを押すと、サーバへ JSON データを POST して PHP で受け取ってファイルに出力したい。

AngularJS を使用してウェブブラウザのページでボタンを押すと、サーバへ JSON データを POST して PHP で受け取ってファイルに出力してみようと試みました!

苦労しましたので、記録を残しますわ♪

ポイント

  • AngularJS で サーバに JSON をポストしたところエラーとなった。
    • フロント側では、Access-Control-Allow-Origin のエラーが発生していた。
    • サーバ側では method が POST ではなく、OPTIONS となっていた。
  • クロスドメイン問題が原因だった。
    • ちなみに、異なるドメインのデータにアクセスすることを、クロスドメインという。
  • フロント側、サーバ側の両方で対応する必要がある。
    • フロント側では、config で $httpProvider の Content-Type で x-www-form-urlencoded を設定する。
    • サーバ側では、header(‘Access-Control-Allow-Origin: *’); を設定してやる。

エラーが発生した AngularJS のコード抜粋

カテゴリー
Linux

cURL を使って Basic 認証が必要な PHP へ JSON データを POST する手順メモ

追記。「ログインページを介さず Basic 認証」シリーズの投稿一覧です♪

  1. 【Nginx】Basic 認証をかける方法手順メモ | oki2a24
  2. cURL を使って Basic 認証が必要な PHP へ JSON データを POST する手順メモ | oki2a24
  3. AngularJS を使って PHP へ JSON データを POST する方法 | oki2a24
  4. AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST できません>< | oki2a24
  5. AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST するサンプルコード! | oki2a24

追記終わり!

ウェブサーバに Basic 認証をかけ、JSON の POST を受け取る PHP プログラムの準備

次のページを参考に準備いたしました。Nginx の設定内容や、JSON を扱う PHP の内容はすべてコピーで作ることができました。

次のようなテスト環境といたしましたの。

  • https://oki2a24.com/basictest/json.php へ JSON を POST
  • Basic 認証のユーザ名: basicuser、パスワード: basicpass
  • 正常時のレスポンス: {“response”:”OK”}

1.Basic 認証で失敗することを確認

カテゴリー
Linux

【Nginx】Basic 認証をかける方法手順メモ

追記。「ログインページを介さず Basic 認証」シリーズの投稿一覧です♪

  1. 【Nginx】Basic 認証をかける方法手順メモ | oki2a24
  2. cURL を使って Basic 認証が必要な PHP へ JSON データを POST する手順メモ | oki2a24
  3. AngularJS を使って PHP へ JSON データを POST する方法 | oki2a24
  4. AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST できません>< | oki2a24
  5. AngularJS を使って Basic 認証が必要な PHP へ JSON データを POST するサンプルコード! | oki2a24

追記終わり!

nginx で Basic 認証をかけたいですの。まずは、静的な HTML ファイルと簡単な PHP ファイルを表示いたします。

その準備、手順を記していきますわ♪

Nginx で Basic 認証をかけるためのポイント

  • ユーザ名、パスワードを生成するのは nginx とは別のコマンド「htpasswd」を使用すると便利
  • 「htpasswd」は httpd がインストールされていれば使用可能。使えず、Apache をインストールする必要もなければ「httpd-tools」を yum でインストールすると良いとのこと。
  • Basic 認証をかけるには nginx 設定ファイルに「location パス」のディレクティブに auth_basic、auth_basic_user_file を指定すれば良い。

Nginx で Basic 認証をかける手順ポイント

  1. Basic 認証で使用するユーザ名、パスワードを記述したファイルを作成し、適切なディレクトリに置く。
  2. Nginx の設定ファイルに、Basic 認証をかけるパス、Basic 認証の有効化、認証情報ファイルの場所の情報を追記する。
  3. Nginx 設定をリロードし、Basic 認証がかかっていることを確認する。
カテゴリー
コンピューター

【JavaScript】JSON そのものと操作方法を整理♪

JSON の仕様について整理したポイント

  • 公式ページ → JSON
  • JavaScript Object Notation → JSON
  • データ転送フォーマット
  • 実態としては単なるテキスト
  • JSON は「名前」と「値」でデータを扱う。名前と値はセミコロンで区切る。
    • 名前は、名前の他にメンバー、キー、プロパティなどとも呼ばれる印象
    • 値は、値またはバリューと呼ばれる印象
  • 名前は、二重引用符「”」で囲む。
  • 値の種類
    • 文字列。二重引用符「”」で囲む。
    • 数字。
    • true、もしくは、false。いわゆる boolean
    • null
    • オブジェクト。JSON では名前と値のペアの集合を挿す。
    • 配列
  • データの構造は配列 [] とオブジェクト {} で定義
  • JSON では二重引用符、ダブルクオーテーション「”」のみが許される。「’」は使用不可。

JSON を JavaScript で扱うときのポイント

  • ネイティブ JSON を使う | MDN
  • JSON.parse() メソッド → JSON.parse() – JavaScript | MDN
    • JSON データから JavaScript オブジェクトへ変換する。つまり、JSON フォーマットで記述された文字列を、JavaScript オブジェクトへ変換する。
    • JSON データを作りたいときは、オブジェクトを作り、それから JSON.parse() メソッドで変換する。
  • JSON.stringify() メソッド → JSON.stringify() – JavaScript | MDN
    • JavaScript オブジェクトを JSON データにシリアライズする。つまり、JavaScript オブジェクトを JSON フォーマットの文字列に変換する。
    • 受け取った JSON データからメンバーの値を取得したいときは、JSON.stringify() メソッドで JavaScriptのオブジェクトに変換し、そのオブジェクトから値を取得する。
  • JSON データ では関数や正規表現リテラルは使用できない。よって、JSON.stringify() メソッドを通すと関数は除去され、それ以外の部分が JSON データへと変換される。
  • JSON – JavaScript | MDN

JSON を JavaScript で扱うときの例としてのコード