MENU
  • プロフィールprofile
  • サービスService
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact

カテゴリー

  • WordPressの基本
  • Web活用相談
  • ホームページ制作
  • ブログ運営
  • おしゃれデザインの作り方
  • ビジネスのヒント
  • WordPressカスタマイズ
  • Web制作スキルアップ
  • アイデア・思考の整理

タグ

Adobe Illustrator Gatsby.js git GitHub HTML/CSS MySQL Node.js Python Sourcetree SWELL WordPress おすすめWPプラグイン おすすめツール エックスサーバー サーチコンソール セキュリティ バレットジャーナル 環境構築 確定申告 開発環境

アーカイブ

  • 2022年8月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2020年10月
  • 2020年8月
  • 2020年7月
  • 2020年6月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年11月
  • 2019年9月
  • 2019年8月
  • 2019年5月
  • 2019年2月
  • 2019年1月
  • 2018年11月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2017年10月
  • 2017年9月
  • 2017年7月
あなたのお仕事を育てるホームページ作成・Web活用
ゼロの森
  • プロフィールprofile
  • サービスService
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact
ゼロの森
  • プロフィールprofile
  • サービスService
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact
  1. ホーム
  2. 実績・お客様の声
  3. ホームページ制作
  4. ポートフォリオサイト

ポートフォリオサイト

2022 8/14
ホームページ制作
2021-09-17 2022-08-14

GatsbyJSでポートフォリオサイトを制作しました。
※現在は当ブログに統合しています。

タイトルポートフォリオサイト
制作年月2021年9月
技術仕様GatsbyJS
対象範囲企画・デザイン・コーディング
URLhttps://portfolio.0forest.com/
目次

制作背景

WordPressなどのCMSは多くのコンテンツを手軽に管理できるメリットがある一方で、

動的にページ生成するために表示スピードが遅くなる、

データベースやサーバーを保持する必要がある、

CMSをこまめにアップデートする必要がある、

などのデメリットもあります。

GatsbyJSは、React.jsをベースとした静的サイトジェネレーターの一種で、超高速なホームページを作ることができます。

GatsbyJSのメリット

  • 多くの画像を掲載しても、ストレスなく閲覧できる
  • マークダウン形式で書ける
  • 管理画面なしで、テキストエディタで記事を書ける
  • ページの変更履歴を残せる

おかげで、プロジェクトの合間に、効率的にポートフォリオを更新したいとできるようになりました。

CMSやデータベースと接続してページを表示させることもできるので、今後のホームページ制作でも活用ができそうです。

ホームページ制作
よかったらシェアしてね!
  • 株式会社 松寛アソシエイツさま
  • 架空サイト制作:ネイルサロン

関連記事

  • 株式会社 ビードゥー様 (BeDoh Corporation)
    2022-04-11
  • 架空サイト制作:パーソナルスタイリストのHP
    2021-09-25
  • 架空サイト制作:ネイルサロン
    2021-09-24
  • 株式会社 松寛アソシエイツさま
    2021-08-31
  • ハワイアンヒーリングサロン Pualeiさま
    2019-01-19
  • Visual Branding Photoさま
    2018-08-02
  • WordPressブログサイト
    2017-09-03
  • Horoscope Heart & Momstrologyさま
    2017-07-24
中谷恵美
あなたのお仕事を育てるホームページの先生
システムエンジニア、ITコンサルタントを経て、フリーランスに。
ITが苦手な女性の個人事業主さんにホームページ作成・集客・Web活用をトータルでサポートしています。

仕事の戦略、ホームページの作成やWebツールの整理、操作の疑問など、さまざまなお困りごとにお答えします。
詳しいプロフィールを見る
活動実績

【HP個人レッスン】

●ハワイアン伝統ロミロミサロン・Aさま
・2ヶ月でサロンのHPをリニューアル。新サービス立上げ時も自分でHPを作成できるように。
「最初はパソコン音痴の私にできるか不安でしたが、とても丁寧な指導でわかりやすかったです。
私好みの素敵なHPができあがり、とっても嬉しいです!」

●Mさま
・2回のミーティングでWordPress運営スキルを習得。オウンメディアを立上げ。

 

【ホームページ作成】

●これまでご依頼いただいたお客さま
(個人)写真家・サロン・カウンセラー・占い師

(法人)メーカー代理販売店、コンサルティング企業、人事支援企業

【経歴・資格など】
・基本情報技術者
・簿記2級

新着記事
  • 【お客様の声】フワッとした質問に対しても具体的に教えてくれます。
    2022-08-14
    Web活用相談
  • 株式会社 ビードゥー様 (BeDoh Corporation)
    2022-04-11
    ホームページ制作
  • 【2022年版】Smash Balloon Social Photo Feedの使い方〜インスタグラムを表示できるプラグイン〜
    2022-03-25
    WordPressの基本
  • AIが自動で文字起こし!「Notta」で議事録、原稿作成、勉強を効率的に!
    2022-03-11
    ビジネスのヒント
  • 2021年の確定申告は、スマホで申告!
    2022-02-16
    ビジネスのヒント
人気記事
  • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
    2018-09-13
    Web制作スキルアップ
  • 【Mac】SourcetreeからGitHubへSSH接続する
    2021-08-05
    Web制作スキルアップ
  • CSSとJavaScriptで作るハンバーガーメニュー
    2020-07-25
    Web制作スキルアップ
  • Node.js+ExpressでMySQLに接続して一覧表示する
    2020-04-25
    Web制作スキルアップ
  • デザインのドリルで30個トレースして学んだこと
    2020-08-20
    おしゃれデザインの作り方
メニュー
  • プロフィール
  • サービス
    • IT苦手でも大丈夫!
      ホームページ作成個人レッスン
    • 起業女性の悩みに寄り添う
      WEB活用の個別相談
  • 実績・お客さまの声
  • ブログ
  • お問合せ
カテゴリー
  • 実績・お客様の声 (10)
    • Web活用相談 (1)
    • ホームページ制作 (9)
  • WEB・SNS集客 (1)
    • ブログ運営 (1)
  • はじめてのホームページ作り方 (12)
    • WordPressの基本 (12)
  • おしゃれデザインの作り方 (6)
  • ビジネスのヒント (8)
  • Web制作スキルアップ (39)
    • WordPressカスタマイズ (12)
  • アイデア・思考の整理 (2)
タグ
Adobe Illustrator (2) Gatsby.js (3) git (3) GitHub (1) HTML/CSS (7) MySQL (2) Node.js (2) Python (2) Sourcetree (2) SWELL (1) WordPress (28) おすすめWPプラグイン (7) おすすめツール (3) エックスサーバー (4) サーチコンソール (1) セキュリティ (3) バレットジャーナル (2) 環境構築 (1) 確定申告 (1) 開発環境 (3)
  • サイトマップ
  • プライバシーポリシー
  • 特定商取引法に基づく表記

© Zero*forest

目次