ポートフォリオ
こちらのページでは僕のポートフォリオをまとめて紹介しています。
「作ろうと思った理由」「苦労した点」「学べたこと」もさっと読めるように簡単にまとめています。
各ポートフォリオのGithubのリンク
ぼちぼち勇者【AppleStoreにリリース中】
- 概要：アクションゲーム
- 作成時間：約1ヶ月（約150時間）
- 公開日：2020年4月
- 使用した言語など：「C#」「Unity」
- 公開URL：こちら
- GitHub：非公開（有料アセットを公開できないため）
- その他：自身初となるアプリの作成＆リリースを経験できた。
「ぼちぼち勇者」は僕がプログラミングを学習してから初めて作ったアプリです。
現在AppleStoreにて公開中。
何とかAppleStoreに公開出来たことによって「自分でもゲームが作れるんだ！」と大きな自信に繋がったのが一番大きかったです。
たぶん、この成功体験がないと今頃挫折していたと思います。笑
【作ろうと思った理由】
アクションゲームが好きで、ある程度作りたいゲームのイメージが出来ていたから。
【苦労したこと】
ゲーム開発自体はスムーズに進み、特に不明点はなかった。ただ、AppleStoreに公開するまでの環境周りでエラーがよく出たので、そこが大変だった。
【学べたこと】
技術的な部分よりもググる（検索）することの重要性が理解できた。「プログラミングは暗記力よりも検索力が大切」と言われてる意味を理解できた。
カタローヤ【掲示板アプリ】
- 概要：Web掲示板アプリ
- 制作時間：100時間ほど
- 公開日：2020年10月
- 使用言語：HTML/CSS・SCSS・JavaScript・jQuery・PHP
- フレームワーク：Laravel・Boostrap
- 公開URL：https://kataroya.work/
- GitHub：こちら（別タブで開きます）
- その他：ドメインを取得して公開した初アプリ
こちらは現在最も最新のアプリです。
ajaxを使ったり、notificationを使ってみたり、モーダルウィンドウを使用してみたり、画像のアップロード方法を工夫してみたりと、今まで着手していなかった点にも手をつけてみました。
【作ろうと思った理由】
PHP/Laravelのスキルアップのため。
【苦労したこと】
一番苦労したのはローカルから本番環境に移すところ。gitからxserverにアップしようとしたのですが、上手くいかずに苦労しました。
【学べたこと】
ajax、notification、モーダルウィンドウなど
changelife【当ブログ】
- 概要：当ブログ
- 制作時間：500時間ほど（記事執筆時間 他）
- 開設日：2019年10月
- 記事数：約160本
- テーマ：自作テーマ「White X」を使用→現在は「JIN」
- 公開URL：https://shiro-changelife.com
1つ目のポートフォリオは当ブログ「changelife」です。
現在は130記事ほど執筆し、収益は月1万円前後というところ。
これからも引き続き、記事を更新してドメインパワーを上げていきます。
【作ろうと思った理由】
情報発信をしつつ、稼ぎたかった。また、稼げなくても自分の記録になるので価値があると思ったから。
【苦労したこと】
現在進行形で記事の順位を上げること。以前作った匿名ブログは1位記事10本ほど、10以内に30本ほどあるのに、、、
【学べたこと】
SEO,Webライティング,Webマーケティング,アクセス解析スキル,HTML/CSS,Wordpress などのスキル・知識が一通り身についた。
White X【Wordpressテーマ】
- 概要：自作のWordpressテーマ（現在使用していません。）
- 制作時間：約２週（100時間ほど）
- 作成日：2020年6月
- 使用した言語：「HTML/CSS」「JavaScript」「jQuery」「PHP」「Boostrap」
- GitHub：こちら（別タブで開きます）
続いては当ブログ「changelife」で使用しているテーマ「White X」です。
SEO的にペナルティを食らったりしないようにし、パンくずリスト以外のSEO最適化は一通り済ませてあります。
【作ろうと思った理由】
自作テーマで検索順位上位を取れれば自己ブランディングに成ると考えたため。
【苦労したこと】
カスタマイザーの追加項目などWordPress特有の関数を利用して、Wordpressに独自の設定項目を追加する部分がてこずりました。
【学べたこと】
WordPress独自関数の利用方法、SEO知識など。
Promatch【プログラミング学習者向けマッチングアプリ】
- 概要：マッチングwebアプリ
- 作成時間：約1ヶ月（約150時間）
- 公開日：2020年5月
- 使用した言語など：「HTML/CSS」「JavaScript」「PHP」「Laravel」「Boostrap」「jQuery」
- 公開URL：https://shiro-portfolio.netlify.app/
- GitHub：こちら（別タブで開きます）
- その他：初のWebアプリ。
「Promatch」は僕が初めて作ったWebアプリです。
ただ、Herokuだと僕が書いたコードでは画像の表示が上手く出来ず、そのままにしています。笑
本当なら直すべきですが、公開してからクオリティの低さに驚き手をつけれずにいます、、、いずれ直そう。
【作ろうと思った理由】
プログラミング仲間を作ろうと思った時に専用のコミュニティがあると便利だと感じたため。
【苦労したこと】
多対多のテーブルの理解に苦労して、相互フォローの真偽判定などに少し手間取った。それ以外は問題なく実装できた。
【学べたこと】
ワイヤーフレームの作成からテーブル設計、MVCなどWebアプリに必要な知識前半が学べた。
その他の制作物
ここからはそこまで手間はかかっていないけど、自分のスキルアップに繋がった制作物やちょっとした機能を紹介していきます。
アニメーションサイト
かなり初期の頃に作ってみたサイトです。今見ると何やってたんだろうって感じます…笑
https://animation-site.netlify.app/
ポートフォリオサイト
最初はこちらにポートフォリオをまとめようかと考えていたのですが、ブログの方が簡単なので結局使わなくなりました。
https://shiro-portfolio.netlify.app/
タスクRPG（Laravelで作成したWebアプリ）
完成したアプリの動画は下記ツイートよりご覧ください。
以前、作ったタスクゲーム。
— シロウ@月5万ブロガー (@shiro_life0) August 17, 2020
タスクを完了したらレベルアップして、タスクに失敗したらレベルダウンして、スキルポイントでスキル獲得してバトルしてって感じのゲームです。
面白いかなーと思って１週間ぐらいで作ってみたのですが、いざ完成したら駄作だと気づき公開せずに終わりました。笑 pic.twitter.com/XgapA6dKKK
こちらはサーバーにアップしようと思ったけど、完成が近くにつれてくだらないアプリだと気づいたので、ボツにした作品です。笑
タスクを登録して、制限時間以内にクリアしたらレベルアップ、失敗したらレベルダウン。
他にもスキルポイントでスキルを身につけたりすることで、バトルで勝ちやすくなったり、ランキング機能を実装しています。
このアプリを作ったことでかなりLaravelについて深く学べました。
リアルタイム通信機能
Pusherを使ってのリアルタイム通信機能を実装したこともあります。
意外と簡単でした。
ショッピングサイト
ショッピングサイトのチュートリアルがとりあえず終わりましたー！
— シロウ@月5万ブロガー (@shiro_life0) August 30, 2020
個人ブログの記事を参考にしつつ、作ったので少し記事内にコードのミスがあったりしましたが、特に難しいところはなく無事終了☺️
ただ、電子決済機能がないので、他のアプリで挑戦しますw#駆け出しエンジニアと繋がりたい pic.twitter.com/OVIuwHqj1B
チュートリアル記事をみながら作ったショッピングサイトです。
さっと6時間ぐらいで完成させましたが、コードの分離方法とかに詳しくなりました。
メタボリックなコードにならないようにしないとですね、、、笑
電子決済機能
https://twitter.com/shiro_life0/status/1298778736733515776?s=20
単発の決済機能とかも導入してみました。
ローカルで動かしてるだけなので、なんら凄いことはありませんがサブスク用のコードとかも色々調べたので、決済機能を実装するときのイメージがつかめました。
Unity系のミニゲーム
作成したミニゲームはunityroom（こちら）に公開しています。
https://twitter.com/shiro_life0/status/1249211212619005952?s=20
https://twitter.com/shiro_life0/status/1248514385179316224?s=20
Unityでミニゲーム作って遊んでる時期もありました。笑