スポンサーリンク

中国語でWeb技術を学ぶ(1)JavaScriptの紹介

中国語(北京語・簡体字)で、JavaScriptのプログラミングを勉強してみよう。


中国語でプログラミングの解説をしているWebページがあるから,

そのページを少しずつ読み進めていくことにする。


JavaScript自体を学習するというより、

システム開発に関する文書を中国語で読み書きするためのスキルを向上させ、ナリッジを蓄積してゆくことが目的だ。


本シリーズでは、読解対象のURLと、

そのページを読むのに必要な単語リストをピンイン付きで列挙してゆく。


前準備:

中国語(簡体字)で,Web技術やプログラミングを学ぶリンク集
http://language-and-engineering.hatenablog.jp/entry/20130203/LearnWebTechBasi...


MandarinSpot - Online Dictionary and Annotations for Chinese Web
http://mandarinspot.com/

  • Webページにピンインを付与するブックマークレット


なお、初歩的な中国語の知識は前提とする。


読解の開始。

目次ページ

今回、学習対象とするページ:

程序员实验室 » JavaScript入门教程
http://www.prglab.com/blog/js-tutorial

JavaScriptについて述べた、やや古い(2008年の)解説だ。

Netscapeなどのブラウザが存在していたころ、まだAjaxがなかったころの話から始まる。

HTMLに動的な機能を持たせることができる、という点を取り上げている。


重要IT単語

  • 程序员, cheng2xu4yuan2, プログラマー
  • 版权所有, ban3quan2suo3you3, all rights reserved
  • 链接, lian4jie1, link
  • 脚本语言,jiao3ben3 yu3yan2, スクリプト言語
  • 网页的设计, wang3ye4de0she4ji4, Webページのデザイン
  • 表单验证, biao3dan1yan4zheng4, formのバリデーション
  • 浏览器,liu2lan3qi4, ブラウザ
  • 互联网, hu4lian2wang3, インターネット


その他

  • 入门教程, ru4men2jiao4cheng2, 入門コース
  • 勿转载, wu4zhuan3zai4, 転載しないでね
  • 专供, zhuan1gong1, 特別に提供する
  • 用来, yong4lai2, のために使われる
  • 进行, jin4xing2, 進める・進歩させる
  • 优化, you1hua4, 優れたものにする・最適化する
  • 检验, jian3yan4, 検査して判定する
  • 操作, cao1zuo4, 操作する
  • 应用广泛, ying4yong4guang3fan4, 広範囲で使える
  • 流行, liu2xing2, はやっている
  • 而且, er2qie3, それだけでなくさらに
  • 简单易学, jian3dan1yi4xue2, 簡単に学べる
  • 参考, can1kao3, 参照している
  • 修正, xiu1zheng4, 改訂する
  • 补充, bu3chong1, 補充また補足する
  • 编写, bian1xie3, コンパイル・まとめる
  • 基础, ji1chu3, 基礎
  • 高级, gao1ji2, ハイレベル


次のページへ。

JavaScriptの紹介

程序员实验室 » JavaScript简介
http://www.prglab.com/blog/js-tutoria...

FAQとして、JSの使い道やポジションを答えている。

HTML上で要素を動的に操作したり、ブラウザにCookieを記憶させたり。

JavaとJavaScriptは全く異なる言語である、という点も、初心者向けなので触れる必要がある。


重要IT単語

  • 轻型 编程, qing1xing2 bian1cheng2、ライトウェイト プログラム
  • 可执行, ke3zhi2xing2, 実行可能な
  • 计算机代码, ji4suan4ji1 dai4ma3, コンピューターのコード
  • 嵌入, qian4ru4, 埋め込む・embedする
  • 文件, wen2jian4, ファイル・ドキュメント
  • 解释型, jie3shi4xing2, インタプリタ型の
  • 预编译, yu4bian1yi4, あらかじめコンパイルしておく
  • 工具, gong1ju4, ツール・道具
  • 插入, cha1ru4, 挿入する
  • 动态文本, dong4tai4wen3ben3, 動的なテキスト
  • 反应对事件进行, fan3ying4 dui4 shi4jian4 jin4xing2, イベントの発生に反応する
  • 加载, jia1zai4, ロードする(される)
  • 用户点击, yong4hu4 dian3ji1, ユーザがクリックする
  • 控件, kong4jian4, ボタンなどのコントロール要素
  • 元素, yuan2su4, HTMLなどの要素・エレメント
  • 数据, shu4ju4, データ
  • 服务器, fu2wu4qi4, サーバ
  • 提交表单, ti2jiao1biao3dan1, formをsubmitする
  • 额外的处理运算, e2wai4de0 chu3li3 yun4suan4, 付加的な処理演算
  • 存储, cun2chu3, 保存する
  • 维护, wei2hu4, 維持・メンテする
  • 微软, wei1ruan3, マイクロソフト社


その他

  • 简介, jian3jie4, 簡単な紹介・要約
  • 包括, bao1kuo4, を含む
  • 准备, zhun3bei4, 準備
  • 具备, ju4bei4, 持っておく
  • 基本知识, ji1ben3zhi1shi0, 基礎知識
  • 交互功能, jiao1hu4gong1neng2, 相互作用・インタラクション・やりとり
  • 一回事, yi1hui2shi4, 同一のもの
  • 概念, gai4nian4, アイデア・コンセプト
  • 复杂, fu4za2, 複雑な
  • 级别, ji2bie2, レベル・ランク
  • 几乎, ji1hu1, ほとんど
  • 毫不费力, hao2bu4fei4li4, 全く力を使わず楽ちんに
  • 监测访问者, jian1ce4 fang3wen4zhe3, 訪れた人を監視する
  • 专门, zhuan1men2, 専門の・専用の
  • 开发仍在进行之中, kai1fa1 reng2zai4 jin4xing2 zhi1zhong1, 開発はまだ進行中


今回はここまで。

今回の復習

要点となる10単語を訳せ。

  • プログラマー
  • インターネット
  • Webページのデザイン
  • ブラウザ
  • スクリプト言語
  • インタプリタ型の言語
  • ツール
  • ファイル
  • マイクロソフト
  • ロード


要点となる10個の文を訳せ。

  • 入門コースにようこそ。
  • 最も流行っている。
  • 簡単に学べる。
  • ユーザーがクリックする。
  • イベントの発生に反応する。
  • フォームをバリデーションする。
  • フォームのデータをサーバに送信する。
  • 動的にテキストを挿入する。
  • 実行可能なコンピュータのコードを埋め込む。
  • 開発はいまだに進行中である。


応用しなさい。

  • マイクロソフトが作ったブラウザは、インターネットエクスプローラだ。
  • プログラマーは仕事でプログラムを作る。
  • JavaScriptを使うと、インターネット上のウェブページのデザインをより優れたものにすることができる。
  • HTMLファイルの中に、実行可能なコードが埋め込まれ、それをブラウザが解釈して実行する。
  • ページのロードが完了したり、ユーザがHTMLエレメントをクリックすると、JavaScriptがイベントに反応する。
  • ページを訪問すると、ブラウザがcookieの中に情報を保存する。
  • JavaScriptはJavaと比べて複雑でなく、簡単で学びやすく、非常によく使われているスクリプト言語である。
  • フォームのデータをサーバに送信する前に、ブラウザはフォームをバリデーションする。

今回はここまで。

一度に扱う分量は、要点の復習時に、単語と文が10個ずつになるぐらいを目安とする。


次回に続く。