このページではWeb制作テクニックをご紹介します。
主にHTML・CSSのコーディングのテクニック、JavaScript、jQueryなどのフロントエンドのプログラミング技術、WordPressなどのカスタマイズ情報を提供しています。
Web制作テクニック 【redirect 301】.htaccessで親ドメインからサブドメインに転送したらリダイレクトループしてしまう意外な理由
サイト（ドメイン）移転で欠かせない作業としてリダイレクト処理があります。 リダイレクト処理をすることで、旧サイト・旧ドメインから新サイト・新ドメインに既存ユーザーを引き継ぐわけです。 しかし、ここで問題になる可能性があるのがリダイレクトルー...
Web制作テクニック 【Javascript】オブジェクト（連想配列）内の文字列をソートする方法【sortメソッド／比較関数】
Javascriptのsortメソッドは便利な機能ですが、クセがあるので使い慣れていないと混乱することがあるかと思います。 個人的に「これどうやるんだっけ？」と思うことがあったので、今回まとめて記録用にまとめます。 オブジェクト（連想配列）...
Web制作テクニック 4Kモニターで200％表示をしていると古いアプリのUIが小さく表示される問題の解決方法【Photoshop CS5、CS6】
今も古いアドビ製品を利用されている人は少なくないと思います。 Windows10や11でも、CS5やCS6といった製品は使えるのですが、4Kモニターを使っている場合、設定によっては以下のような表示になってしまいます・・・。 この画面は4Kモ...
Web制作テクニック XAMPPで別のPCからアクセスする方法＆ハマりがちなトラブル
Webサイト制作をしている人の大半が導入しているであろうXAMPPですが、少し設定に手間取った部分があったので共有したいと思います。 XAMPP上で動作しているWebサイトは、同じローカルネットワーク上にあるパソコンやスマートフォンからアク...
Web制作テクニック AmazonJSが表示されない原因と解決方法
Wordpressでアフィリエイトをやっている人の中にはAmazonJSというプラグインを使用しているケースが多いかと思います。 そこでこんなトラブルに遭ったことはありませんか？ 「今まで問題無かったのに急に表示されなくなった！」 今回はこ...
Web制作テクニック あなたのサイト・ブログを異次元レベルに高速化する方法とデメリット
サイトの高速化はページ回遊率や離脱率の改善に非常に効果的なので、色々と思考錯誤している人は多いかと思います。特にWordpressサイトを運用しているとページ数の増加に伴い著しく速度が落ちてくるので悩んでいる人も多いのではないでしょうか？ ...
Web制作テクニック 【URL正規化】WordPressサイトでwww、httpsの表記を統一する際の注意点
サイト公開する際、www や https の表記を統一する機会は多いかと思います。 ある条件下でハマって苦労したことがあったのでシェアしたいと思います。 Wordpressと通常ページが混在するサイトでは設定やhtaccessの記述に注意 ...
Web制作テクニック HTMLとCSSだけで案件受注は可能か？
Webサイト制作で一番最初に学ぶであろう技術として挙げられるのがHTMLとCSS。Webページの土台となる技術なので必須スキルと言えます。 それでは「HTMLとCSSだけで仕事を受注することは可能なのか？」という疑問が浮かぶ人もいるかも知れ...
Web制作テクニック 【独学の挫折率90％】諦めかけていたプログラミング学習を挫折することなく学ぶ方法
こんにちは。現役プログラマーのkakeruです。 おそらくこの記事を読んでいる人は、「これからプログラミングを始めたいけど挫折しないか心配…」あるいは「独学でプログラムを勉強したけど挫折してしまった」といった人かと思います。 最初に言ってお...
Web制作テクニック レスポンシブデザインでもPC表示には最小幅（min-width）を指定すべき4つの理由
今やレスポンシブサイトをは対応して当たり前になりましたが、細かい構築方法はサイトによってまちまちです。 その中で今回は「PC表示の時、最小幅（min-width）を指定すべきか？」という事について取り上げようと思います。 最小幅の指定は大規...
Web制作テクニック CSSのz-indexプロパティによる重なり順は『箱』を基準に決まる
HTML・CSSコーディングを日常的に行なっている人であれば、CSSの大まかな挙動は把握しているかと思いますが、細かな仕様まで把握できている人は意外と少ないかと思います。特に、z-indexプロパティに関しては何となく使っている人が多いかも...
Web制作テクニック シンプルで分かりやすいコードに！CSSのベンダープレフィックスが不要になった理由
CSS3が活用され始めてからだいぶ経ちましたが、今もなお古いブラウザに対応すべく、ベンダープレフィックスを使った回りくどいソースコードを書いている方は多いかと思います。 私もつい先日まではそうだったんですが、回りくどいコードを書くのが億劫で...
Web制作テクニック 【WordPress】商用サイトにマイナーなプラグインを導入すること起こり得る３つの深刻な被害
Webデザインを仕事にしている人で使わない人は今や存在しないというぐらいに普及した『Wordpress』。 Wordpressの最大の魅力はカスタマイズ性・柔軟性の高さだと思います。プログラマーは勿論の事、プログラミングの知識が無くても無数...
Web制作テクニック 【超時短テクニック】文字列を検索・置換の効率を100倍にアップする方法
Webサイト制作をしている方なら一度は経験したことがある”特定文字の置換”作業。Webサイトは膨大なページで構成されている事も多いので、それら全てを検索して置換するのはかなり骨の折れる作業かと思います。 Dreamweaver CCなどのW...
Web制作テクニック 「小さなこだわりが大きな結果を生む」という事を自覚することが成功への近道になる理由
「そんな細かい事にこだわって意味あるの？」 こんな風に考えた事は誰もが一度はあると思います。もちろん私もそうです。 これはアフィリエイトやWeb制作に限った話ではありません。全てのモノに当てはまる事です。 当たり前すぎて普段はなんとも思わな...
Web制作テクニック 昔とは違う！今時のHTML・CSS設計方法2016
テーブルレイアウトの時代が終わり、正確なマークアップが求められるようになったのは2005年ぐらいからでしょうか？ そこから10年以上が経過したということでマークアップのルール・設計方法も大きく変わりました。今と昔どのくらい変わったのかをまと...
Web制作テクニック Xamppローカル環境にSSLを有効にする設定手順まとめ
もはやXamppを利用したWebサイト制作は、プログラマーだけでなくWebデザイナーやコーダーでも常識です。 静的なサイトであれば流れに沿ってインストールすれば十分なのですが、SSLをローカルでも利用できるようにするとなるとハードルがグンっ...
Web制作テクニック win10への強制アップデートでXampp（Apache）が起動しないトラブル発生！解決方法まとめ
先月ごろからWindows10へのアップデートが強制的にスケジューリングされるようになり、多くの人が被害を訴えています。 実際、私も被害を受けました。今までは通知されても閉じるボタンで回避していたんですが、いつからかそれだと駄目になっていた...
Web制作テクニック テーマ（カテゴリ）ごとにサイトを分けて実感した6つのメリット
テーマ（カテゴリ・ジャンル）ごとにサイト・ブログを分けるべきなのか？ それとも、１つのサイトにあらゆるテーマの記事を書くべきなのか悩んでいる人が多いと思います。 私もそうで、以前は１つのサイトにあらゆるテーマの記事を詰め込んでいたんですよね...
Web制作テクニック このデザインは本当に正しい？あなたは『商品が売れない Webデザイナー』ではありませんか？
あなたは、デザインする際「このデザインである理由」を論理的に説明出来なくてはならないことを既にご存知かと思います。 例えば、「なぜ、この部分は赤なのか？」、「なぜ、この書体なのか？」、「なぜ、このレイアウトなのか？」を論理的に説明出来なけれ...