備忘録

自分の為の備忘録

IT関係の中国語

メジャーな関連単語を纏める。

中国語 日本語
网页 ホームページ
浏览器 ブラウザ
电脑 コンピューター
桌上型电脑 デスクトップ型コンピューター
筆記型电脑 ラップトップ型コンピューター
超级电脑 スーパーコンピューター
个人电脑 パソコン・PC
台 コンピューターを数える際の単位
软件 ソフトウェア
硬件 ハードウェア
程序 プログラム
程序设计 プログラミング
智能电话・智能手机 スマートフォン
显示器 ディスプレイ
电脑键盘 キーボード
鼠标 マウス
集成电路 集積回路
网络 ネットワーク
互联网 インターネット
数据 データ
服务器 サーバー
电子邮件 電子メール
路由器 ルーター
博客 ブログ
带宽 帯域幅

中国語には主に中国本土で利用される簡体字と台湾や香港で利用される繁体字があるそうだが文字によってはどちらかわからず困る。

UbuntuでDart

このページに従って入れた。

インストール

パッケージになっているのでapt-get install dartを入力するだけでよい。

HelloWorld

helloworld.dartなどとして保存。

main() {
  print("helloworld");
}

実行

dart helloworld.dart

結果 : helloworld

最近のWebフロント事情

2016年今日日Webについてわからないのはまずいと思い、ここ数ヶ月Web界隈についての勉強をしている。そこで得た知見について簡単に記しておきたいと思う。

HTML

最新はHTML5。今年9月にHTML5.1が勧告される予定だそうだ。
いまではHTMLの規格策定もGitHubで行っている。素晴らしい時代になったものだ。
HTML5.1では大きな変更はないもののpicture要素などが追加される。

CSS

最新はCSS3。どうやら規格は機能単位でモジュール化して勧告することになったようだ。すなわち CSS4は来ない。 つまり、バージョンが上がるたびに機能を覚えれば良かった今までとは違い、日々アップデートされるCSSの規格やブラウザに合わせて学習する必要に迫られる。ちなみにHTMLもモジュール化しようという提案もあるそうだ。

CSSメタ言語

最近ではSassやLESS、Stylusといったメタ言語が出てきている。

  • Sass
    Rubyで書かれているらしく特にRuby界隈で人気があるらしい。変数が利用できるなど、より生産的なCSSの記述ができるようになっている。SASS記法とSCSS記法があり、最近ではCSSの記法に近いSCSS記法が主に利用されているようだ。

  • LESS
    Sassに影響を受けて開発された。JavaScriptで組まれていて、Node.jsを利用する。このJavaScriptで利用する点を生かし、コンパイルせずにクライアントにLESSファイルを渡し、クライアントサイドで動的にCSSを生成する手法があるようだ。CSSよりでSCSS記法に近いらしい。

  • Stylus
    SassやLESSよりも後発、LESSと同じようにJavaScriptによる実装。SASS記法のような記法とSCSS記法のようなCSS風の記法を混ぜることができるなど、柔軟な記法が特徴。*1
    あくまでも個人的な感想ではあるが、これが一番使いやすそうに感じる。リリースから日が浅いことによる情報不足がネックか。

JavaScript

最新はES2015。ES6という呼び名が一般的だが、正式には"ES2015"と年数を加えた名前にするべきだそうだ。
当然ES7もといES2016も今年に公開される。どうやら今月(2016年6月)に公開されるらしい。(2016/06/21追記 17日に正式公開された)
ES2015ですらブラウザのサポートが追い付いていない現状を考えるとES2016が出たところですぐに全面的な採用は困難だろう。

JSライブラリ

大変宗教戦争感がある。

  • JQuery
  • AngularJS
  • Redux
  • React

辺りが流行っているらしい。

altJS

JavaScriptの代替となる言語たち

ES2015に従ったJSを古い規格のものに変換してくれるBabelや、ES2015自体の普及により利用が減っているそうだ。

*1:つまりスタイルを統一しなければ悲惨なことになるのは火を見るよりも明らかだ

eslintrc

現在の設定。

{
  "extends": "eslint:recommended",
  "env": {
    "browser": true,   // ブラウザのグローバル変数の使用
    "node": true,      // node.jsの使用
    "es6": true,       // ES6(ES2015)の利用
  },

  "globals": {
    "$": true,
    "jQuery": true,
    "PaintMap": true,
    "Tile": true,
    "GenerateTiles": true,
    "Player": true,
    "Local": true,
  },

  "rules": {
    "no-alert": 2,             // alert,confirm,promptがあるとエラー
    "no-fallthrough": 1,       // break忘れを警告
    "no-multi-spaces": 2,      // 無駄なスペースをエラー
    "no-new": 2,               // 参照されないnewをエラー
    "no-redeclare": 2,         // 複数回同じ変数を宣言するとエラー
    "no-self-compare": 2,      // 自分自身同士を比較するとエラー
    "arrow-spacing": 2,        // アロー関数の矢印の前後にスペースを要求
    "no-unused-vars": 1,       // 変数を利用していない場合警告
    "prefer-const": 2,         // 変更されていないにも関わらずconstでないならエラー
    "indent": [1, 2],          // インデントがスペース2個以外で警告
    "no-var": 2,               // varでの変数宣言を禁止
    "semi": [2, "never"],      // セミコロンの使用を禁止
    "space-before-blocks": 2,  // ブロックのカッコの前にスペースが開けられていないとエラー
    "no-multiple-empty-lines": [2, { "max": 1 }], // 余分な空行が2行以上でエラー
    "comma-spacing": [2, {"before": false, "after": true}], // コンマの後にスペースを要求
  }
}