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