Warning: Use of undefined constant is_admin - assumed 'is_admin' (this will throw an Error in a future version of PHP) in /home/users/0/kakerupc2/web/ks-product.com/tech/wp-content/plugins/wp-custom-noindex-nofollow/includes/functions.php on line 3

Warning: Cannot modify header information - headers already sent by (output started at /home/users/0/kakerupc2/web/ks-product.com/tech/wp-content/plugins/wp-custom-noindex-nofollow/includes/functions.php:3) in /home/users/0/kakerupc2/web/ks-product.com/tech/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 62
コーディング | Webサイト制作の教科書

コーディング

Web制作テクニック

初心者HTMLコーダー、プログラマーの時短術。バグに悩んだら単純化して考えよう

Webコンテンツが広く浸透したことで、HTMLコーディングやJavaScriptやPHPなどのプログラミングのハードルがぐっと下がり、独学で学ぶ人が以前よりも増えたように感じます。 独学でもプロとして通用するレベルにまで成長することは可能で...
Web制作テクニック

PHPの文法が特殊過ぎて混乱している人が読むページ

何かと需要が高く、HTMLとの相性も良く、導入も簡単なPHPですが、初心者が混乱するポイントがあります。むしろ他言語に慣れ親しんだ人のほうが混乱するかも知れません。 それは『PHPコードの途中にHTMLを直接書けてしまう』という仕様です。と...
セールスコピーライティング

特にフロントエンドエンジニアが将来を真剣に考えるべきたった1つの理由

1つの仕事を一生続けていく事は困難だ。これはほとんどの職業に当てはまる。その中でもWeb業界は顕著だと思う。特にフロントエンドエンジニア、マークアップエンジニア、あるいはHTMLコーダーは覚悟しなければならない。 フロントエンドエンジニアの...
SEO(検索エンジン最適化)

なぜ『長い』という理由でページを分割してはいけないのか?

Webページ・サイトまたはブログなどを制作していると「だいぶページが長くなってしまったけど分割するべきかしないべきか・・・」という問題が出てくるかと思います。 結論から言ってしまうと『長さ』でページを分割するべきではありません。何故なら、ペ...
Web制作テクニック

更新作業の手間を大幅削減!jQueryプラグインSmartList

無駄な更新作業に時間を費やしていませんか? コーディングをしている人であれば以下のような横並びのリストを目にしたことがありますよね。いたって普通のリストです。 この時のソースコードは以下のようなイメージです。 <ul class="list...
Web制作テクニック

問い合わせフォームのセキュリティ対策は不要か?実はSSL対応はほとんど意味が無い件

情報漏えいを防ぐ為にセキュリティ対策は大切です。お問い合わせフォームにもSSL(TLS)対応しているケースが一般的ですが実は意味がないかもしれないことをご存知ですか?
Web制作テクニック

余計な記述無しで要素の高さを揃えるjQueryプラグインSmartHeightLineを公開しました。

HTMLやCSSだけでは実現が難しいレイアウトってありますよね。特定要素に高さを揃えることもその一つ。この問題をスマートに解決できるjQueryプラグインを公開しましたので是非お役立てください。
Web制作テクニック

W3C HTMLバリデータによる構文チェックは必要性はほぼ無いことが分かった

HTMLコーダー、マークアップエンジニアおよびWebデザイナーの方々は一度は「W3C HTML Validator」を使用し、HTMLの構文・文法に誤りが無いかチェックをしたことがあるはずです。 しかし、この構文チェックにこだわり過ぎるのは...
Web制作テクニック

【おすすめ】JavaScript・HTML5などがマンツーマンで学べるオンラインプログラミングスクールCodeCampの特徴・利点

PC(パソコン)やスマートフォンを使っていて「便利だけどちょっと使いにくいな・・・」と思ったことはありませんか?実はそれ、プログラミングを学習すれば解決できます。 「プログラミングなんて一般人に無理でしょ?」と思うかもしれません。しかし、意...
Web制作テクニック

【入門】JavaScript初心者が基礎を身につける為に読むべき記事まとめ+α、JavaScript講座の紹介もあります

ブログの記事数もだいぶ増えてきたので情報を整理するという意味でも入門向けJavaScript(JS)関連の記事をまとめてみようと思います。合わせてJavaScript初心者が基礎知識を高める為に有用なお勧めの書籍も紹介します。※現時点では当...
Web制作テクニック

HTMLにGoogleマップを埋め込む際、正常に表示されない不具合の対処法

仕事でコーポレートサイトなどを作成していると企業情報ページにGoogleマップを埋め込む機会が多いかと思います。 HTMLとCSSだけで制作したサイトであればまず無いのですが、JS(JavaScript)を駆使したサイトを制作しているとGo...
Web制作テクニック

HTMLのid属性とclass属性の正しい使用方法を教えます

HTMLの基本的文法に慣れてくると今度はCSSを活用し、デザインに凝りたくなるものです。 そこで登場するのがHTMLのid属性とclass属性です。これらの属性を指定することでHTMLとCSSを関連付けることができるのはご存知ですよね。知ら...
Web制作テクニック

初心者必見!必要なタグはたったこれだけ!HTML超入門!

「誰もが最初は初心者だった」ということで多少はニーズがあるかと思い今回はHTMLネタです。これからHTMLの勉強を始めたい人向けの内容となっております。このブログをはじめた当初にHTML関係の記事を投稿していたので(連載するつもりが1回で終...
Web制作テクニック

値渡しと参照渡しを知りプログラムの挙動を正しく把握しよう【JavaScript入門】

以前、JavaScriptの基礎知識として関数に関する記事を書きましたが、関数を作成するにあたって知っておいたほうが良い知識に値渡しと参照渡しがあります。 値渡しと参照渡しとは関数への引数の渡し方に関する用語です。 この記事を理解するには関...
Web制作テクニック

膨大なデータの管理に便利!配列とオブジェクトを学ぼう!【JavaScript入門】

過去の記事でJavaScriptの基礎知識として色々と取り上げていきましたが、今回は配列とオブジェクトを取り上げようと思います。これらは知らなくてもプログラムは書けますが、知っているかどうかで作業効率大幅に変わります。 配列とは 配列とは複...
Web制作テクニック

JavaScriptの勉強を始める際まず知っておきたい3つの知識

学生やWebデザイナーの方でこれからJavaScriptやjQueryを始めたいという方は多いかと思います。いざ入門書などで変数や関数などを勉強しようにも、それ以前の箇所でつまづいてしまうという方もいるかも知れません。 そこで今回は本格的に...
Web制作テクニック

BrowserStackというサービスが便利で凄い!という記事を書いた結果www

Webデザインをするにあたり各環境でのブラウザの動作検証は欠かせないものです。しかし、様々な環境で動作検証をするためには複数台のPCやOSが必要になるためそれなりの費用がかかります。 AdobeがBrowserLabというブラウザ動作検証サ...
Web制作テクニック

膨大な処理をサクッと処理!繰り返し(ループ)構文(while文、for文)とは?【JavaScript入門】

今回は繰り返し(ループ)構文を解説します。繰り返し構文を使うことで手動では行えない膨大な処理が可能になります。繰り返し構文にはwhile文とfor文があり、いずれも条件を満たす間のみ繰り返し処理されます。 while文とは while文の構...
Web制作テクニック

柔軟な処理を実現!条件分岐(if文、switch文)とは?【JavaScript入門】

関数に続き今回は条件分岐です。条件分岐とはその名の通り条件に応じて処理を分岐することをいいます。条件分岐にはif文とswitch文があります。 if文とは if文は特定の条件を満たす場合のみに処理を実行したい場合に使用します。条件式に使用す...
Web制作テクニック

プログラムを簡潔にする、関数とは?【JavaScript入門】

先日の記事から少し時間が空いてしまいましたが、今回は関数を取り上げようと思います。 関数を理解することで簡潔で再利用性の高いプログラムを書くことが可能になります。 関数とは ある特定の処理をひとまとめにしたものを関数といいます。 まずは前回...