WP_Query関数を使いWordPressのindex.phpやarchive.phpに入れ子になったループ（複数ループ）を作成する方法 シェア つぶやく ブックマーク LINE Pocket WordPressのindex.phpやarchive.phpに使用されているメインループの中に、投稿記事や固定ページ記事内に記述されたループ処理を、入れ子の様な形で反映させる方法を解説します。 ループの中にループを反映させられるようになれば、例えばECサイトの各商品ページ（page.php）にカスタム投稿タイプで作成した商品情報の投稿をループで表示させ、商品一覧ページ（archive.php）にも、その各商品ページに作ったループを反映させるということが可能になります。 query_post関数の使用には要注意 ループを作るためには、投稿の表示設定をするためのquery_post関数がよく使用され

Javaで言うstatic finalをどうするのが良いか。PHPには定数とオブジェクト定数があって、それぞれdefine関数とconstキーワードで宣言できる。具体的にはこんな感じ。 <?php // 定数 define('MESSAGE', 'Hello World'); echo MESSAGE; // オブジェクト定数 class MyClass { const MESSAGE = 'Hello World'; } echo MyClass::MESSAGE; オブジェクト定数という名前ではあるけれどもクラス定数と呼んだ方が解り易いかも。constはstaticキーワードなしにstaticな存在になる（staticキーワードを付けるとシンタックスエラー）。 defineとconstの違いは、グローバルなのかクラス帰属なのかと言う点と、宣言時に演算が使えるかという違いがある。例えば、

PHP コード最適化 Best Practices 63+ - カタコト日記 前回は、元記事に一定の敬意を表して、項目とかはあえてそのままにしてたんですが、 自分としても気になる部分が多々あったので、少しだけ調べ直して優先度＆解説つけました。 独断と偏見ですが。ヽ(´ー｀)ノ 検証はしてません。ごめんなさいごめんなさい。 優先度A、B、C、不明、非推奨に分けてみました。どうぞつっこんでください。 長いよ、今回は。 優先度A. 頻度も高いし使えそう - 6つ 01. static にできるメソッドは static として宣言しよう。（4倍速い） 正しくは、static なメソッドには、OOP のルールに従ってちゃんと static 宣言をつけよう！ ってとこでしょうか。本来そうでないものを無理に static にしちゃえって話ではないはず。*1 × <?php public function

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

問題 定数ってパフォーマンスには何か影響ありますか？ 調査結果 define()の速度ではなくて、定数を使った処理の速度を確認してみた。 以下の3種類のスクリプトを用意 ・test1.php <?php define('XXXXXXXXXX', 123456789); for ($i = 0; $i < 1000000; ++$i) { if ($i < XXXXXXXXXX) { // do nothing } } ・test2.php <?php $xxxxxxxxxx = 123456789; for ($i = 0; $i < 1000000; ++$i) { if ($i < $xxxxxxxxxx) { // do nothing } } ・test3.php <?php for ($i = 0; $i < 1000000; ++$i) { if ($i < 123456789

先日、[PHP] コーディング規約で、ZendとPEARの標準コーディング規約を紹介し、この規約に従ってプログラムを書いていこうと言いました。 定数を宣言する際には、クラスのメンバとして "const" で定義しなければなりません。"define" によるグローバル定数の宣言も可能ですが、お勧めしません。 Zendの規約[B.3.5. 定数]より引用 Zendには、こんなふうに書かれています。まぁ禁止しているわけじゃなく、”お勧めしません”ですが。 ってか、Zendのコーディング規約って、classであることを前提に書かれてますよね。 一方、PEARのコーディング規約には、defineでの命名規則が書かれてあります。 で、define()は、使っていいの？ダメなの？ 例えば、ユーザー情報クラスなどで、性別を男:0,女:1として表現するケースなど、定数にしておくと読みやすいコードになります。

”漢字フリーフォントギャラリー”とは 漢字フリーフォントギャラリーは、皆様からのご投稿情報を基に、無料配布されている漢字対応の日本語フォントを収集・まとめて一覧できる、無料漢字フォントの専門ギャラリーサイトです。 クリエイターの皆様の一助となれば幸いです。

Mac OS XでInDesignを使う際、Helveticaフォントをどのように扱うか、は非常に悩ましい問題です。 Mac OS Xでは、システムフォントとして「/System/Library/Fonts」内にある「Helvetica.dfont」を使っています。「dfont」はTrueTypeフォントです（1ファイルで複数のウエイトを同梱）。 TrueType版とType 1版のHelveticaは、Helvetica Medium（T1）とHelvetica Regular（TT）のようにフォント名が異なるだけでなく、形状なども異なるため、リフローなどの原因になります。 そこで、TrueType版とType 1版のHelveticaのどちらを使うか、については明示的に指定を行い、第三者が制作したドキュメントでも意識的に確認作業などを行う必要があります。 その際、問題になるのがType

This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Description What this plugin can do for you https://www.youtube.com/watch?v=DWANhxoDxFI?feature=youtu.be Automatic Platform Optimization (APO) Speed up your WordPress site by up to 300% with Clo

久しぶりの、きっと誰かの役に立ちそうなものです。今回紹介するのは、jQueryを使ってブラウザの画面いっぱいに背景画像を表示する方法です。どんなカンジかというと、まずノーマルの状態です。 で、こっちが縮小した（ブラウザはでっかくなった）状態です。 サイズを変更しても、背景画像はかわりません。 jQueryプラグイン「jQuery Backstretch」を使う 実装方法はおどろくほどカンタンですので、気をつけてください。 「jQuery Backstretch」をダウンロードする Backstretch head内に次のコードをコピペ！ [cc] [/cc] これだけでOKです。ポイントは、背景画像のURLをフルパスで指定してやることです。カンタンすぎてこまりますね。でも、このカンタンさがjQueryのいいところですよね。 今回もいつも通り、基本的にコピペで実装できますので、どんどんコピペ

今までの自宅サーバー高速化の取り組み このブログはWordPressを自宅サーバー（自作パソコン）で構築・配信しているのですが、今まで様々な高速化への取り組みやパフォーマンスチューニングを行って来ました。代表的なものでも以下のような対策を講じてきました。 サーバーのハードウェアのスペックアップ 自作パーツで、Core-i7 3770 HT8コア、メモリ32GB、SSD512GBで構成 PHPにAPC（アクセラレーター）を導入 php.iniもメモリ関連やAPC関連の設定を最適化 ApacheをやめてNginx1.2の最新版でPHP-FPMのリバースプロキシを構成 NginxからPHP-FPMへの接続をポート通信ではなくソケット通信に切り替え Nginxのプロキシキャシュの範囲を強化 キャッシュ対象を画像、JS、CSSにも適用。HTMLをGZIP圧縮してブラウザに送信 MySQL5.6の導入

We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

最近、WordPressの高速化に関する記事がたびたびホッテントリ入りしているようですので、その流行にのって「みはら.com」も高速化してみました。最初に結果から言うと、現状から269%も速くなりました。WordPressを使っているみなさん、高速化するなら今ですよ。 現状の高速化策 では、現状での高速化のためにやっていることをまず紹介します。 ClaudFlareを使う プラグイン「MO Cache」を使う プラグイン「W3 Total Cache」を使う プラグイン「WP Hyper Response」を使う TinyPNGで画像を圧縮 画像の読み込みを後回しにする「jQuery Image Lazy Load WP」は、どれとなのかわかりませんが、干渉しあってしまってうまく動かなかったのではずしています。 ちなみに、サーバーは、最初の1年が100円ポッキリのドメインキングです。みなさ

先日、Yahoo! ニュースからリンクして頂いたのを切っ掛けに、大量アクセスがありました。いつもは後で気がつくんですけど、たまたま Google Analytics のリアルタイム画面を開いたらその直前にアクセスが爆発していました。通称「Yahoo!爆弾」ってヤツですね。 【追記】現在はコアウェブバイタル対応を完璧にするため、もっとモダンな設定にしています。 iPhone 研究室は WordPress で運営していますが、全く動じないでこの大量アクセスをこなしてくれました。 11時半頃にリンクがあったみたいなんですけど、世の中がお昼休みに入った12時頃から更にアクセスが倍増しました。 だいたい、11時半から12時までの30分で2万ページビュー（PV）、12時から13時までの1時間だけで5万PV位の大量アクセスになりました。 新型iPhoneに関する噂という記事からのリンクだったので、興味を

The faster, the better！ブログの表示速度向上は永遠の課題だと思っているg.O.R.i（@planetofgori）デス！ gori.meは比較的画像が多いため、どうしても読み込み速度が遅く、以前から色んな方法を試して改善に努めてきた。その中でも間違いなく効果があると言える無料で利用できるCDNサーバー「CloudFlare」を紹介する！！ウェブ運営者、ブロガーは間違いなく導入した方がいい！ そもそもCDNとは何か？ まず、CDNについて簡単に説明する。CDNは「Contents Delivery Network」の略で、ウェブコンテンツを配信するために最適化されたネットワークのことを意味する。 ウェブサイトにある画像や動画などの高容量コンテンツをウェブサービスが提供されているサーバーとは別のサーバーにキャッシュし、代わりに配信して負荷分散するという仕組み。ここでいう「

This online image optimizer uses a smart combination of the best optimization and lossy compression algorithms to shrink JPEG and PNG images to the minimum possible size while keeping the required level of quality. Upload up to 20 images. Wait for the compression to finish. Click thumbnails in the queue for quality setting. Use the slider to control the compression level and mouse/gestures to comp

画質を保ちつつ極限までファイルサイズ減量できるWebツール『PNG Minimizer』 『PNG Minimizer』はPNGフォーマットの画像を画質を極力保ちながらファイルサイズを小さく圧縮してくれるWebツール。 使い方は最大5MBまでの画像をアップロードし、変換された画像をダウンロードするだけです。 （入力画像はPNG以外にBMP／ICO／ GIF／JPGの各フォーマットに対応していますが、すべてPNGフォーマットで出力されます） 仕組みとしては以前紹介した『TinyPNG』と同様に画像に使われている色の数を少なくすることで全体のファイルサイズを小さくするというものです。 試しに前回と同じ画像を使って試したところ、256色で実に71%のファイルサイズ削減が実現できました。 上のように拡大してみるとグラデーションの具合や輪郭のシャギーなどアラが目立ちますが、通常サイズで見る分にはあま

iOS6によるアップデート まず最初に、iOS6において、Safari上のWebアプリから簡単にカメラ＆フォトライブラリの写真にアクセスできるようになりました。いままでカメラにアクセスするにはPhoneGapなり何なりでネイティブ化する必要があったので、写真共有サービスなどにはかなり有用なアップデートです。 File API、HTML Media Capture への対応 HTML Media Capture に対応し、Safari から カメラを起動してのファイルアップロードが可能になりました。 type 属性値に file を指定すれば単体ファイルのアップロードが簡単に。 （略） ファイルを選択したあとは何ができるか... action による Multipart post Ajax （XMLHttpRequest 2） を使用したファイル送信（プログレス表示にも対応） File AP

この記事は 勝手に添削: PHP初心者向けのコード最適化 の続編です。リーダビリティの定義は前と同じく、「そのコードが何をしたいかを把握する時間＋そのコードをレビューして正しいと自信を持てるまでの時間」の短さです。 よく「php よりも Python の方がリーダビリティが高い」という主張に対して、「Pythonでも糞コードはかける」「言語よりも人の問題だ」といった反論をする人がいます。 この反論をする人は「同じ程度のスキルの人が同じ程度の丁寧さでコードを書く」という暗黙の前提が伝わっていなくて、「リーダビリティは言語に依存して人には依存しない（あるいは人よりも言語に強く依存する）」という主張だと誤解しています。(この主張にかぎらず、大抵「◯◯でも悪い△△は存在する」という類の反論は、暗黙の前提を理解していないか、あるいはわざと無視しているケースが多いです) 言語設計が（書き手のスキルほど

メンテナンスモードって何？ WordPressでメンテナンスモードを設定する方法は？ メンテナンスモードを簡単に設定できるプラグインは？ これらの疑問を解消する記事を書きました。 ブログの大規模な修正や更新をするときは、メンテナンスモードを設定しましょう。万が一ブログに不具合が生じても、他の人に見られるのを防ぐことができます。 WordPressでブログを書いているなら、プラグインを使うのがおすすめ。プラグイン無しでもメンテナンスモードを設定する方法はありますが、専門的な知識が必要なので初心者向きではありません。 本記事では、メンテナンスモードを簡単に設定できるプラグインの使い方をたっぷりの図解でわかりやすく解説しています。ぜひ参考にしてください。 こんにちは、かずよしといいます。2010年からWordPress（ワードプレス）でブログを書いています。

// forked from hakobera's "テレビの砂嵐" http://jsdo.it/hakobera/nZe4 var world = document.getElementById('world'); var world_cx = world.getContext('2d'); var world_w, world_h; var display = document.getElementById('display'); var rgb = document.getElementById('rgb'); var interlace = document.getElementById('interlace'); var cv = document.createElement('canvas'); var cx = cv.getContext('2d'); var cw = c

こんにちは。デザイナーのハルエです。 最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。 簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。 「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。 今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装！オンラインツール7選 Animate