メインコンテンツにスキップ
$ yarn dev --turbopack
  ▲ Next.js 15.3.1
  - Local: http://localhost:3000
 
import { getAllPosts } from './lib/markdown'
import PostCard from './components/PostCard'
 
export default async function Home() {
  const posts = await getAllPosts()
  return (
    <main className='max-w-4xl mx-auto'>
      {posts.map(post => (
        <PostCard key={post.id} post={post} />
      ))}
    </main>
  )
}
 
$ git add -A
$ git commit -m 'feat: add blog posts'
[main abc1234] feat: add blog posts
 3 files changed, 142 insertions(+)
$ yarn dev --turbopack
  ▲ Next.js 15.3.1
  - Local: http://localhost:3000
 
import { getAllPosts } from './lib/markdown'
import PostCard from './components/PostCard'
 
export default async function Home() {
  const posts = await getAllPosts()
  return (
    <main className='max-w-4xl mx-auto'>
      {posts.map(post => (
        <PostCard key={post.id} post={post} />
      ))}
    </main>
  )
}
 
$ git add -A
$ git commit -m 'feat: add blog posts'
[main abc1234] feat: add blog posts
 3 files changed, 142 insertions(+)
$ yarn dev --turbopack
  ▲ Next.js 15.3.1
  - Local: http://localhost:3000
 
import { getAllPosts } from './lib/markdown'
import PostCard from './components/PostCard'
 
export default async function Home() {
  const posts = await getAllPosts()
  return (
    <main className='max-w-4xl mx-auto'>
      {posts.map(post => (
        <PostCard key={post.id} post={post} />
      ))}
    </main>
  )
}
 
$ git add -A
$ git commit -m 'feat: add blog posts'
[main abc1234] feat: add blog posts
 3 files changed, 142 insertions(+)
package main
 
import (
  "fmt"
  "net/http"
  "encoding/json"
)
 
type Article struct {
  ID    int    `json:"id"`
  Title string `json:"title"`
  Body  string `json:"body"`
}
 
func getArticles(w http.ResponseWriter,
  r *http.Request) {
  articles := fetchAll()
  json.NewEncoder(w).Encode(articles)
}
 
$ go run main.go
Server listening on :8080
 
$ docker compose up -d
✓ Container postgres started
✓ Container redis started
✓ Container app started
package main
 
import (
  "fmt"
  "net/http"
  "encoding/json"
)
 
type Article struct {
  ID    int    `json:"id"`
  Title string `json:"title"`
  Body  string `json:"body"`
}
 
func getArticles(w http.ResponseWriter,
  r *http.Request) {
  articles := fetchAll()
  json.NewEncoder(w).Encode(articles)
}
 
$ go run main.go
Server listening on :8080
 
$ docker compose up -d
✓ Container postgres started
✓ Container redis started
✓ Container app started
package main
 
import (
  "fmt"
  "net/http"
  "encoding/json"
)
 
type Article struct {
  ID    int    `json:"id"`
  Title string `json:"title"`
  Body  string `json:"body"`
}
 
func getArticles(w http.ResponseWriter,
  r *http.Request) {
  articles := fetchAll()
  json.NewEncoder(w).Encode(articles)
}
 
$ go run main.go
Server listening on :8080
 
$ docker compose up -d
✓ Container postgres started
✓ Container redis started
✓ Container app started
use axum::{Router, Json, extract::State};
use serde::{Deserialize, Serialize};
 
#[derive(Serialize, Deserialize)]
struct Post {
    id: i32,
    title: String,
    published: bool,
}
 
async fn list_posts(
    State(pool): State<PgPool>,
) -> Json<Vec<Post>> {
    let posts = sqlx::query_as("
        SELECT * FROM posts")
        .fetch_all(&pool).await.unwrap();
    Json(posts)
}
 
$ cargo run --release
   Compiling blog-api v0.1.0
    Finished release [optimized]
     Running `target/release/blog-api`
listening on 0.0.0.0:3000
use axum::{Router, Json, extract::State};
use serde::{Deserialize, Serialize};
 
#[derive(Serialize, Deserialize)]
struct Post {
    id: i32,
    title: String,
    published: bool,
}
 
async fn list_posts(
    State(pool): State<PgPool>,
) -> Json<Vec<Post>> {
    let posts = sqlx::query_as("
        SELECT * FROM posts")
        .fetch_all(&pool).await.unwrap();
    Json(posts)
}
 
$ cargo run --release
   Compiling blog-api v0.1.0
    Finished release [optimized]
     Running `target/release/blog-api`
listening on 0.0.0.0:3000
use axum::{Router, Json, extract::State};
use serde::{Deserialize, Serialize};
 
#[derive(Serialize, Deserialize)]
struct Post {
    id: i32,
    title: String,
    published: bool,
}
 
async fn list_posts(
    State(pool): State<PgPool>,
) -> Json<Vec<Post>> {
    let posts = sqlx::query_as("
        SELECT * FROM posts")
        .fetch_all(&pool).await.unwrap();
    Json(posts)
}
 
$ cargo run --release
   Compiling blog-api v0.1.0
    Finished release [optimized]
     Running `target/release/blog-api`
listening on 0.0.0.0:3000
$ python manage.py runserver
Watching for file changes...
Starting development server at
http://127.0.0.1:8000/
 
from django.db import models
 
class Article(models.Model):
    title = models.CharField(max_length=200)
    content = models.TextField()
    published = models.BooleanField()
    created_at = models.DateTimeField(auto_now_add)
 
    def __str__(self):
        return self.title
 
$ pytest -v
tests/test_api.py::test_get_posts PASSED
tests/test_api.py::test_create_post PASSED
tests/test_auth.py::test_login PASSED
========= 3 passed in 0.42s =========
$ python manage.py runserver
Watching for file changes...
Starting development server at
http://127.0.0.1:8000/
 
from django.db import models
 
class Article(models.Model):
    title = models.CharField(max_length=200)
    content = models.TextField()
    published = models.BooleanField()
    created_at = models.DateTimeField(auto_now_add)
 
    def __str__(self):
        return self.title
 
$ pytest -v
tests/test_api.py::test_get_posts PASSED
tests/test_api.py::test_create_post PASSED
tests/test_auth.py::test_login PASSED
========= 3 passed in 0.42s =========
$ python manage.py runserver
Watching for file changes...
Starting development server at
http://127.0.0.1:8000/
 
from django.db import models
 
class Article(models.Model):
    title = models.CharField(max_length=200)
    content = models.TextField()
    published = models.BooleanField()
    created_at = models.DateTimeField(auto_now_add)
 
    def __str__(self):
        return self.title
 
$ pytest -v
tests/test_api.py::test_get_posts PASSED
tests/test_api.py::test_create_post PASSED
tests/test_auth.py::test_login PASSED
========= 3 passed in 0.42s =========
const [theme, setTheme] = useState('dark')
const [query, setQuery] = useState('')
 
useEffect(() => {
  const saved = localStorage.getItem('theme')
  if (saved) setTheme(saved)
}, [])
 
async function fetchData(endpoint: string) {
  const res = await fetch(endpoint)
  if (!res.ok) throw new Error(res.statusText)
  return res.json()
}
 
interface Post {
  id: string
  title: string
  date: string
  tags: string[]
}
 
$ kubectl get pods
NAME              READY   STATUS
blog-api-7d4f8    1/1     Running
blog-web-3a2b1    1/1     Running
const [theme, setTheme] = useState('dark')
const [query, setQuery] = useState('')
 
useEffect(() => {
  const saved = localStorage.getItem('theme')
  if (saved) setTheme(saved)
}, [])
 
async function fetchData(endpoint: string) {
  const res = await fetch(endpoint)
  if (!res.ok) throw new Error(res.statusText)
  return res.json()
}
 
interface Post {
  id: string
  title: string
  date: string
  tags: string[]
}
 
$ kubectl get pods
NAME              READY   STATUS
blog-api-7d4f8    1/1     Running
blog-web-3a2b1    1/1     Running
const [theme, setTheme] = useState('dark')
const [query, setQuery] = useState('')
 
useEffect(() => {
  const saved = localStorage.getItem('theme')
  if (saved) setTheme(saved)
}, [])
 
async function fetchData(endpoint: string) {
  const res = await fetch(endpoint)
  if (!res.ok) throw new Error(res.statusText)
  return res.json()
}
 
interface Post {
  id: string
  title: string
  date: string
  tags: string[]
}
 
$ kubectl get pods
NAME              READY   STATUS
blog-api-7d4f8    1/1     Running
blog-web-3a2b1    1/1     Running

Techarm Blog

日々の開発で学んだことを気軽にシェアしています

記事を読むシリーズを見るタグで探す

16 本の記事 ・ 1 シリーズ

おすすめシリーズ

基礎から実践まで段階的に学べるチュートリアルで、確実なスキルアップを実現できます

すべてのシリーズを見る

最新記事

新しい知識と技術トレンドをお届けしています

NEW

Go標準ライブラリでREST APIを作る - JSONとCRUDの基本

GoWeb開発+2
2025/12/21に作成
53分

【実演あり】React2Shell脆弱性（CVE-2025-55182）を再現してみた

セキュリティReact+1
2025/12/14に作成
27分

Go標準ライブラリだけでWebサーバーを作る - net/httpの基本から実践まで

GoWeb開発+2
2025/12/13に作成
42分

Docker Composeで開発環境構築｜PostgreSQL・MySQL・Redis・メール対応

DockerDevOps+1
2025/09/21に作成
19分

開発用Dockerコマンド集｜PostgreSQL・MySQL・Redis・メールを1行起動

DockerDevOps+1
2025/09/15に作成
18分

Ollama実践ガイド｜GUIからCLI・API活用まで解説

PythonOllama+2
2025/08/26に作成
83分
すべての記事を見る