Skip to content

tech-mw/dev-exercises

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

88 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛠️進行中 – 定期的なアップデートと継続的な改善が計画されています🛠️

利用技術

My Skills

リポジトリ構成

PJ/
├── 01_basics/ 
│    ├─── docker
│    │     ├── 01-fastapi-single
│    │     ├── 02_environments
│    │     ├── 03-init-mysql
│    │     └── 04-python-redis
│    ├─── git
│    │     ├── 01-detached-non-fast-forward
│    │     └── 02-detached-fast-forward
│    ├─── mysql
│    │     └── 01-ebook-schema-sql
│    └─── python
│          └── 01-sd-image-cli
├── 02_environments/
└── 03_webapps/
     ├── 01-django-sns-priority-board
     └── 02-django-llm-summary-notes

1. 01_basics

  • python、dockerなど最小構成を通して仕組みを体系的に実演するセクション

1-1. docker

  • FastAPIをPython公式イメージで最小構成Docker化
  • 特徴
    • uvicorn実行
    • シンプルなエンドポイント
  • Node.js(Expressアプリ)を公式NodeイメージでDocker化
  • 特徴
    • 開発用にnodemonホットリロード対応
    • バインドマウントでホストソースを即反映
    • venvなど不要ファイルを含めない構造を推奨
  • Mysqlを公式MysqlイメージでDocker化
  • 特徴
    • 初期化用SQLをinitdb.dに置くだけで自動実行
    • ホスト側のSQLファイルをバインドマウントして管理
  • Python+Redis公式イメージでDocker化
  • 特徴
    • redisコンテナ作成時に初期データ登録

1-2. git

  • detached HEAD状態の動作検証:non-fast-forward
  • 特徴
    • HEADの仕組みと挙動を理解するために、意図的に detached HEAD × non-fast-forward にして検証
    • TerminalとSourceTreeでの表示の違いを比較(各状態でTerminalとSourceTreeそれぞれの表示画面をスクリーンショット)
  • detached HEAD状態の動作検証:fast-forward
  • 特徴
    • HEADの仕組みと挙動を理解するために、意図的に detached HEAD × fast-forward にして検証
    • TerminalとSourceTreeでの表示の違いを比較(各状態でTerminalとSourceTreeそれぞれの表示画面をスクリーンショット)

1-3. mysql

  • Mysqlを公式イメージでDocker化、簡易的な電子書籍アプリを想定したモデルとSQLサンプル
  • 特徴
    • ユーザー情報、書籍情報、書籍購入履歴、書籍閲覧履歴 4つのテーブルとサンプルデータを流し込み、初期構築
    • [期間内に特定の出版社を書籍を購入した累計額をユーザー毎に集計]など実務的なSQLサンプル

1-4. python

  • AI画像生成ライブラリ「Stable Diffusion」を使用したミニマムなPython CLI サンプル
  • 特徴
    • Stable Diffusion(diffusers)を利用して画像を生成する最小スクリプト
    • 日本語で入力したプロンプトを自動的に英語へ翻訳してから生成
      --no_translate オプションで翻訳をスキップ可能)
    • option指定可:サイズ(縦/横)、出力ファイル名、出力フォーマット(jpg or png)、出力ディレクトリ、翻訳有無切替
    • height / width は 8 の倍数のみ許可
    • 初回実行時はモデルがダウンロードされるため時間がかかる(2回目以降はキャッシュが効いて高速化)

2. 02_environments

  • 環境構築系セクション(複数サービス連携やCI/CDなど)

3. 03_webapps

  • Webアプリ開発セクション
  • Django(Function-Based View + 一部 Class-Based View)で構築した、簡易社内SNS風Webアプリケーション
  • 特徴
    • 簡易的な標準CRUD機能、ミニマムな構成、UIはbootstrapで最低限装飾
    • 投稿には「タイトル・本文・画像・通知レベル」を設定可
    • 通知レベルの設定で「重要なお知らせ」など優先度が高い情報は表示が強調/目立たせる
    • 「いいね」や「既読数」機能有(簡易的)
  • Django(CBV)× TextRank(抽出型)or Ollama(生成型)での要約生成メモアプリ
  • 特徴
    • メモの作成 / 編集 / 削除(CRUD)
      • 作成時:保存時に要約(生成型 or 抽出型)を自動生成
      • ローカルLLM/ollamaはdocker化(GUIアプリでの起動でもOK)
      • ローディングスピナー
    • ページネーション(最大表示数20)
    • フラッシュメッセージ
    • 検索機能
    • 認証機能
      • 未ログイン時は認証画面へ誘導
    • 単体テスト(unittest)
  • 追加予定
    • URL貼り付けからの要約生成
    • サインアップ(複数ユーザー利用)
    • など

Claude Codeサンプルアプリ集

About

随時更新中: 環境構築・Web開発などをカテゴリ分けし体系的に実演

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published