コンテンツ概要

サンプル
サンプル

学ぶのは技術だけでなく、夢でもあります。

学ぶことを愛するすべての人に、世界を変える出発点を。

サンプルは中国語ユーザー向けのオンラインプログラミング学習・技術リファレンスプラットフォームです。最初の一行のコードからAI Agentまで、複雑な知識をすぐに始められる学習パスに整理しています。

サンプル ~ learning
$ welcome --to サンプル → 中国語プログラミング学習・リファレンスプラットフォーム $ load --courses → Python · JavaScript · SQL · AI $ start --free → tutorials / examples / quizzes
50+技術分野
100%無料公開
∞オンライン実例
01 · プラットフォーム紹介

とはサンプル?

サンプル(サンプル = Running Noob、「走り続ける初心者」という意味)は、無料チュートリアル、オンライン実例、テスト、よく使うリファレンスを提供し、入門から上級までの学習パスをカバーしています。

01

初心者でも簡単に始められる

プログラミングの予備知識は一切不要で、Hello Worldから実用的なサンプルまで段階的に学べ、必要に応じた学習に適しています。

02

オンライン実例重視

各学習ポイントに実行可能なオンラインサンプルが付属しており、見ながら・修正しながら・学ぶことができ、理解効率の向上に役立ちます。

03

リアルタイム更新

一般的な技術コンテンツを継続的に整理しており、Python、Vue 3からAI Agent、Vibe Codingまでカバーしています。

04

フルスタック学習パス

フロントエンド、バックエンド、データベース、モバイル、AI/データサイエンスなど、エンジニアの完全な知識体系を網羅しています。

05

テストと試験

HTML、Python、SQLなどのオンラインテストを用意しており、いつでも学習成果を確認でき、学んだらすぐに試せます。

06

リファレンスマニュアル

HTML、CSS、JavaScriptなどの一般的なリファレンスマニュアルを提供し、開発時の閲覧がワンストップで完結します。

02 · プログラミング言語

主要プログラミング言語のフルスタックをカバー

システムレベル言語からスクリプト言語まで、モバイルからデータサイエンスまで、各言語に体系的なチュートリアルと実践的なサンプルを提供しています。

Pythonデータサイエンス・AIでよく使う
Javaエンタープライズバックエンド・Android
JavaScriptWebフロントエンド・バックエンド両方で使用可能
Go高性能マイクロサービス
C / C++システム・組み込み・性能
PHPWebバックエンドの定番言語
TypeScriptJSの型スーパーセット
SwiftiOS / macOS 開発
Rubyエレガントなスクリプト言語
KotlinAndroid公式言語
CSS / HTMLWebインターフェース標準
SQL / MySQLデータベースクエリ標準
03 · フロントエンド開発

HTMLからモダンフレームワークまで

サンプルは体系的なフロントエンド学習パスを提供し、各フレームワークにオンラインエディタと実行可能な実例を用意しています。

ReactインタラクティブなUIを構築するJavaScriptライブラリ。Facebook製。
Vue 3プログレッシブフレームワーク、Composition API、軽量で学びやすい。
AngularGoogle製のエンタープライズ級フル機能フロントエンドフレームワーク。
jQuery定番のDOM操作ライブラリ、豊富な実例問題集。
BootstrapレスポンシブCSSフレームワーク。v3 / v4 / v5の全バージョンをカバー。
Node.jsJavaScriptのバックエンドランタイム。フロントエンドとバックエンドを一体化。
frontend-example.js
// Vue 3 Composition API サンプル import { ref, computed } from 'vue' const setup = () => { const count = ref(0) const double = computed(() => count.value * 2) return { count, double } } // React Hooks サンプル const [items, setItems] = useState([]) useEffect(() => fetchData().then(setItems), [])
04 · AIスマート開発

継続的に注目AI技術

基礎的なLLM理論からAgentフレームワーク、RAG、プロンプトエンジニアリング、Vibe Codingツールチェーンまでをカバーする体系的な学習コンテンツ。

コアモジュール

AI Agent(智能体)システム

ゼロから知覚、意思決定、記憶、ツール呼び出し機能を備えたAIエージェントを構築。LangChain、CrewAI、LangGraphなどの一般的なフレームワークをカバー。

LangChainCrewAILangGraphRAGベクトルデータベースプロンプトエンジニアリングマルチエージェント
10+

AI分野のコースモジュール

AI

大規模言語モデルの基礎

LLMの原理、Token、コンテキストウィンドウ、プロンプトエンジニアリング、推論と計画。

RAG

知識検索

ベクトルデータベースを利用した検索拡張生成(RAG)に基づき、知識Q&Aシステムの一般的な構築方法を学びます。

CLI

Vibe Coding

Claude Code、OpenCode、Qoder、TraeなどのAIプログラミングツールの入門チュートリアル。

PY

Pythonで実装するAgent

ツール呼び出し、メモリシステム、マルチモーダルAgent、本番デプロイについて、Pythonの実践サンプルを提供。

05 · AI Agent 詳細解説

エージェントの仕組み

サンプルはAI Agentをスマートレストランに例えています。脳による意思決定、ツールによる実行、メモリによる保存、プランニングによる調整という4つのコアコンポーネントがすべて不可欠です。

1

脳(LLMコア)

指示を理解し、目標を設定し、実行順序を決定する、エージェントの司令塔です。

2

ツール(Tool Calling)

具体的なアクションを実行:API呼び出し、データベース照会、メール送信、Webページ閲覧。

3

メモリ(Memory System)

短期コンテキスト+長期ベクトル保存により、マルチターン対話の流れを一貫させ、混乱を防ぎます。

4

プランニング(Planning)

タスク分解、優先順位付け、マルチエージェントの協調スケジューリングなど、複雑な目標に対応。

Vibe Codingツールチェーン

対話型開発の一般的な作業スタイル

サンプルはさまざまなAI支援プログラミングツールのチュートリアルを収録し、学習者が新世代の開発プロセスを理解するのに役立ちます。

Claude Code — Anthropic製のコマンドラインAIプログラミング
OpenCode — オープンソースのAIプログラミングCLIツール
Qoder — インテリジェントなコード生成とデバッグ
Trae — ByteDance製のAI IDE
OpenClaw / QoderWork — AIワークフロープラットフォーム
agent.py
from langchain.agents import initialize_agent from langchain.tools import DuckDuckGoSearchRun tools = [DuckDuckGoSearchRun()] agent = initialize_agent(tools, llm, agent="zero-shot") agent.run("サンプル AI チュートリアル")
06 · プラットフォームの特徴

なぜサンプルなのか?

これらの機能は、日常の学習・閲覧・練習における一般的なシーンをカバーしています。

100%

永久無料で学習

チュートリアル、リファレンスマニュアル、オンラインテスト、コード実例を無料公開しており、直接閲覧・練習が可能です。

50+

幅広い範囲をカバー

プログラミング言語からAI、フロントエンド、バックエンド、データベース、DevOps、モバイル開発まで、まとめて整理。

∞

学びながら練習

オンラインコードエディタを内蔵し、修正するとすぐに実行可能。実験にローカル環境の構築が不要で、学習のハードルを下げます。

Quiz

学んだらすぐテスト

HTML、Python、JavaScript、SQLなど複数のコースでオンラインテストと試験を提供。

AI

学習サポート

一部の学習シーンではAI Q&Aを組み合わせて理解を支援し、学習者が知識ポイントをさらに整理するのに役立ちます。

Web

マルチデバイス対応

PC、スマートフォン、タブレットなどのデバイスに対応し、さまざまなシーンでの閲覧・学習に便利です。

プログラミングの旅を始めよう

入門から上級まで、
ここから始めましょう。

初心者の学習者も、AIの新しい方向性を学んでいる開発者も、サンプルは実用的な学習の入り口および技術リファレンスとして利用できます。

www.example.com にアクセス