制作したもの

企画から制作・公開まで、 自分で取り組んでいるWebサイトやWebアプリを紹介しています。

Ekinori のトップページ

WEB / WordPress

Ekinori

北海道の駅やバス停をめぐり、写真とともに記録するWebサイトです。

WordPressで独自テーマを制作し、駅・バス停・路線などの情報を整理して掲載しています。

制作内容

企画 / サイト設計 / WordPress構築 / 独自テーマ制作 / 写真撮影

使用技術

WordPress / PHP / HTML / CSS / JavaScript / ACF

工夫した点

駅・バス停・路線など情報の種類が多いため、目的の情報を探しやすい構成を意識しました。写真を中心とした記録サイトとして、スマートフォンでも見やすいレイアウトにしています。

サイトを見る →
PHOTO SPOT LOG のスポット記録画面

APP / JavaScript

PHOTO SPOT LOG

写真撮影スポットを地図上に記録できるWebアプリです。

地図表示・スポット登録・カテゴリー分け・訪問記録などの機能を実装しています。

制作内容

企画 / UI設計 / HTML・CSS・JavaScript / 地図機能実装

使用技術

HTML / CSS / JavaScript / Leaflet / LocalStorage

工夫した点

撮影した場所を地図上で確認できるようにし、スポット情報や訪問記録を自分の端末に保存できる構成にしました。

アプリを見る →
乗車ノート の旅程メモ画面

APP / JavaScript

乗車ノート

鉄道の乗車記録を残し、自分だけの乗車履歴を整理できるWebアプリです。

乗車した路線や区間を記録し、これまでの鉄道利用を振り返ることができます。

制作内容

企画 / UI設計 / HTML・CSS・JavaScript / データ管理

使用技術

HTML / CSS / JavaScript / LocalStorage

工夫した点

鉄道に詳しくない人でも使い方が分かりやすいよう、入力項目を整理し、スマートフォンでも操作しやすいシンプルな画面構成にしています。

アプリを見る →
戸籍解読マスター の用語ページ

WEB / INFORMATION

戸籍解読マスター

戸籍に出てくる情報を整理し、初心者にも分かりやすくまとめたWebコンテンツです。

戸籍の種類や記載内容を整理し、必要な情報を確認しやすいように構成しています。

制作内容

企画 / 情報整理 / コンテンツ設計 / HTML・CSS・JavaScript

使用技術

HTML / CSS / JavaScript

工夫した点

戸籍に慣れていない人でも内容を確認できるよう、専門用語を整理し、項目ごとに段階的に理解できる構成を意識しました。

サイトを見る →

制作について

使用している技術や、これまでの経験について紹介しています。

Aboutを見る