Stella Design
[ ステラ デザイン ]
コーディング・
Webデザイン承ります。
使用技術一例
- レスポンシブデザイン
画面サイズに応じてデザイン・レイアウトが可変・最適化表示されます。
- 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フレームワークです。