
宝石の中で一番多彩な色を持つといわれているトルマリンのように
バリエーションに富んだデザインをご提案いたします
宝石の中で一番多彩な色を持つといわれているトルマリンのようにバリエーションに富んだデザインをご提案いたします
[2023年~2025年 制作・更新]
[2022年以前 個人制作]
全体:約300ページ
Laravel(PHPのフレームワーク)を軸にサイト設計
更新頻度の高い箇所(お知らせ、トピックス)は、WordPressを導入
| サイト規模 | 約300ページ | |
|---|---|---|
| フレームワーク | Laravel | |
| 基本のコーディング | HTML5 | CSS3 |
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | CSS3、JavaScript | |
| CMS | WordPress(更新頻度の高い箇所のみ導入) | |
| 開発バージョン管理 | Git、Bitbucket、SourceTree | |
| 制作期間 | 2023年5月~10月末 チーム全員の制作は約2ヶ月間 | |
全体:約1,000ページ以上
FileMakerと連携してデーターベースを管理
| サイト規模 | 約1,000ページ以上 | |
|---|---|---|
| データーベース管理 | FileMaker | |
| 基本のコーディング | HTML5 | CSS3 |
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | CSS3、JavaScript | |
| 開発バージョン管理 | Git、Bitbucket、SourceTree | |
| 更新・運用期間 | 2022年11月~2025年4月 | |
代表サイト+7校 合計:約200ページ
WordPressをベースに、通常のHTMLとCSSでコーディング
| サイト規模 | 代表サイト+7校 合計:約200ページ | |
|---|---|---|
| 基本のコーディング | HTML5 | CSS3 |
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | CSS3、JavaScript | |
| CMS | WordPress | |
| 開発バージョン管理 | Git、Bitbucket、SourceTree | |
| 制作期間 | 2024年4月~6月 代表サイト+東京3校 2024年7月~8月 九州4校 追加 2025年1月~3月 多言語の翻訳機能を導入 | |
全体:約30ページ
WordPressをベースに、通常のHTMLとCSSでコーディング
| サイト規模 | 約30ページ | |
|---|---|---|
| 基本のコーディング | HTML5 | CSS3 |
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | CSS3、JavaScript | |
| CMS | WordPress | |
| 開発バージョン管理 | Git、Bitbucket、SourceTree | |
| 制作期間 | 2025年2月~3月 | |
実存のオーダーメイド靴工房様へ取材・ヒアリングを行い制作したサイトです。
※店名は仮名「OZ(オズ)」として紹介いたします。
| 基本のコーディング | HTML5 | CSS3 |
|---|---|---|
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | CSS3 | |
グランドフィラーノというタイYAMAHA製のバイクの取扱説明書です。逆輸入車のため日本語の説明書がなく、こんなサイトがあったらいいなという思いでつくりました。
| 基本のコーディング | HTML5 | CSS3 |
|---|---|---|
| 使用スクリプト | JavaScript | |
| レスポンシブの手法 | CSS3 | |
※メーカー様のご迷惑にならないように一般非公開にしています。お手数ですが、 下記の「ID/パスワード」にてご入場をおねがいいたします。
(ID: kakunin /パスワード:ck2025)架空の紅茶メーカーのサイトです。背景色(赤茶色)は紅茶の茶葉をイメージしたもので、クラシックな雰囲気に仕上げました。
| 基本のコーディング | HTML5 | CSS3 |
|---|---|---|
| 使用スクリプト | JavaScript | |
| レスポンシブの手法 | Bootstrap | |
架空の紅茶店を想定したショッピングサイトです。
PHPを学び、指導を受けながら、「会員登録/ログイン」「買物カート」「購入履歴」などの各機能を構築しました。
| 基本のコーディング | HTML5 | CSS3 |
|---|---|---|
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | Bootstrap | |
フィレンツェが誇る世界遺産の数々や、美術館、グルメ・お土産などの観光情報を案内するサイトです。
| 基本のコーディング | HTML5 | CSS3 |
|---|---|---|
| 使用スクリプト | JavaScript | |
| レスポンシブの手法 | CSS3 | |
2018-2021年に勤務していた会社が、在職中の2019年に社名変更になりました。
会社ロゴ、および、公式サイトの新規制作を担当いたしました。
| 基本のコーディング | HTML5 | CSS3 |
|---|---|---|
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | Bootstrap | |
架空のWeb系制作会社のサイトです。実際のお仕事を想像しながら、2つの大まかな制作プランとオプション、制作の流れなどを想像で制作いたしました。
| 基本のコーディング | XHTML 1.0 | CSS |
|---|---|---|
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | なし(PC版のみ) | |
2016-2017年に通っていた料理教室で覚えた料理の紹介ページです。
| 基本のコーディング | XHTML 1.0 | CSS |
|---|---|---|
| 使用スクリプト | JavaScript | PHP |
| レスポンシブの手法 | なし(PC版のみ) | |