
どうも始めまして!26卒の松永 真直(まなお)です!
今年からFIXERの一員として働いていくのですが、軽く自己紹介、テーマである推し技術と今までに作ったものについて話していきたいと思います。
自己紹介
出身地:奈良県🦌
出身校:近畿大学工業高等専門学校
配属:名古屋事業所
趣味:ゲーム、ドライブ(今車ないです)
次に推しの技術?と言いますか学生時代に触ってきたものを紹介します!
学校時代に触ってきたもの1つ目:Webフレームワーク
圧倒的にNext.js(React)派
この世の中には様々なフレームワークが存在しますが、その中でもイチオシはNext.js。
元々はウェブについては全く興味がなかったのですが、ある日「よくよく考えたら、色んなプラットフォームで見れるの強くないか?」って思ったことをきっかけにまずはVue.jsから始めました。
そこからVue.js -> Nuxt -> React -> Next.jsといった感じに触っていって、一番自分的に直感的に書けるNext.jsに行きつきました。
正直どのフレームワークにも長所・短所があるので、自分が一番良い!と思ったものを使うのがベストだと思います!
ちなみにNext.jsはSSR(Server-Side-Rendering)も容易にできるしAPI実装も一緒にできちゃいます。
また、現在研修でNuxt使ってますがやっぱり慣れません、、、
PWA(Progressive Web Apps)
Webサイトをネイティブアプリのように使える技術のことです。
ぶっちゃけ神です。
あんまりないですけどスマホでアプリ作るってなった際にiPhoneとかAndroidとかマルチプラットフォームってめんどくさいですよね。
そんな時にこれ使えば実質アプリ、、というかアプリとして扱えちゃいます。
様々な機能があるのですが使えそうなものを紹介します。
- 通知機能
- 位置情報
- 顔・指紋認証
- 支払い
などなど、、、
以下のサイトで簡単にPWA機能を試すことができるので是非使ってみてください!
成果物
次に今までに作ってきたものを2つほど紹介します(ポートフォリオに他にも載ってます)
1つ目はアイキャッチに表示してある自分のポートフォリオを紹介したいと思います。
推し技術に書いてあった通りNext.jsを用いて作成しました。見ていただけると嬉しいです。
とくに画面上部の動く球みたいなやつは結構凝りました。
▼ 作成したもの
2つ目は研修中の自習時間に作った爆速帰宅アプリを紹介します。
Next.js+PWA+firebase+GAS(Google Apps Script)で作成しました。
19時になると電車の時間が通知され、爆速で帰れるアプリとなっています。

駅選択とかは実装していないので汎用性皆無ですが一応リンク貼っておきます。
まだまだ完成とは言えないので随時更新していくつもりです!
▼作成したもの
以上です!解散!







![Microsoft Power BI [実践] 入門 ―― BI初心者でもすぐできる! リアルタイム分析・可視化の手引きとリファレンス](/assets/img/banner-power-bi.c9bd875.png)
![Microsoft Power Apps ローコード開発[実践]入門――ノンプログラマーにやさしいアプリ開発の手引きとリファレンス](/assets/img/banner-powerplatform-2.213ebee.png)
![Microsoft PowerPlatformローコード開発[活用]入門 ――現場で使える業務アプリのレシピ集](/assets/img/banner-powerplatform-1.a01c0c2.png)
