詳細を見る

Webコーディング

【Web制作初学者必見】「静的ページ」と「動的ページ」を徹底解説！

こんにちは。Web it Worksの伊東です。 今回は、Web制作初学者向けに、静的ページと動的ページの違いについて解説します。 「静的ページ」と「動的ページ」の違いは？ データベースを使用しているかどうか Webサイト、Webサービスによく出てくる言葉として「静的（せいてき）ページ」「動的（どうてき）ページ」があります。 これらの説明を簡単に言うと データベースが必要なものが「動的ページ」 デ […]

詳細を見る

Webコーディング

Webサイトは「育てるもの」。5つの施策をご紹介！

こんにちは、Web it Worksの伊東です。 今回はWebサイトに対する考え方について一緒に考えていきましょう。 Webサイトは作って終わりではなく、育てていくもの。 今回は強靭なWebサイトにするための「育て方」についてご紹介します。 その1 : 「入り口の数」を増やす Webサイトに多くのページがあればあるほど、多くの人の目に触れる機会が増加します。 例えば世の中に1000個のWebページ […]

詳細を見る

Webコーディング

WordPressでも利用可能「Zipaddr」で住所入力の手間を大幅削減！

こんにちは、Web it Works の伊東です。 今回は住所自動入力 JavaScript ライブラリ「Zipaddr」についてご紹介します。 導入方法 headタグ内に以下のコードを利用して読み込みます。 詳しくは提供者のサイトから。 そして入力フォームにそれぞれ指定されたidを振ります。 郵便番号：zip 都道府県：pref 市区町村：city 地域：area 番地：addr 郵便番号を３桁 […]

詳細を見る

Webコーディング

スマートな文字感覚。「Yaku Han JP」で約物を半角に。

こんにちは、Web it Works の伊東です。 今回は「」や（）などの文字を半角にしてくれる「Yaku Han JP」についてご紹介します。 約物って何？ Wikipediaではこのように記されています。 約物（やくもの、英: punctuation mark）とは、言語の記述に使用する記述記号類の総称で、専らフォントなど組版を意識して使われる用語である。 具体的には、句読点・疑問符・括弧・ア […]

詳細を見る

Webコーディング

「Lighthouse（ライトハウス）」の各カテゴリについてご紹介！

こんにちは、Web it Works の伊東です。 今回は、Lighthouse 診断できるカテゴリについてひとつひとつご紹介します。 使い方に関しては以下でご紹介しているので、そちらをご覧ください！ https://webitworks.jp/web/how-to-use-lighthouse/ 診断できるカテゴリ 診断できるカテゴリは以下の五つ。 これらの各カテゴリを100点満点で評価してくれ […]

詳細を見る

Webコーディング

Webページ監査ツール「Lighthouse（ライトハウス）」の使い方

こんにちは、Web it Worksの伊東です。 今回は、Webページを診断できる「Lighthouse」についてご紹介します。 　 「Lighthouse」で診断する方法 Google Chromeの「検証モード」から まずは、Google Chrome の「検証モード」を開きましょう。 右クリックから「検証」、もしくは各デバイスのショートカットキーで開くことができます。 タブ「Lighthou […]

詳細を見る

Webコーディング

SEOに効果的なパンくずリストの作り方とその検証方法

こんにちは、Web it Worksの伊東です。 今回は、SEOに効果的なパンくずリストの作り方と検証方法について解説します。 WordPressで作りたい方は以下をご覧ください。 https://webitworks.jp/web/wp-breadcrumb-no-prugin/ そもそも「パンくずリスト」とは？ 「パンくずリスト」とは、Webサイトの閲覧者がサイトのどこにいるのかを視覚的にわか […]

詳細を見る

Webコーディング

WordPressの基本的な記事の投稿方法

こんにちは、Web it Worksの伊東です。 今回はWordPressの基本的な記事の投稿方法をご紹介いたします！ 　 WordPressの「管理画面」 WordPressには記事を投稿、編集、削除するための管理画面があります。 左側の項目には基本的に、 ダッシュボード 投稿 メディア 固定ページ コメント 外観 プラグイン ユーザー ツール 設定 の10つが始めに用意されています。 この項目 […]