この記事について
この記事は、思考の整理と理解を深めることを目的に、これまでインターンやハッカソンで習得してきた技術についてまとめたものです。
以降、何か新しい技術を学んだときや体験談を書こうと思ったときには、随時追加していきたいと思います。
開発履歴
個人開発
アプリケーションのプラットフォームをReact, Fast APIで作る（2024/11~）
- 使用した技術など
- React
- FastAPI
- Node.js
- TypeScript
- Chakra UI
- PosgreSQL
- Docker
- JWT
- Pydantic
- Pytest
- 使用した技術など
- React
- Next.js
- Node.js
- TypeScript
- Chakra UI
- Bootstrap
- ナビゲーションバー
- レスポンシブ
- Swiper（スライダー）
- グリッドレイアウト
DjangoでつくるはじめてのWebアプリケーション（2024/4~）
- 使用した技術など
- Python
- Django
- SQlite3
- MySQL
- Bootstrap
- Google Cloud Platform（GCP）
チーム開発
ニフティ株式会社の5daysインターンで「プロバイダ比較サイト」を開発した話
- 使用した技術など
- Seeder（DBマイグレーション＆シーディング)
- flask-mail（メール通知機能）
- Flaskで簡単なAPIを実装
- Git
- AWS
- Docker
実務経験
- 使用した技術など
- PHP8系にバージョンアップ
- Lalavel
- Git
- 調査業務
就職活動
- エンジニア就活体験記
- 4~6月：長期インターンに応募
- 7~9月：開発職向けインターンシップに参加
- 10~12月：早期選考・本選考
言語・技術について
バックエンド
Python
Flask
- flask-mailとGoogleのSMTPサーバーで、新規登録完了メールを自動送信
- Flaskで簡単なAPIを実装
- Seederを使ったDBマイグレーションとSeeding
- DjangoでつくるはじめてのWebアプリケーション
- ChatGPTとVoice VoxのAPIを利用し、対話型アプリケーションを開発（ハッカソン）
FastAPI
フロントエンド
JavaScript
Next.js
- Expressを使ったルーティング設定
- Prismaを使ったテーブル設計、DBマイグレーション、Seeding
React
- Reactの状態管理とレンダリングのしくみ
- ナビゲーションバーの実装
- グリッドレイアウトの実装
- ホバー時に画像が浮き出るようにしたいとき
TypeScript
- 新規登録時の会員の属性をEnum型で定義
JavaScriptライブラリ
- Swiperでスライダーセクションの実装
HTML
- タグについて
- プロパティについて
CSS
- ハンバーガーメニュー
- グリッドレイアウト
- 字体に関する基本的なCSS
- 文字の位置に関する基本的なCSS
その他
Git
- リモートブランチとローカルブランチについて
- gitで使う基本的なコマンド
Docker
デプロイ
- GitHub Pagesでデプロイ
- Vercelでデプロイ
- Google App Engine（GAE）でデプロイ
- AWS公式ドキュメントの構成図を参考に、インフラを構築
シェルスクリプト
Linuxコマンドライン
- ファイル権限とは
- 基本的なLinuxコマンド
正規表現
- 正規表現とは
ネットワーク
TCP/IP
- TCP/IPプロトコルについて
OS
- 「Linuxのしくみ」を読み、OSについて理解する