サイト作成者より

 当サイトの作成者の小柳吉樹です。現在22歳で、塾講師のアルバイトをしています。プログラミング学習のアウトプットとしてこのサイトを作成しています。デザインが好きなので特にフロンドエンドに興味があります。プログラミングに興味のある方や現在勉強中で情報交換したい方はぜひ声をかけてください。

 Twitterはこちら Githubはこちら(当サイトのソースコードを公開中)

 これまでのプロジェクト

今までに作成してきたプログラミング・デザイン関係での作品です。

iOSアプリ 初めてのプログラミングは趣味のジャグリング関係のアプリを作りました。1年間AppStoreに登録されました。現在はライセンス更新が切れてダウンロードができません。左のリンクから、皿回し世界チャンピオンの「まさやん」さん  にアプリを使っていただいた動画が見られます。
ホームページ オフ会で知り合った、西村博之さんのモノマネをしているYouTuber「西村ひろゆかない」さんからの依頼で公式サイトを作りました。HTMLとCSSで一からコーディングして作成した静的なホームページです。段階的に機能を拡充しています。
サムネイル、アイコン等         西村ひろゆかないのYoutubeやTwitterのアイコン、動画の編集やサムネイル作成を手掛けました。詳しくは左のリンクの記事にまとめています。
LINEスタンプ 西村ひろゆかないのLINEスタンプを作成しました。1000人以上の方に購入していただきました。トータルの売り上げは5万円を超えました。
ミニゲーム JavaScriptでスロットゲームと三択クイズゲームを作りました。自動的に得点とハッシュタグを載せてツイートできる機能をつけました。
ECサイト オリジナルショップ開設のためにBASEというECサービスを利用しました。サイトのデザイン編集ページからHTMLカスタマイズをして公式HPのデザインと統一感を持たせました。
お問い合わせフォーム 一度はPHPを導入しましたが、利便性を検討した結果、JavaScriptによるメールアプリ立ち上げ機能に置き換えました。
アンケートフォーム 名前やメールアドレスなど個人情報を扱うので信頼性の高いGoogleFormをHTMLページに埋め込む形で実現しました。
匿名掲示板 フロントエンドにReact、バックエンドにFirebaseを使用して必要最低限の機能の匿名掲示板を作成しました。リリース初日から200件以上の書き込みがありました。ユーザーの反応を見ながら順次機能を追加していく予定です。

 使用している技術

このサイトを開発するのに使用している言語・フレームワーク・ツールの一覧です。

HTMLHTMLウェブサイトのテキスト情報やページ構成を設計。
HTMLCSSデザインやレイアウト、閲覧端末ごとの対応。
SassSassCSSのメタ言語。CSSを効率的に記述できる。
HTMLFont Awesome  などの各サービスアイコンの表示。
HTMLBootstrapCSSライブラリ。レスポンシブ対応の補助。
HTMLJavaScriptミニゲーム設計、メールアプリの立ち上げ機能などを実装。
HTMLTypeScript古いブラウザに対応するために導入。
HTMLjQueryJavaScriptライブラリ。ハンバーガーメニューなどの機能を実装。
HTMLchart.jsJavaScriptライブラリ。チャンネル登録者数の折れ線グラフの表示。
HTMLSwiper Sliderトップページの画像スライダー機能に使用。
HTMLGoogle Analyticsサイトのアクセス解析に使用。
HTMLFirebaseGoogleのmBaaS。匿名掲示板「ゆかない組」のバックエンドに使用。
HTMLReactJavaScriptライブラリ。匿名掲示板「ゆかない組」のフロントエンドに使用。

 バージョン履歴

2020.05.22Ver 1.0サイトを公開
2020.05.23Ver 1.1GoogleAnalyticsと連携
2020.05.31Ver 1.2Bootstrapを導入 レスポンシブ強化
2020.06.06Ver 1.3ハンバーガーメニューを実装
2020.06.07Ver 1.4トップへ戻るボタンを追加
2020.06.10Ver 1.5メール立ち上げ機能を追加
2020.08.03Ver 1.6スロットゲーム機能を追加
2020.08.05Ver 1.7検定ゲーム機能を追加
2020.10.02Ver 1.8イベントページを追加
2020.10.20Ver 1.9掲示板機能を追加

 お問い合わせ

 当サイトのご感想や要望、追加機能のアドバイス、改善点のご指摘などいただけたら嬉しいです。