FumioNonaka.com Newsletter

[FumioNonaka.com Newsletter: no.158]


//=========================================================================
// [FumioNonaka.com Newsletter]
//
var issue:uint = 158;  // 第158号
var published:Date = new Date(2017, 4, 3);  // April 3, 2017
//=========================================================================
var index:Object = {
No_0:TypeScript情報,
No_1:3月の新ネタ,
No_2:セミナー,
No_3:スクリプト覚え書き
};  //_____________________________________________________________________
/*
【PR】
■2017年4・5月のセミナー・講習→No_2:セミナー
2017年4月26日水曜日「TypeScript入門講座」
https://67.org/ws/workshop/detail/0131javascript.html
2017年5月16日火曜日「jQueryではじめるJavaScript入門」
http://www.jagra.or.jp/school/course/web/javascript_basic.html

【No_0:TypeScript情報】====================================================
「TypeScript公式Handbookを解説し直す」と題して、公式サイトの内容にしたがい
つつ、解説とコードともに書き改めています。記事は8本になり、4割弱進みました。
http://fumiononaka.com/Business/index.html#TypeScript

バージョンが2から4に上がったAngularはTypeScript推しですし、Stack Overflowに
よる開発者向けの調査では好きな言語の第3位に入ったそうです。ECMAScript 2015
の仕様をにらんでいますので、知っておいて損のない技術でしょう。

「Which Are The Most Loved and Most Hated Programming Languages | 2017」
https://fossbytes.com/most-loved-and-most-hated-programming-languages/

初心者向けにFaceBookページ「TypeScript」も設けて、新たな記事を適宜紹介して
います。興味がありましたら、ご覧ください。
https://www.facebook.com/TypeScript.jp/
4月26日水曜日は「TypeScript入門講座」が開かれます。
https://67.org/ws/workshop/detail/0131javascript.html
インストールと設定から始め、簡単なクラスの定義と継承やインタフェース、各種
構文まで、作例のコードを書きながら、順を追って解説します。クラスの基本的な
考え方についても補います。

【No_1:2・3月の新ネタ】====================================================
[HTML5新規情報]
■Visual Studio Code 1.9でTypeScript 2.2を使う
http://fumiononaka.com/Business/html5/FN1702012.html
Visual Studio Codeは、新しい安定したバージョンのTypeScriptとともに提供され
ます。Visual Studio Code 1.9.1でサポートされるのは、TypeScript 2.1.5です。
そこで、TypeScript 2.2を使うためのやり方をかいつまんでご紹介します。なお、
2017年2月公開のバージョン1.10.2で、TypeScript 2.2に対応しました。

■TypeScript: クラス
http://fumiononaka.com/Business/html5/FN1703001.html
ECMAScript 2015(ECMAScript 6)には構文にクラスが加わりました。TypeScriptも、
この仕様に沿ってクラスを採り入れました。コンパイルされるJavaScriptコードは、
ES6に対応する前のブラウザで動きます。

■タイムラインに置いた子インスタンスを参照したい
http://fumiononaka.com/TechNotes/Flash/FN1703002.html
Animate CC 2017の[HTML5 Canvas]ドキュメントファイルで、タイムラインに置いた
子インスタンスを参照して扱おうとしたとき、インスタンスがつくられてから表示
リストに加わるまでに段階を経ます。その過程を知ることが子インスタンスを扱う
うえで大切です。

■TypeScript: 関数
http://fumiononaka.com/Business/html5/FN1703003.html
関数はJavaScriptで処理を部品分けして組み立てたり、またクラスを定める役割も
果たします。TypeScriptではECMAScript 2015(ECMAScript 6)の仕様も採り入れて、
型づけや参照などについて起こりがちな問題を確かめたり、コードを簡単にわかり
やすく書くための機能が加わっています。

■Vue.js: 簡単なMarkdownエディタをつくる
http://fumiononaka.com/Business/html5/FN1703004.html
Vue.js公式サイトの「例」に、わずかなコードでつくられた「Markdown エディタの
例」があります。使われているライブラリやVueの構文についての説明はないので、
いざつくってみようとすると、つまずきそうなところがあります。そこで、解説を
加えながら、少しずつ組み立ててみます。

■TypeScript: 列挙型
http://fumiononaka.com/Business/html5/FN1703005.html
列挙型は、任意の数の識別子に数値を定めます。数値が意味のある名前で扱えると
いうことです。選択肢やオプションなどにわかりやすい名前をつけて、内部的には
数値として処理することができます。

[gihyo.jp]
■連載「CSS3アニメーションでつくるインターフェイス表現」
第19回「画像のアコーディオン表示」
http://gihyo.jp/design/serial/01/css-animation/0019
今回は、アコーディオンのように開く画像パネルがお題です。選んだ画像と、その
前にどれが開いていたかにより、動きが少しずつ違ってきます。

【No_2:セミナー】==========================================================
■TypeScript入門講座
http://67.org/ws/workshop/detail/0131javascript.html
TypeScriptはMicrosoftによるオープンソースで無料のプログラミング言語です。 
JavaScriptに、静的な型づけとクラスベースのオブジェクト指向を加えたスーパー
セットといえます。JavaScriptで直に書いたのでは探しにくいエラーを見つけたり、
面倒でわかりにくくなる記述が簡単に書けたりします。コンパイルすることにより
JavaScript のコードが書き出されます。

このコースではJavaScriptの基礎を学んだ方に、TypeScriptやエディタとして使う
Visual Studio Codeのインストールと設定から始め、簡単なクラスの定義と継承や
インタフェース、TypeScriptのさまざまな構文まで、作例のコードを書きながら、
順を追って解説します。クラスの基本についても補いますので、TypeScriptを学び
ながら、オブジェクト指向プログラミングの基礎も身につけることができます。

TypeScriptは、とくに規模の大きな開発に力を発揮します。今注目のAngular 2で、
シングルページWebアプリケーション(SPA)をつくるときの必須の技術でもあります。
ECMAScript 2015(ES6)を意識した仕様は、覚えておいて損のない知識といえます。

【日  時】2017年4月26日水曜日6時間
【参加費用】29,800円(税込)
【場  所】ロクナナワークショップ
【募集人数】6名

■jQueryではじめるJavaScript入門
http://www.jagra.or.jp/school/course/web/javascript_basic.html
HTML5でインタラクティブなコンテンツをつくるときに、CSSだけでなくJavaScript
コードも書けると表現の幅は大きくひろがります。jQueryは応用しやすく、定評の
あるライブラリです。標準のJavaScriptだけでは何行にもなってしまう処理でも、
jQueryを使うことで簡単に書けます。CSSの知識が活かせることも特長です。

この講座は、JavaScriptを基礎から身につけながら、jQueryも活用した効率のよい
スクリプティングについて学ぶことを目的としています。実際にコードとして書く
作例は、段階を踏んで解説します。できるだけ、目で見て結果が確かめられるよう
サンプルを選びました。

受講対象者は、HTMLとCSSの基礎を学んだ方です。JavaScriptは書いたことがなくて
構いません。

【日  時】2017年5月16日火曜日5.5時間
【参加費用】20,000円(税別・教材費込)
【場  所】社団法人日本グラフィックサービス工業会
【募集人数】10名
【テキスト】オリジナルテキスト

【No_3:スクリプト覚え書き】================================================
■処理を一定時間分まとめて行う
http://fumiononaka.com/Business/html5/FN1703004.html#sec04

前掲「Vue.js: 簡単なMarkdownエディタをつくる」の中で、Lodashの_.debounce()
メソッドを紹介しています。続けざまのキー入力に対して、あえて少し遅らせて、
ある程度まとめて処理することにより、効率を上げる手法です。

	element.addEventListener('input', _.debounce(function(eventObject) {
		console.log(eventObject.target.value);
	}, 1000));

_.debounce()メソッドの第1引数の関数は、第2引数の時間(ミリ秒)遅れて実行され
ます。そして、その間メソッドが繰り返し呼び出された場合も、関数の処理は1回に
まとめられるのです。

今、Angularの「TUTORIAL」を下敷きにして、HTTPサービスの解説を書いています。
その中でも、RxJSライブラリにより、Observableを間引いて処理するやり方が用い
られているのです。
https://angular.io/docs/ts/latest/tutorial/toh-pt6.html#herosearchcomponent 

このノートは近いうちに公開するつもりです。興味のある方はつぎの記事を参考に
されるとよいでしょう。

「Angular2でdebounceを設定する」
http://blog.yuhiisk.com/archive/2016/07/20/angular2-debounce-function.html

*/
//=========================================================================
var publisher:Object = {
name:野中 文雄,
mailto:fumio@mx10.ttcn.ne.jp,
web:<http://www.FumioNonaka.com>,
twitter:<http://twitter.com/FumioNonaka>,
credit:2003-2016 (c) Fumio Nonaka all rights reserved.
};  //_____________________________________________________________________
if (wantToUnsubscribe) {  // メールマガジンの購読中止は
	// つぎのURLでお手続きください
	var url:String = "http://www.FumioNonaka.com/Magazine/";
	var request:URLRequest = new URLRequest(url);
	navigateToURL(request);
}

ついでに読みたい

FumioNonaka.com Newsletter

RSSを登録する
発行周期 不定期
最新号 2017/04/03
部数 466部

このメルマガを購読する

ついでに読みたい

今週のおすすめ!メルマガ3選

相馬一進の、1億稼ぐビジネスの本質|マーケティングと心理学
・天職で1億稼いだ相馬一進が、お金、自己啓発、仕事について、 心理学とマーケティングの側面から語る本格派メールマガジン。 ・著者の相馬一進は、ダライ・ラマ14世や、『7つの習慣』の スティーブン・コヴィーや、リチャード・ブランソンなどの、 海外セミナーへの日本人ツアーを企画、集客した実績を持つ。 ・最先端の起業・副業のノウハウや、マーケティングの原理原則、 生活の中からストレスを減らす方法、モチベーションの心理学、 複数の収入源を持つ方法、働く時間を減らす秘密などを配信中。
  • メールアドレスを入力

  • 規約に同意して

川島和正の日刊インターネットビジネスニュース
■読者数32万部超、日本一の個人メルマガ(まぐまぐ総合ランキング調べ) ■9年連続で年収1億円以上になり、70か国以上を旅行して、 190平方メートルの豪邸に住んで、スーパーカーに乗れるようになり、 さらに、著書は、日本を代表する超有名人2人に帯を書いてもらい、 累計50万部のベストセラーとなった、現在香港在住の川島和正が、 最新のビジネスノウハウ、自己啓発ノウハウ、健康ノウハウ、恋愛ノウハウ さらに「今チェックしておくべき情報リスト」などを配信中!
  • メールアドレスを入力

  • 規約に同意して

一緒に歩もう!小富豪への道
富裕層むけ、富裕層入りを目指す方むけの究極の資産防衛メルマガ!一国だけに資産を集めておくのは危険な時代がやってきました。海外ヘッジファンド、貴金属、不動産からアンティーク・コインまで、金融不安に負けない世界分散ポートフォリオを、経験豊富なファイナンシャル・プランナーが誠意をもってご案内します。
  • メールアドレスを入力

  • 規約に同意して

今週のおすすめ!メルマガ3選

日本株投資家「坂本彰」公式メールマガジン
サラリーマン時代に始めた株式投資から株で勝つための独自ルールを作り上げる。2009年10月、130万円だった株式資産は2015年に5000万円を突破。定期預金などを合わせた資産は1億円に。 平成24年より投資顧問業(助言)を取得。現在、著者自身が実践してきた株で成功するための投資ノウハウや有望株情報を会員向けに提供しているかたわら、ブログやコラム等の執筆活動も行う。 メールマガジン「日本株投資家 坂本彰 公式メールマガジン」は2014年まぐまぐマネー大賞を受賞。読者数2万人。雑誌等のメディア掲載歴多数。 2016年12月1日『「小売お宝株」だけで1億円儲ける法』が日本実業出版社より発売!
  • メールアドレスを入力

  • 規約に同意して

サラリーマンで年収1000万円を目指せ。
高卒、派遣社員という負け組から、外資系IT企業の部長になった男の、成功法則を全て公開します。誰にでも、どんな状況、状態からでも自分の力で人生を変えるための情報と知性を発信しています。人生を意のままにするには、脳みそとこころの両方が進化しなければなりません。そんな進化とは何か?をお届けする四コママンガ付きメルマガです。2014年から3年連続でまぐまぐ大賞部門賞を受賞しました 学歴やバックグラウンドに拘わらず、人生を思いのままに生きるために必要な考え方が書かれた、「良書リスト」も希望者に差し上げています。
  • メールアドレスを入力

  • 規約に同意して

ダメおやじの全財産をかけた崖っぷちFX通信
【1日に数万人が熟読する人気FXブログのメルマガ版】 相場歴30年以上のダメおやじがFXノウハウを大公開! 毎朝配信!毎日の経済指標情報や攻略法を無料で解説しています。 ●損切りがうまくできない、利食いが浅い ●ポジポジ病(ポジションを不要に持ってしまう) ●コツコツドカーン(小さく勝っても大きく負ける) ●エントリータイミングわからない ●メンタル面が弱い このようなお悩みがあれば購読してみてください。 FX初心者から経験者まで、FXの悩みをこのメルマガで解消します。 期間限定でメルマガ内で数万円相当分のFX情報商材をプレゼント中!
  • メールアドレスを入力

  • 規約に同意して

アーカイブ

他のメルマガを読む

ウィークリーランキング