Nest.jsとAngularベースの入札プラットフォーム(JestテストとCI/CD)
このプロジェクトはNest.jsとAngularを基盤とした入札プラットフォームで、ユーザー登録、プロジェクト管理、入札管理などの機能を提供します。データベースにはPostgreSQLを使用し、SwaggerでAPIドキュメントを生成します。バックエンドではAWS Cognitoを用いた安全な認証を実装し、フロントエンドではプロジェクト表示と入札管理を行える使いやすいUIを構築しています。コード品質を担保するためにJestでテストを行い、GitHub ActionsでCI/CDも実現しています。
Ubuntuでoh-my-zshとそのコンポーネントを導入する
Ubuntuでoh-my-zshと関連コンポーネントを導入する手順として、まずzshとgitをインストールし、次にwgetでoh-my-zshを導入します。その後、powerlevel10kテーマと必要なプラグインをクローンし、.zshrcを更新してテーマとプラグインを適用します。最後にzsh-batやyou-should-useなどの追加プラグインを導入し、システム更新を行って正常動作を確認します。
JavaScript学習
JavaScriptは、動的で弱い型付けのインタプリタ型言語であり、軽量、クロスプラットフォーム、イベント駆動といった特徴を持ちます。中核概念には、変数とデータ型、制御フロー、関数、非同期プログラミングが含まれます。JavaScriptはブラウザ環境とNode.js環境で実行でき、オブジェクト、配列、分割代入、モジュール化など多様なデータ型と操作をサポートします。非同期処理ではコールバック、Promise、async/awaitを用います。
Node.js入門
Node.jsはChrome V8エンジンを基盤としたJavaScriptランタイムで、シングルスレッド、ノンブロッキングI/O、モジュール化、クロスプラットフォーム対応といった特徴を持ちます。代表的なモジュールには、ファイルシステム、HTTPサービス、パス操作、OS情報取得があります。npmはライブラリの導入・管理に使うパッケージマネージャです。非同期プログラミングパターンにはコールバック、Promise、async/awaitがあり、Webサービスやリアルタイムアプリの構築に適しています。
Angularベースのアニメ展示サイト+ログイン・登録(Cognito)
このプロジェクトは、Bangumi上のアニメを表示・検索するためのAngularベースのWebアプリで、ユーザー認証にCognitoを使用しています。GitHub Actionsによる自動ビルド・デプロイを通じて、GitHub Pagesへの自動デプロイにも対応しています。主な技術スタックはAngular 16、TypeScript、HTML、CSSで、ログイン、登録、検索、アニメカレンダーなどの機能を備えています。
Angular入門
Angularの入門ガイドとして、プロジェクト作成、Angular CLIコマンド、コンポーネントとモジュールの構造、データバインディング、ディレクティブ、サービスと依存性注入、ルーティングとナビゲーション、フォーム処理、HTTPクライアント、RxJS、状態管理、パフォーマンス最適化、PWA、国際化などを扱います。詳細なコマンド例とコード構成の説明により、Angular開発を素早く始められます。
GitHub ActionsでAngularページを自動デプロイ
AngularプロジェクトをGitHub Pagesへ自動デプロイするための設定を説明します。内容には、angular.jsonのoutputPath変更、angular-cli-ghpagesの導入、特定ブランチへのpush時にビルドとデプロイを行うGitHub Actionsワークフローの作成、リポジトリ操作に必要なトークンの生成が含まれます。最後に、GitHub Pagesの公開ブランチをgh-pagesに設定します。





