Portfolio

制作実績

まだ実績は多くありません。実際に公開・運用している事例と、 自社ツール、それに制作サンプルをご覧いただけます。

miyabi0857.github.io/react-yosakoi-site
Case 01

よさこいチーム「ReAct!!」ホームページ

長崎県佐世保市・諫早市を拠点とするYOSAKOIチームのホームページ制作。活動報告・メンバー募集・演舞依頼の 受付までを1つのサイトにまとめました。

課題

チームの活動報告や演舞依頼の受付を、非エンジニアのメンバーでも自分たちで更新できるようにしたい。

成果

ブログ機能(検索・絞り込み対応)と、ログインして投稿・編集・削除ができる管理画面を構築。 Googleフォームによる入会・演舞依頼受付も統合しました。

工夫した点

管理画面はタイトル・日付・担当者名・本文・画像アップロードのみのシンプルな構成にし、 サーバー費用や保守の手間がかからない構成にしました。

Case 02

タスク管理ツール「はかどり」

小さなチーム向けのタスク管理ツールです。インストール不要・データを外に出さない構成で、 共有フォルダに置くだけで数人のチームで使えます。約9,000行のコードをすべて自分で設計・実装しました。 無料で配布しています。

はかどりのタスク一覧画面

課題

抱えている仕事の重さが件数では見えない。3件でも全部が数日がかりなら手は空かないのに、 その実態が数字にならず、改善のしようがなかった。

成果

タスクに「業務負荷」をHELP!/大/中/小の4段階で必ず付ける設計にし、 件数ではなく重さで抱えている量が見えるようにしました。リスト・カンバン・ ガント・優先度マップの4つの表示を用意しています。

工夫した点

クラウドを使わず、データを1つのファイルに収める構成にしました。 社外に出せない情報でも扱え、バックアップはファイルのコピーだけで済みます。

はかどりの紹介を見る
Sample

業種別の制作サンプル

実際のお店のページはご依頼主のものですので、そのまま見本としてお見せすることができません。 そこで、架空のお店を設定して、 どんなホームページになるかが分かるものを用意しました。 料金や電話番号を含め、掲載内容はすべて架空のものです。

hair & nail なぎさ堂のトップページ サロン(美容室・ネイル) hair & nail なぎさ堂 髪と指先をひとつの椅子で終えられるサロン、という設定。生成りの紙色で組み、 スクロールに合わせて時計の針が回り、施術の流れが進んでいきます。 サイトを開く トラットリア南風のトップページ 飲食店(イタリアン) トラットリア南風 手打ちパスタの食堂、という設定。料理写真を活かすため夜の色で組み、 スクロールに合わせて黒板に本日の品書きが書かれていきます。 サイトを開く ひなた加工所のトップページ 生産者・加工所 ひなた加工所 直売所の奥でジャムやピクルスを作る加工所、という設定。商品の色をそのまま配色にし、季節のボタンを押すと棚の中身が入れ替わります。 サイトを開く 盆栽屋 ひともとのトップページ 専門店(盆栽) 盆栽屋 ひともと 港町の路地の盆栽屋、という設定。スクロールすると暖簾をくぐって店に入り、贈る場面ごとに選ぶ一鉢が順に灯っていきます。 サイトを開く みなと看板工房のトップページ 職人・施工(看板) みなと看板工房 看板とカーラッピングの店、という設定。色の輪をくぐると壁一面にステッカーが貼られ、ドラッグではがして動かせます。 サイトを開く ひより塗装のトップページ 住まいの工事(塗装) ひより塗装 外壁・屋根の塗装店、という設定。色見本を押すと家の色が塗り替わり、3回塗りの断面と見積りの読み方まで図で説明します。 サイトを開く
お店の写真がまだ無くても作れます。 どれも、フリー素材の写真(CC0・Unsplash)と、こちらで描いた図版だけで作っています。 ご依頼後は、お持ちの写真に差し替えるか、撮り方からご相談いただけます。

実績はこれから増えていきます

Excelマクロについても対応可能ですが、現時点では公開できる実績がありません。 まずはご相談から、丁寧に進めさせていただきます。

依頼・お問い合わせ