ホームページ作成 新着記事一覧

SSL証明書を取得して、自サイトを常時HTTPSでアクセスできるようにする方法を解説。現在のChromeでは、HTTPで通信するだけで「保護されていない通信」と警告が表示されます。HTTPとHTTPSの違いから、常時SSL化のための.htaccessファイルの書き方まで、基礎を簡単にご紹介。Let's EncryptでSSL証明書を取得すれば無料でHTTPS化できます。

迷惑メールを防止する7種類のスパム対策方法を解説。ホームページにメールアドレスを掲載すると、大量の迷惑メール(スパムメール)が届くようになってしまいます。メールアドレスを公開しつつも、メールアドレスの自動収集プログラムに収集されるのを防ぐ対策方法をご紹介。

テキスト入力欄に対して、JavaScriptを使わずにHTMLだけで入力制限をする書き方から、JavaScriptを使って細かく入力チェックをする方法までを解説。メールアドレスや日付のように入力文字数や文字種を制限したいフォームでは、リアルタイムにエラー表示できると便利。正規表現などを使う入力チェックの書き方をサンプルと共にご紹介。

ブラウザ上で右クリックした際に表示されるメニュー(コンテキストメニュー)の表示を禁止したり、コピー操作を無効化したり、その際に警告を表示したりする方法はとても簡単です。しかし、その禁止や無効化を解除(回避)する方法もとても簡単です。右クリックやコピーを禁止するHTML＋JavaScriptの書き方と、その解除方法の両方を解説。

レスポンシブWebデザインとは、ユーザの画面サイズやブラウザのウインドウサイズに応じて適用CSSを分けることで、閲覧環境に合ったデザイン・レイアウトでウェブページを表示するデザイン方法のことです。レスポンシブWebデザインのメリットやデメリットなどの基本から、CSSソースのサンプル、簡単に作れるフレームワークやテンプレートを紹介。

CSSで左寄せ・中央寄せ・右寄せする方法を解説。同一行内に左寄せと右寄せを共存させたり、左寄せ・中央寄せ・右寄せ全部を同じ行に共存させることもできます。1行の文字寄せ方向の指定ならtext-alignプロパティを使うだけ。複数の文字寄せの共存もfloatプロパティを使うなど少しの工夫で実現できます。

代表的なホームページの作り方4通りのメリットとデメリットを初心者にも分かりやすく紹介。初めてウェブサイトを作成するなら、簡単かつあまり費用をかけずに(できれば無料で)作りたいですよね。それぞれの作成方法を、必要スキル、費用、準備の手間、自由度などの各点で比較して解説。自身のスキルや目的に合わせて作り方を選んでみて下さい。

ウェブページのデザインをモバイルファーストで作る際のCSSソースの書き方を解説。スマートフォンに最適化したシンプルなCSSを「共通デザイン」として先に記述しておき、後から「タブレット向けの差分デザイン」や「PC向けの差分デザイン」を付け足していくモバイルファーストな書き方なら、CSSソースの総量を減らしやすく、更新の手間も少なくて済みます。

短縮URL生成サービスのおすすめと、短縮URLを自分の独自ドメインで作成する方法をご紹介。外部の短縮URL生成サービスは手軽に利用できて便利ですが、デメリットもあります。転送の仕組みやフリーのツールを使えば、自サイト専用の短縮URLも無料で用意できます。短縮URLの解析サービスも使うと転送先が安全かどうかを調べられます。URLを短くする3通りの方法を詳しく解説。

JavaScriptで乱数を生成することで、画像リストの中からランダムに1つの画像を表示する方法を解説。アクセス者がページを閲覧するたびに画像を切り替えて表示できます。乱数を使ってランダムに画像を表示すると言っても、記述するJavaScriptソースはほんの数行だけなので簡単に作れます。