HTTP:GETとPOSTの違い

Web関連の開発をしていると必ずと言っていい程「GET」と「POST」という言葉が出てくるかと思います。
今回はHTTPの「GET」と「POST」の違いについてまとめてみます。

基本事項として

「GET」も「POST」もクライアントPCなどからサーバーに送信するデータ「リクエストパラメーター」を送信する方式となります。

Web開発初心者の方だと「GET」という言葉からサーバーからデータを取得するのかなあと勘違い(私だけ?)してしまうかもしれませんが、どちらも入力フォームのデータをサーバへリクエスト送信する際に使用します。基本的に以下の特徴を踏まえて、用途別に応じて適切に使い分ける必要があります。

GET送信の特徴

  • HTMLの<form>タグの属性に「<form method=”get”>」のように指定して送信します。
  • 「https://write-remember.com?id=abc&data1=123」のようにHTTPリクエストヘッダへリクエストパラメータが付与されます。
    URLの後の「?」がgetパラメータ開始という意味となり、パラメータが複数ある場合は「&」で区切って指定されます。
  • データをリクエストURLの末尾に付与して送信する方式となるため、Webサーバやプロキシサーバのアクセスログなどに残ることになります。
  • 他の人がURLを見ると、入力したデータが丸見えになってしまうリスクがあるので、ログイン画面などではIDやパスワードが他者から丸見えになるのでGET送信は使用するべきではありません。
  • URLの後に付与するのでデータ量(文字数)に制限が掛かる。(Internet Explorer のURLに使用できる最大文字数は最大2,048 文字)
  • GETはHTTPヘッダ情報に含まれるため、簡単に取得することが可能。
  • テキストデータのみ送信可能。

POST送信の特徴

  • HTMLの<form>タグの属性に「<form method=”post”>」のように指定して送信します。
  • HTTPのBODY部にリクエストパラメータが格納されます。
  • GETのようにURLの末尾にパラメータは付与されません。
  • 個人情報などの重要な情報や、データ量が多い場合はPOST送信を使用します。
  • POSTはBODY部分(form)に含まれるため、取得がちょっと面倒。
  • テキスト、バイナリどちらでも送信可能。
  • POST送信後にブラウザの戻るボタン押下で有効期間切れが発生する場合がある。
  • GETのように容易に他者からパラメータはわかりませんが、安全に個人情報を送信する際はPOSTに加えて暗号化などの処置を施す必要があります。

Google Chromeのブックマークのバックアップ/リストア方法

Google Chromeのブックマークをバックアップする場合、プロファイルをバックアップする方法と、chromeの設定画面からインポート・エクスポートする方法の2通りありますが、後者のエクスポートする方法が一番簡単なので今回はこちらの方法をご紹介します。

設定画面からエクスポートする方法

  1. Google Chromeの右上の設定ボタン「︙」を選択します。
  2. 「ブックマーク」を選択します。
  3. 「ブックマークマネージャ」を選択します。
  4. 右上の設定ボタン「︙」を選択します。
  5. 「ブックマークをエクスポート」を選択します。
  6. 以下のように保存用画面が表示されるのでファイル名を指定して保存すればブックマークのバックアップ完了です。

設定画面からインポートする方法

エクスポートと同様の手順でブックマークマネージャ画面を開き、「ブックマークをインポート」を選択すればバックアップしたブックマークをリストアすることも可能です。

Eclipseのバージョンについての豆知識

Eclipseを起動すると「4.2 JUNO」といったようにバージョンの後にコードネームと呼ばれる文字列が表示されています。

Eclipseでは「コードネーム=Eclipseのバージョン」となっているのでコードネームだけでEclipseのバージョンを判断する事が可能となります。

バージョンリリース日     コードネーム      備考
3.22006/06/30Callisto(カリスト)木星の第4衛星。
3.32007/06/29Europa(エウロパ)木星の第2衛星。
3.42008/06/25Ganymede(ガニメデ)木星の第3衛星。
3.52009/06/24Galileo(ガリレオ)ガリレオ衛星の発見者。
3.62010/06/23Helios(ヘーリオス)
ギリシア神話の太陽神。
3.72011/06/22Indigo(インディゴ)藍色。
4.22012/06/27Juno(ユーノー)ローマ神話に出てくる、女性と結婚を守護する女神。
4.32013/06/26Kepler(ケプラー)ドイツの天文学者。
4.42014/06/25(予定)Luna(ルナ)月。

Firefoxを複数バージョン共存させる方法

FireFoxで複数バージョンで動作確認したい場合のインストール方法を説明します。

1. FireFoxのインストーラ(別Ver)をダウンロード

下記手順でFireFoxのインストーラをダウンロードして下さい。

  1. FireFoxのインストーラが保管されているftpへアクセスしてインストールしたいバージョンのディレクトリを選択します。今回はVer24のESR版を選択します。
    FireFoxバージョン別保管先
  2. Windows版の「win32」を選択します。
  3. 日本語版の「ja」を選択します。
  4. インストーラ用のexeファイルを選択するとダウンロードされます。

2. FireFox(別Ver)をインストール

ダウンロードしたインストーラ(別Ver)を起動してインストールを実行します。インストールは必ず下記手順で行い、インストール直後にFireFoxは起動しないように注意して下さい。

  1. 「次へ」を選択します。
  2. 「カスタムインストール」を選択します。
  3. 「インストール先フォルダ」を変更後、「次へ」を選択します。
    ※インストール先フォルダは既存のFireFoxがインストールされているフォルダとは別のフォルダを指定して下さい。
  4. 「デスクトップ」以外のチェックは全て外して、「次へ」を選択します。
  5. 「FireFoxを既定のブラウザとして使用する」のチェックを外して「インストール」を選択します。
  6. インストール完了後、「今すぐFireFoxを起動」のチェックを外し「完了」を選択します。

3. FireFoxのプロファイルを追加

イントール直後の状態でFireFoxを起動してしまうと、既にインストールされているFireFoxのプロファイルを使用してしまうので、追加インストールしたFireFox用のプロファイルを作成します。

  1. Windowsのスタートメニューから「ファイル名を指定して実行」を選択します。
  2. 名前へ「firefox -p」と入力して「OK」を選択します。 ※反応しない場合は「firefox -createprofile firefoxX.X」と入力すればプロファイルが作成されます
  3. 「新しいプロファイルを作成」を選択します。
  4. 「次へ」を選択します。
  5. 新しいプロファイル名を入力し、「完了」を選択します。
  6. 「終了」を選択します。
  7. FireFoxのプロファイルフォルダを参照して今回追加したプロファイルフォルダが作成されている事を確認します。

4. FireFoxのショートカットファイルの作成

  1. 追加インストールしたFireFoxのフォルダ「【例】C:\Program Files (x86)\Mozilla Firefox_24」を開いて「firefox.exe」ショートカットファイルを作成します。
  2. 作成したショートカットファイルを右クリックしてプロパティを選択します。
  3. リンク先の末尾に「-p {上記3.5で作成したプロファイル名} -no-remote」を追記します。

    【例】
    「”C:\Program Files (x86)\Mozilla Firefox_24\firefox.exe”」
     ↓
    「”C:\Program Files (x86)\Mozilla Firefox_24\firefox.exe” -p firefox24 -no-remote」

後は作成したショートカットをダブルクリックしてFireFoxを起動すれば、既存インストール済のFireFoxとは別のプロファイルを使用したFireFoxが起動されます。は上記手順を繰り返せば別バージョンのFireFoxを更に増やすことも可能となります。

MCP 070-480合格!

本日、 マイクロソフト認定資格試験 (MCP) 70-480を受験してきました。
結果は合格。
得点:740点、合格点が700点以上なのでギリギリセーフ?といったところでした^^;

出題形式は四問択一形式、複数選択形式、プログラム構文の穴埋め(プルダウン選択 or ドラッグ&ドロップ式)で出題されていました。
試験時間は2時間以上ある内、見直し含めても1時間程度で終わったので試験時間は問題ないかと思います。
試験結果はレポートを見ての通り、合格はしたもののまだまだ理解不足が多かった感が否めないです。もっと精進せねば!
※試験内容/対策などの詳細についてはこちらMCP「070-480」資格取得情報へまとめています。

HTML:<br>と<br /> タグの違いとは

HTMLでコーディングしていると、改行コードとして使用する<br>と<br />の違いって何だろうと思った事はないでしょうか。
いきなり結論を言ってしまえば<br>はHTML、<br />はXHTMLでの書式という違いになります。

XHTMLでは以下の様に終了タグ(省略式も可)を必ず記述しなければいけません。

XHTMLでは古いブラウザとの互換性を考慮して、/> の前にはひとつスペースを設けることが推奨されています。

Google検索オプションを利用した各種検索方法

例えば、あなたが訪問したホームページでこの用語でサイト内検索したいけどサイト内検索ボックスが設置されてなくて検索出来ない!と思うことがあると思います。こういう場合はGoogleの検索オプションを使用すると簡単にサイト内検索が実施出来ます。検索オプションは他にも色々と用意されているので覚えておくと便利かも。

No検索オプション用途(概要)使用例
1allintitle:ページのタイトルのみを検索対象とします。allintitle:資格
2allinurl:指定したURLを検索対象とします。allinurl:write-remember.com
3cache:キャッシュされた文書内で検索語を強調表示します。cache:write-remember.com
4define:クエリの先頭に 「define:」 と付けると、
その後に書かれた単語群の定義を検索します。
define:資格
5filetype: 指定した種類のファイルのみ表示します。filetype:pdf
6info:指定したウェブページについてのバックグラウンド情報を
表示します。
info:write-remember.com
7intitle:ウェブページのタイトルでのみ検索します。intitle:資格
8inurl:URLに含まれるべき単語に一致するページを表示します。inurl:write
9site:指定したドメイン内でのみ検索する。(サイト内検索用)site:write-remember.com "資格"
資格 site:write-remember.com
10stocks:株式市場での銘柄略称として検索します。site:google
11related:指定したウェブページに「似ている」ウェブページを
一覧表示します。
related:write-remember.com

WordPressでjQueryが動かない

当初WordPressを使用し始めていた時期に、jQueryを動作させようとしたら全く反応しないという事象が発生しました。その時の対処方法をメモしておきます。

原因

WordPressではjQuery以外にも「prototype.js」や「mootools」といった他のライブラリも読み込まれています。これらのライブラリでも「$」関数が使用されている為、conflictが発生してjQueryが動作しなくなってしまいます。

対処方法

jQueryで以下の様に「$」を「jQuery」へ書き換えて「$」関数を使用しないように変更します。

変更前

変更後

エクスプローラをタブ化出来る「QTTabBar」

今回はエクスプローラをタブ化してくれるツール「QTTabBar」をご紹介します。これを導入すれば、ブラウザと同様に一つのウィンドウで複数のフォルダを開く事が可能となります。なお、動作させる為には「.NET Framework 4」が必要となります。

対応OS

  • Windows7(64bit)、Windows8(64bit)、Windows8.1(64bit)

バージョン

最新版:ver.262 ※更新日:2013/12/6

ダウンロード先

「QTTabBar」ダウンロード

インストール手順

  1. ダウンロードしたファイルを任意のフォルダへ解凍します。
  2. 解凍したフォルダ内にある「QTTabBar.exe」をダブルクリックしてインストーラを起動します。
  3. インストーラに従い、QTTabBarをインストールします。


  4. Windowsを再ログイン又は再起動します。
  5. エクスプローラを起動し、メニューの「表示」→「ツールバー」を選択し、「QTボタンバー」と「QTタブバー」を選択すればエクスプローラがタブ化されます。

特徴

  • ブラウザのタブ機能と同レベルの高機能
  • タブグループを作成すると一度に複数のフォルダを開く事が可能
  • プラグインを追加できる多機能ボタンバー
  • ツールバーはカスタマイズ可能

WordPressのバージョンアップ後に「Warning: Missing argument 2 for wpdb::prepare()」が発生

最近WordPressのバージョンアップを3.8へアップデートしてサイトを表示してみたら、プラグインを使用している箇所で「Warning: Missing argument 2 for wpdb::prepare()」というワーニングメッセージが表示されていました。どうもこの事象は3.5へアップデートした時から発生している事象のようで、当方は3.4→3.8へのバージョンアップだったので今頃遭遇しました・・・。
放置しても動作はしますが、見栄えが悪いので対処方法を調べてみました。

原因

WordPressの3.5以上では「wp-db.php」で定義されているFunction「prepare」の引数の数が2つ必要になっています。

今回Warningが発生した原因はこの「prepare」をプラグインのphpから呼び出す際に引数が1つしか指定されていない為にWarningが表示されたみたいです。

対処方法

原因は明確なので、function「prepare」を使用しているphpを修正します。function「prepare」を使用している箇所へダミー引数となる「null」を2つ目の引数として指定すれば対応完了です。(もちろんプラグインが正式対応したらバージョンアップしましょう)

変更前

変更後