FumioNonaka.com Newsletter

[FumioNonaka.com Newsletter: no.171]


//=========================================================================
// [FumioNonaka.com Newsletter]
//
let issue = 171;  // 第171号
let published = new Date(2018, 6, 8);  // June 8, 2018
//=========================================================================
const index = {
No_0: ウィークリーWebプログラミングシリーズ,
No_1: 5月の新ネタ,
No_2: セミナー,
No_3: Qiita 5月の記事
};  //_____________________________________________________________________
/*
【PR】
■2018年6・7月のセミナー・講習→No_2: セミナー
2018年6月19日火曜日「jQueryではじめるJavaScript入門」
https://www.jagra.or.jp/school/course/web/javascript_basic.html
2018年7月26日木曜日「Vue.js入門講座」
https://67.org/ws/workshop/detail/0136javascript.html

【No_0: ウィークリーWebプログラミングシリーズ】============================
LinkedIn Learningで私の担当する「ウィークリーWebプログラミングシリーズ」が
はじまりました。このシリーズはすべて視聴が無料です。毎週1本ずつ公開されて、
全24本の今週3本目が上がりました。1本が大体5〜8分間のビデオです。
https://www.linkedin.com/learning/weekly-web-programming-series/749433

JavaScriptの新しい構文、とくにECMAScript 2015について、その具体的な使い方や
これまでの構文とどこが違って何がよくなるのかを解説します。具体的には新しい
Arrayのメソッドの使い方や、ECMAScript 2015のクラス定義の書き方などをご紹介
します。

興味がありましたら、ぜひご覧ください。

【No_1: 5月の新ネタ】======================================================
[HTML5新規情報]
■TypeScript: 高度な型
http://fumiononaka.com/Business/html5/FN1805001.html
TypeScriptには基本型に加えて、より複雑な型を表す機能が備わっています。公式
Handbook「Advanced Types」にもとづき、解説とコード例を大きく改めました。

■TypeScript: Symbol
http://fumiononaka.com/Business/html5/FN1805002.html
Symbolは不変で一意のデータ型です。オブジェクトのプロパティ名(識別子)として
使われたりします。本稿は公式Handbook「Symbols」にもとづき、解説とコード例を
大きく改めました。

■TypeScript: イテレータとジェネレータ
http://fumiononaka.com/Business/html5/FN1805003.html
イテレータとジェネレータは、データから項目を順に取り出して反復処理するため、
採り入れられた仕組みです。本稿は公式Handbook「Iterators and Generators」に
もとづき、解説とコード例を大きく改めました。

■Angular 6: Angular CLIで手早くアプリケーションをつくる
http://fumiononaka.com/Business/html5/FN1805004.html
Angularのアプリケーションをつくろうとすると、環境から構築しなければならず、
TypeScriptなど学んでおくべき技術もあります。Angular CLIはアプリケーションの
開発を手助けするツールです。このツールでとりあえず動きが確かめられるAngular
アプリケーションのひな形をつくってみます。

■Angular 6入門 01: アプリケーションの枠組みをつくる
http://fumiononaka.com/Business/html5/FN1805005.html
「Angular 6入門」シリーズはAngular公式サイトの「Tutorial」をもとに、説明の
仕方や進め方を手直ししたものです。コードの動きは段階を細かく分けて確かめる
ようにし、TypeScriptの構文についても補いました。今回つくるのは、シリーズを
とおして構築するアプリケーションの枠組みです。

■Angular 6入門 02: 編集ページをつくる
http://fumiononaka.com/Business/html5/FN1805006.html
「Angular 6入門 01」で書いたコードに新たなコンポーネントを加えます。それに
より、インタラクティブにアプリケーションのデータが編集できるようになります。

■Angular 6入門 03: データのリストを表示する
http://fumiononaka.com/Business/html5/FN1805007.html
複数のデータをテンプレートにもとづいてリスト表示し、マウスクリックでリスト
項目が選べるようにします。「Angular 6入門 02」で書いたコードに手を加えます。

■Angular 6入門 04: 詳細情報のコンポーネントを分ける
http://www.fumiononaka.com/Business/html5/FN1805008.html
前回につくったアプリケーションの動きはそのままに、詳細情報の編集部分を別の
コンポーネントに切り分けます。アプリケーションに機能を追加・変更するとき、
コンポーネントに分けた方が扱いやすいからです。また、他のアプリケーションに
使い回すこともできます。

■Angular 6入門 05: データをサービスにより提供する
http://fumiononaka.com/Business/html5/FN1805009.html
前回つくったコードに手を加えて、データの取得や提供などの管理を、サービスの
モジュールに分けます。すると、コンポーネントは、データがどこからどのように
得られているのか気にすることなく、もっぱら表示とデータのやりとりさえ扱えば
よくなります。モジュールの役割は絞られ、管理がしやすくなるのです。

■Angular 6入門 06: ルーティングで画面を切り替える
http://fumiononaka.com/Business/html5/FN1805010.html
ルーティングの機能によって画面を切り替えます。ページのコンポーネントを差し
替えるだけでなく、URLも改めることでページの遷移を示すのです。

■Angular 6入門 07: ルーティングで個別情報を示す
http://fumiononaka.com/Business/html5/FN1805011.html
前回のコードに手を加え、ルーティングのコンポーネントをさらに切り分けます。
ダッシュボードやリスト表示のコンポーネントで選んだ個別データをルーティング
して、詳細情報の表示に遷移させます。

■Angular 6入門 08: HTTPサービスでリモートのデータを取り出して書き替える
http://fumiononaka.com/Business/html5/FN1805012.html
ダッシュボードやリスト表示のコンポーネントで表示するデータをHTTPサービスに
よりリモートから取り出し、選んだ個別データを詳細情報の画面で書き替えられる
ようにします。前回のコードと、アプリケーションの見た目の動きは変わりません。

■RxJS 6入門 01: RxJSを使ってみる
http://fumiononaka.com/Business/html5/FN1805013.html
RxJSは、リアクティブプログラミングのJavaScriptライブラリです。リアクティブ
プログラミングとは、データを時間軸にもとづくオブジェクトの流れとして表し、
値やイベントを受け取ったとき、関連したプログラムが反応(react)して処理すると
いうプログラミングの考え方です。非同期の処理やイベントを扱うコードがわかり
やすく組み立てられます。RxJSライブラリをインストールしてから、公式サイトの
「Overview」に沿っていくつか短いコードを書いて試してみます。

■RxJS 6入門 02: Observable
http://fumiononaka.com/Business/html5/FN1805014.html
ObservableはRxJSの基本となるオブジェクトです。値をいくつもまとめて、時間の
制約なく扱うことができます。RxJS 5.5公式「Manual」を下じきに、バージョン6に
改め、コード例や解説も書き替えました。

【No_3: セミナー】=========================================================
■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は書いたことがなくて
構いません。

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

■Vue.js入門講座
https://67.org/ws/workshop/detail/0136javascript.html
Vue.jsは、ユーザーインタフェースをつくるためのプログレッシブフレームワーク
です。画面の表示(View)に絞った操作を扱います。jQueryでは手間がかかるような
インターフェイスも、簡単にわかりやすく組み立てられます。

このコースはJavaScriptの文法の基礎を学んだ方が対象です。Vue.jsライブラリの
設定と簡単なデータバインディングのやり方から始め、データや要素の動的な書き
替え、ユーザーによるデータの操作などひとつずつ段階を踏んでコードを書き進め
ながら、Todoリストのアプリケーションをつくります。使う構文はECMAScript 6に
もとづき、新しいキーワードや記述法、それらの利点を具体的なJavaScriptで解説
します。

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

【No_4: Qiita 5月の記事】==================================================
■TypeScript公式Handbook「Advanced Types」の動かないコードを動かす
https://qiita.com/FumioNonaka/items/9330d2b84a7d9163532a
TypeScript公式Handbook「Advanced Types」にもとづいて、ノート「TypeScript: 
高度な型」という解説を書きました。
http://fumiononaka.com/Business/html5/FN1805001.html

公式解説には動かないコード例が少なくありません。ドキュメントの誤りでなく、
こんな感じというあらすじを示すだけの「なんちゃってコード」。つまり、動かす
気がないサンプルなのです。そうした動かない・動かす気のないコードの例を採り
上げて、動くコードをご紹介します。

■JavaScript: getElementById()メソッドを使わずにid属性値で要素を参照する
https://qiita.com/FumioNonaka/items/0d4e014314e7ac572d0f
HTMLドキュメントの要素にid属性値を加えると、それがあたかも変数のように扱え
ます。たとえば、id属性をJavaScriptで参照して、テキストを加えます。すると、
たしかに空の要素にテキストが差し込まれるのです。その理由を調べてみました。

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

FumioNonaka.com Newsletter

RSSを登録する
発行周期 ほぼ 月刊
最新号 2018/06/08
部数 429部

このメルマガを購読する

ついでに読みたい

FumioNonaka.com Newsletter

RSSを登録する
発行周期 ほぼ 月刊
最新号 2018/06/08
部数 429部

このメルマガを購読する

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

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

  • 規約に同意して

親鸞に学ぶ幸福論
【あなたを幸せにさせない理由はただ一つの心にあった。その心がなくなった瞬間に人生は一変する】と親鸞は解き明かします。 「本当の幸福とは何か」はっきり示す親鸞の教えを、初めての方にもわかるよう、身近な切り口から仏教講師が語ります。登録者にもれなく『あなたを幸せにさせない5つの間違った常識』小冊子プレゼント中。
  • メールアドレスを入力

  • 規約に同意して

日本株投資家「坂本彰」公式メールマガジン
サラリーマン時代に始めた株式投資から株で勝つための独自ルールを作り上げる。2017年、億り人に。 平成24年より投資助言・代理業を取得。現在、著者自身が実践してきた株で成功するための投資ノウハウや有望株情報を会員向けに提供しているかたわら、ブログやコラム等の執筆活動も行う。 2014年まぐまぐマネー大賞を受賞。読者数3万人。雑誌等のメディア掲載歴多数。 主な著書に『10万円から始める高配当株投資術』(あさ出版)『「小売お宝株」だけで1億円儲ける法』(日本実業出版社)
  • メールアドレスを入力

  • 規約に同意して

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

右肩下がりの時代だからこそ、人の裏行く考えを【平成進化論】
【読者数12万人超・日刊配信5,000日継続の超・定番&まぐまぐ殿堂入りメルマガ】 ベストセラー「仕事は、かけ算。」をはじめとするビジネス書の著者であり、複数の高収益企業を経営、ベンチャー企業23社への投資家としての顔も持つ鮒谷周史の、気楽に読めて、すぐに役立つビジネスエッセイ。 創刊以来14年間、一日も欠かさず日刊配信。大勢の読者さんから支持されてきた定番メルマガ。 経験に裏打ちされた、ビジネスで即、結果を出すためのコミュニケーション、営業、マーケティング、投資、起業、経営、キャリア論など、盛り沢山のコンテンツ。
  • メールアドレスを入力

  • 規約に同意して

●人生を変える方法【人生をよりよくしたい人必見!誰にでもできる方法を組み合わせました。】
■「人生(自分)の何かを変えたい!」と思ってる方、まずは最初の1分から始めましょう!今日は残っている人生の一番初めの日です。今、「人生を変える方法」を知ることで、一番長くこの方法を使っていくことができます。コーチングで15年間実践を続けてきている方法なので、自信をもってお勧めできます。「人生を良くしたい!」と思うのは人として当然のこと。でも、忙しい生活の中で人生(自分)を変えることって諦めてしまいがちですよね。誰かに変える方法を教えて欲しいけど、その方法を知っている人は少ない。だからこそ・・・。
  • メールアドレスを入力

  • 規約に同意して

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

  • 規約に同意して

アーカイブ

他のメルマガを読む

ウィークリーランキング