はてなブックマーク

寒くなりましたね！そろそろインフルエンザの季節が到来しますね。 対策にいち早くワクチン打ってもらおうかな～と思っているモリです。 今回はWeb開発で調査に活用できるネタとして、Chromeデベロッパー・ツールでヘッダー情報を確認する方法を簡単に紹介します。 画面遷移時の通信している詳細情報（HTTPリクエストやレスポンスのヘッダー情報など。。。）を確認する方法です。 まずは対象となる画面上で右クリックして「要素の検証」を押下します。 Chromeデベロッパー・ツールが立ち上がったら「Network」タブを押下して詳細情報を確認できます。 詳細情報は大きく分けて3つになります。 1．使用されているファイル一覧 2．ファイルに対する各種情報 3．通信の中身の詳細情報 1．使用されているファイル一覧 画面で読み込んでいるファイルを一覧表示しています。 いくつもファイルを読み込んでいる画面では、た

最近「痩せた？」と聞かれるようになりました。 糖質制限ダイエットはすごいですね。決して仕事が原因じゃないです。こんにちは、ニタです。 Webサイトのデザイン、レイアウト、文言、機能などを最適化するために、A/Bテストで効果を測る場合があります。 A/Bテストとはざっくり言いますと、用意された複数のバージョンのページ（バージョンA、B）にアクセスしたユーザをランダムに振り分けて、ユーザの反応（目標となる成果が得られるか）を計測するテストのことです。 今回は、WordPressで構築したWebサイトでのA/Bテストの設定、実施方法を解説します。 ※ここでは、テスト対象ページ「バージョンA」と、別バージョン「バージョンB」を比較調査するテストの設定を説明します。 「MaxA/B」を使ったテスト設定 WordPressでのA/Bテストは「MaxA/B」というプラグインを使用します。 MaxA/B

こんにちは、ニタです。 早速ですが、WordPressのプラグインを更新しました！ アイキャッチ画像と更新日を予約更新対象に追加しました！ iframeタグが消えたり、brタグなどに追記したstyle定義も消えないようにしました！ 予約更新内容でのプレビュー機能はもう少し先になりそうです！ どうぞよろしくお願いします！ See you again next time, Enjoy WordPress Life!! と、 これでおしまいとは、いきませんよねぇ…。 では、改めて。 WordPressでもajaxをカンタンに使いたい WordPressのテーマやプラグインを開発していると、投稿データや外部からのデータをスムーズに取得したい時があります。なるべくスマートに。ajaxとかで。 例えば、投稿一覧ページをページングからajax読み込みによる無限スクロールにしてみたり、プラグインで下のよう

こんにちは。 最近はもっぱらチーム開発を効率よくできる仕組みを考える事に必死なベッチです。 そんな時に電車でいろいろ調べていたら以下のスライドをみつけました。 少人数チームにおけるプロジェクト管理のベストプラクティス このスライドでは以下の２つの事を実践する事で品質が向上すると提唱しています。 コードの強制自動テスト プログラマ同士のコードレビュー 最近開発チーム内でもコードレビューの必要性について議論されてきているのでこのタイミングで開発フローにのせれるように検証してみようと考えました。 ただし「１．コードの強制自動テスト」を強制するのは現場が混乱するのでとりあえずは保留にしておきます。 スライドではRedmine、GitLab、Jenkinsを使った開発フローが紹介されていますが、いきなり全てを連携してというのは無理なので、まずは「２．プログラマ同士のコードレビュー」を実現する為にGi

こんにちは、ニタです。 CMS、ブログのプラットフォームとしてWordPressは取っ付き易く、WordPressで管理している企業サイトも多いと思います。 「WordPress カスタマイズ」などで検索すると、結構な数の紹介記事などがヒットしますし。 そんなWordPressで、新規作成した投稿には日時指定での公開設定が可能ですが、公開済みの投稿への日時指定更新は、標準機能として備わっていません。 商品ページの価格や、キャンペーンページの時間指定更新がある場合、時間に合わせて更新する必要があります。 これが深夜0時更新だったり、複数ページの更新だとしたら…。ちょっと面倒ですよね。 そんな公開済みの投稿に対して、自動更新してくれるWordPressのプラグインが、既にあるのかと思ったのですが、なかなか見つからなかったので、自分で作ってみました。 WordPressの公式サイトからダウンロー

こんばんは、ベッチです。 タイトル通り、FuelPHPで管理画面のベースを爆速で作成してみたいと思います。 Mac前提ですので、Windowsの方は便宜読み替えて下さい。 １．まずはoilコマンドをインストールします。 ※CakePHPでいうbakeコマンドみたいなものです。 curl get.fuelphp.com/oil | sh ２．oilコマンドを使ってFuelPHPプロジェクトを作成します。 プロジェクト作成には思ったより時間かかりますので気長に待って下さい。 oil create SampleSite 作成されたFuelPHPプロジェクト内のpublicディレクトリをドキュメントルートにしてアクセスするとちゃんと画面が表示されます。 ３．データベース設定を書き換えます。 ファイルは「fuel/app/config/development/db.php」です。 デフォルトでは以下

norです。 今日はマグマ大使（Peeping Life バージョン）よりステキなWebフレームワーク Revel を紹介します。 Revel は Java/Scala 界隈で絶大な人気を誇る Play Framework を参考に開発されたWeb Application Framework です。 Play Frameworkのいいところどりをしつつ、golangの洗練された非同期処理機構によりコールバックという野蛮な押し込み強盗から身を守ることができます。 簡単にいいところを紹介しますと。 ソースコード変更自動検知による、ホットコードリロード ノンブロッキング Web サーバ フルスタック Web フレームワーク ハイパフォーマンス ステートレス 非常に簡単な golangで実装されている、golangで実装されている という特徴をもっています。 特に、 Twisted や Torna