MENU
  • プロフィール
  • サービス
    • 初回の無料相談
    • 単発レッスン
    • HP作成5回レッスン
  • 実績・お客さまの声
  • ブログ
  • お問合せ

    カテゴリー

    • デザインの整え方
    • WordPress入門
    • 無料ブログ活用・移行
    • ホームページの育て方
    • 実績・お客様の声
    • 自分らしい働き方・起業ノート
    • 技術ブログ

    タグ

    ChatGPTHTML/CSSSWELLおすすめWPプラグインアメブロエックスサーバーサーチコンソールセキュリティデザイン見本初回無料相談制作実績単発レッスン技術ブログへ移動継続レッスン

    アーカイブ

    • 2025年7月
    • 2025年6月
    • 2025年3月
    • 2025年1月
    • 2024年12月
    • 2024年3月
    • 2023年7月
    • 2023年1月
    • 2022年12月
    • 2022年11月
    • 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月
    個人事業主・女性起業家のためのWordPressレッスン
    自分で作れる優しいホームページレッスン
    • プロフィール
    • サービス
      • 初回の無料相談
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    • お問合せ
    自分で作れる優しいホームページレッスン
    • プロフィール
    • サービス
      • 初回の無料相談
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    • お問合せ
    1. ホーム
    2. 実績・お客様の声
    3. ポートフォリオサイト

    ポートフォリオサイト

    2025 7/13
    実績・お客様の声
    2021-09-172025-07-13

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

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

    制作背景

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

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

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

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

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

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

    GatsbyJSのメリット

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

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

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

    実績・お客様の声
    デザイン見本
    よかったらシェアしてね!
    中谷恵美
    システムエンジニア、ITコンサルタントを経て、フリーランスに。

    ・ホームページ作成
    ・ブログのカスタマイズ
    ・LINEやメルマガのセットアップ
    ・Canvaを使ったデザインの作り方
    ・Googleの分析ツール
    ・自分の強みを生かした集客
    などの、個人レッスンをしています。

    「仕事の発信に使えるようになりたい」
    「自分でも使えるスキルを身につけたい」
    ITが苦手な個人事業主さんに向けて、困ったときのWEB担当として幅広くサポートしています。

    趣味は、文房具、ゲーム(RPGとモンハン)、手芸(刺繍、洋裁)。最近は作曲やアレンジも勉強中。
    運動が苦手で体が硬いのが悩み。今年、腰痛改善にピラティスを始めたが、果たして続くのか。
    詳しいプロフィールを見る
    活動実績

    【HP個人レッスン】

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

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

    ●Sさま
    ・5日間で無料ブログからWordPressへのお引越し。
    「半ば諦めかけていた移管を短期間で終えることが出来ました」

    【ホームページ作成】

    ●これまでご依頼いただいたお客さま
    (個人)写真家・美容サロン・弁護士・デザイナー・心理カウンセラー・占い師

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

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

    【営業時間】平日:10:00~19:00
    【休業日】土、日、祝、年末年始

    人気記事
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
      2018-09-13
      無料ブログ活用・移行
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選
      2018-08-24
      無料ブログ活用・移行
    • 自分でできる。アメブロのおしゃれなカスタマイズまとめ
      2022-11-04
      無料ブログ活用・移行
    • ブログで使えるタイトル付き囲み枠のCSS
      2022-12-21
      無料ブログ活用・移行
    • 大人かわいいブログヘッダーの作り方
      2022-11-09
      デザインの整え方
    目次