サイト作成者より

 当サイトの作成者のやぬぬです。22歳のフリーターでプログラミング学習のアウトプット及び就職用のポートフォリオとしてこのサイトを作成しています。プログラミングスクールに通う予定でしたが、自粛期間が続く中、独学でやってみたら案外順調に学習が進んでいるのでこのまま続けることにしました。今年4月にウェブ開発の勉強を始めたばかりです。プログラミングに興味のある方や現在勉強中で情報交換したい方はぜひ声をかけてください。

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

 使用している技術

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

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

 開発環境

ローカル環境で使用しているサービス・ソフト一覧です。

HTMLVSCodeメインエディタ。マイクロソフトが開発したオープンソースのフリーエディタ。
HTMLBracketsサブエディタ。Adobeが開発したフリーエディタ。
HTMLGitバージョン管理ツール
HTMLSourceTreeバージョン管理ソフト
HTMLXserver契約しているレンタルサーバー
HTMLCyberduckFTPソフト
HTMLVagrant仮想マシン構築サービス
HTMLVirtualBox仮想マシン構築ソフト
HTMLMAMPローカル開発環境パッケージ

 バージョン履歴

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検定ゲーム機能を追加

 お問い合わせ

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