【架空案件】木材会社WordPressサイトをデザイン&構築

投稿日 2021年7月3日
更新日 2025年4月30日
著者竹田奈央
カテゴリーフロントエンド開発

デザイン、コーディング、WordPress化を行いました。

現在は、XSERVERにてサイトを公開していますが、今後AWS環境で公開できれば良いなと思っています（現在AWS EC2/S3の勉強中）

木材会社WEBサイトをデザイン

URL：https://wp.takeda-no-nao.net/20210208/

目次

開発環境
参考にしたもの
- Photoshop・HTML・CSS
- WordPress
機能一覧

開発環境

[使用言語 / その他] HTML5・CSS3・jQuery・Bootstrap5・PHP / WordPress化
[作業PC / 作業エディター] Windows / Sublime Text 3
[ローカル開発環境] Local by Flywheel

参考にしたもの

Photoshop・HTML・CSS

udemyの講義「未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース」を参考にしました。その他専門学校時代の参考書など。

WordPress

たにぐちまこと様のudemy人気講義「WordPress開発マスター講座」に加え、フリーランスエンジニアのふるさんのyoutubeチャンネル「3分でLocal By Flywheelの使い方【ローカル環境構築】」を参考に作成しました。

機能一覧

素材サイトは、
・unsplash（orlovamaria様）
　の画像を使用させていただきました。

この記事を書いた人

竹田奈央

株式会社Solidverse取締役 / フリーランスエンジニア。
石川県出身、現在は東京を拠点にフルリモートで活動しています。

工学系の大学校を卒業後、Webエンジニアとして受託開発・自社サービス・上場企業案件など、さまざまな開発現場を経験してきました。

Nuxt・Laravelを中心に、フロントエンドからバックエンドまで幅広く対応しています。

「技術だけでなく、相談しやすさや進めやすさも大切にしたい」と考えており、丁寧なコミュニケーションを心がけています。
このブログでは、開発・キャリア・旅行などについて発信しています。

記事一覧

<?php

namespace Takeda\Nao;

class EngineerLife
{
    public string $name = '竹田奈央';
    public string $location = '石川→東京';
    public array $skills = [
        'backend' => ['PHP', 'MySQL', 'Laravel', 'Linux'],
        'frontend' => ['Vue.js', 'Nuxt.js', 'JavaScript'],
        'infra' => ['AWS', 'GCP', 'GitHub Actions'],
        'design' => ['Photoshop', 'Canva'],
        'tooling' => ['VSCode', 'Figma', 'ChatGPT'],
    ];
    
    public function introduce(): string
    {
        return <<<EOT
こんにちは、エンジニアやってます☺️
技術と日常のちょうど真ん中を記録するブログ「PHPerの日常」を運営中！

PHPを中心に、クラウド（AWS/GCP）やVue/Nuxtでの開発、時々Canvaでデザインもします！

初心者にもやさしく、でもちょっとディープな話も。
Gitの使い方から、API比較、フリーランスの日常まで書いてます〜！

これらの経験が、同じように困っているエンジニアの方々の参考になれば幸いです。ぜひゆっくりして行ってください！

EOT;
    }

    public function getPortfolioLink(): string
    {
        return 'https://takeda-no-nao.net/';
    }
}

$nao = new EngineerLife();

echo $nao->introduce();
echo PHP_EOL;
echo 'ポートフォリオはこちら → ' . $nao->getPortfolioLink();

// これを見て変なもの出ちゃってるぞ...大丈夫か！？と心配してくれた優しいあなた。仲良くなれそうです！ぜひ、Twitter か Linkedin で繋がって頂けると嬉しいです☺️笑
// @takeda_no_nao で検索〜！！