VirtualBoxとVagrantの環境をほかのPCにコピーしようと思って、packageコマンドを叩いたのですが、「package.box」というファイルが生成されない・・。 参考ブログ： vagrant + virtualboxで作ったRuby環境を他のPCに環境移行する方法 - Qiita これは何故か…

IEでGETパラメータがついたURLを生成して、location.hrefで移動しようとしたら「＆」の文字が「§」に化けてしまう謎の現象に見舞われた・・。こんな風に、普通にURLを入れた移動しようとしただけなのに、文字化けのせいでまともに移動できない。 window.loca…

iPhoneのSafariでページを移動したときに、ajaxで何か情報を送信したいときのコードです！ jQuery(window).on('pagehide', function() { sendAjaxData(); }); function sendAjaxData(){ var ajax_url = "http://hogehoge.com"; var post_data = new Object()…

jQueryで要素にdata属性を追加する方法です！以下みたいにすると、ページ中のすべてのimg要素に「data-hoge」という属性が追加されるよ！ jQuery(window).load(function(){ jQuery("img").each(function(i, elem) { jQuery(elem).attr('data-hoge', 'hogehog…

知ってますでしょうか？Wordpressは、「wp_enqueue_script」によって追加されたスクリプトをチェックしていて、jQueryを利用するスクリプがないときは「jquery.js」をロードしません。なのでHTMLにコードを直書きしていると「jquery.js」がロードされなくて…

「Onbeforeunload」のイベントを使って、ページ遷移を検出しようとしたんですが、一部のケースで検出ができませんでした・・。それは、ページが表示されていきなり「戻るボタン」を押してブラウザバックしたとき・・。画面内を一回でもクリックしているとき…

画像をクリックしたときにポップアップで表示してくれる便利なjQueryライブラリ「Lity.js」 このライブラリですが、やはり動的に追加した「img」には反応してくれません・・。動的に追加した「img」にもポップアップを有効にするには、追加後の要素に以下の…

最近アルバイトでFuelPHPのコードをいじっているですが、ajaxで送信したデータがサーバ側でうまく受信できない・・。クライアント側では下記のようにajaxで送信です。 var post_data = { "hoge1_id": "hoge", "hoge2_id": "hogehoge", "hoge3_id": "hogehoge…

ターミナルソフト「Teraterm」でSSHログインするときに、右クリックで「貼り付け」を選択すると、クリップボードにあるパスワードをコピペ入力することができます。この「貼り付け」で入力したパスですがが、なぜかログイン失敗してしまい、うまくいかない・…

GoogleMap APIによって動的に追加したマップで、地点をクリックすると「info_window」というポップアップ・ウィンドウを表示をさせることができます。このウィンドウ内のコンテンツが、iPhoneのサファリでうまくスクロールできない！ 画面からはみ出た部分が…

最近「グーグルマップAPI」を使って遊んでいるんですが、変な問題に悩まされてしまいました・・。グーグルマップをクリックしたときにポップアップ表示される「info_window」というのがあるですが、ここにjQueryで定義した要素をたくさん追加すると、親子関…

buttonをクリックすると勝手に画面が遷移してしまう…。 これは、buttonのタイプが「submit」の動作になっていたからでした…。 「submit」したくなかったら、下記のようにちゃんと「type="button"」という属性を付けましょう…。 <button class="button" type="button">サブミットするなyo！</button>以上です…

iframeをクリックすると、別ページに飛ぶ動作を作ろうと思ったのですが、かなり手こずってしまいました・・。結論から言うと、以下のようなコードで出来るようになります。 <div style="position:relative;"> <div style="pointer-events: none;"> <iframe>・・・</iframe> </div> <a href="xxxx" style="position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; z-index:9999;"><…</a></div>

Pjaxの技術を使って動的に画面遷移ができる「Barba.js」この「Barba.js」を使って埋め込みTweetを張り付けたページを読み込むと、うまく表示してくれんとです・・。 どうも埋め込みツイートというのは、動的に生成した場合は「Load()」を実行してケツを蹴り…

PHPで「次の時刻」をUnixタイムスタンプで計算する方法です！つまり、「13:30」のときは「14:00」を返す、「13:59」のときは「14:00」を返す、「14:01」のときは「15:00」を返す…。 といった処理です！ date_default_timezone_set('Asia/Tokyo'); $now = tim…

ワードプレスの「get_post_meta()」という関数がありますよね・・？記事のカスタムフィールドの値を取得するための関数です。この関数で、存在しないカスタムフィールドを取得したときの戻り値をチェックするとき、要注意が必要です。戻り値には「null」では…

cssだけで画像を切り抜いてうまく枠内に収めてくれるテクニックってありますよね？下記サイトなどで紹介されている便利な方法です。 CSSだけで画像トリミングできたよ ｜ Tips Note by TAMこの「高さに合わせてトリミング」をする方法をやってみたんですが、…

ワードプレスの「fetch_rss()」関数でいろんなブログのRSSを取得していたんですが、なぜか「gooのブログ」だけは取得失敗してしまう…。噂によると、gooブログはアクセス元のユーザーエージェントをチェックしていて、ワードプレスからのアクセスを弾いてしま…

HTMLの解析ができる便利なPHPライブラリ「Simple HTML DOM Parser」これを使って2chのスレを読み込もうとしても、戻り値がfalseで返って失敗してしまうときがあります。これは何故かというと、「Simple HTML DOM Parser」には読み込みサイズの上限値(600KB)…

とても初歩的なミスの話です・・。Webサイトのページを開くときに、画像ファイルのサイズが定まらず、一瞬だけパッとでっかく表示されてしまう。これはなぜかというと、cssの記述の仕方が悪かったから・・。下記のようにcss記述を body 下部に書いていると、…

Simple HTML DOM Parserでお目当てのサイトの「Twitterカード情報」を読み取って、アイキャッチ画像を抜き取るよ！コードは以下の通り！ require_once('./simple_html_dom.php'); //お目当てのサイトのHTMLを取得 $html = file_get_html("http://hogege.com/…

ＰＨＰでTwitterAPIを利用するための便利なライブラリ「TwitterOauth」API接続時のエラーを検出するには、以下のように「getLastHttpCode()」の値を確認すると良いです。 レスポンスコード200番は成功の証なので、これをチェックします。 require_once("./tw…

ワードプレスのwp_remote_get()関数で取得したHTTPリクエストの中の「content-type」をチェックして、コンテンツが画像ファイルかどうかを判定します。wp_remote_get()の戻り値の中には、こんな感じヘッダ情報が含まれています。 ↓ [data:protected] => Arra…

ワードプレスでDBを操作するときに「$wpdb」って使いますよね？ 「$wpdb->insert()」とか「$wpdb->update()」とか「$wpdb->delete()」みたいなあの処理です。この実行結果のエラー判定をするときは「$wpdb->last_error」の中を見ると良いです。コードは下記…

モバイルで、画面を縦にスクロールすると、慣性がついてスルーッと移動しますよね。あれを、移動中にピタッと止める方法です。下記のサイトでかなり無茶な方法で実装しています。 https://jsfiddle.net/prud/umr0qegs/基本的なコードは以下のような感じ(jQue…

先ほどちょっといやな現象に悩まされてしまいました・・。iPhoneの「Safari」でPHPサーバにアクセスをして、サーバ側で「$_SERVER」を参照して、ページのURLを取得したんです。コードは以下のような感じ。 $current_url = (is_ssl() ? 'https' : 'http') . '…

画面スクロールに追随して、上部に固定表示されるメニューバーってありますよね？あれを作成してみたんですが、「ウィンドウズ用Safari」のブラウザでうまく表示されなくて、困ってしまいました。メニューのフレーム自体はちゃんと上部に固定表示されるんで…

Pjaxを使ってゴリゴリと画面遷移するページが作れる便利なライブラリ「Barba.js」このBarba.jsで、指定したURLのページをプリロードしてキャッシュさせる方法です！下記のようなコードでできます！ //読み込むページのURL var url = "http://hogege.com/page…

HTMLの要素を操作できる便利なDOMパーサ「PHP Simple HTML DOM Parser」これを使ってゲットしたDOM要素が、お目当てのclassを保持しているかどうかを確認する方法です。 //ライブラリ読み込み！ require_once ('/simple_html_dom.php'); //テスト用のHTMLを…

先日、我がサイトのTwitterログイン機能が急に使用不能になってしまってあせりました・・。Twitter APIが下記のようなエラーを返して認証を受け付けてくれなくなってしまいました・・。 "code":415,"message":"Callback URL not approved for this client ap…