使用技術一例

• レスポンシブデザイン

  画面サイズに応じてデザイン・レイアウトが可変・最適化表示されます。

• CSS設計

  堅牢性、保守性、再利用性などを高めるため、ルールに従ってコーディングします。これができていると、デザイン変更に強く、レイアウトが崩れることが激減します。

• SEO対策

  メタタグや内部リンク、構造化マークアップやページの速度、コンテンツそのものなどをルールに沿って作ります。

• 構造化マークアップ

  HTMLのセクショニングコンテンツを使って構造化します。SEOの基本です。

• メタ要素設定

  ページごとにtitle, dDescription, canonicalなどを設定しSEOに活用します。

• XMLサイトマップ

  サイト内に存在するページを集約し、検索エンジンに伝える機能です。これによりクローリングがスムーズになります。

• サイト内リンク

  Webサイトの評価を高めるための試作です。設計段階で意図しながら組み込みます。

• WordPress

  世界シェアNo.1CMS。豊富なプラグインで様々な機能追加できるのが魅力。ただし運用・保守を継続する必要あり。静的サイトに移行も視野に入れて。

• 静的サイト生成

  WordPressを入れたけど思ったより活用していない？それなら静的サイト（ジャムスタック）の方がメリットがあるかもしれません。

• ヘッドレスCMS

  静的サイトにCMS機能を追加できます。WebサイトとCMS機能を切り離した構成にできるので、ページ表示が速くセキュリティも強くなります。

• コーディング

  文章の流れで意味が異なる場合がありますが、このサイトではHTML、CSS、JavaScriptを書くことを意味して使っています。あんがい難しいのです。

• HTML Living Standard

  HTMLは昔からバージョンアップが繰返され、そ機能が追加されています。現在の最新バージョンの呼び名が"リビングスタンダート"です。

• Vue.js / Nuxt.js

  当サイトで主に開発に利用しているJavaScriptフレームワークです。