「Wingsプロジェクト」タグアーカイブ

秋盛り!

Web開発フレームワーク(Vue.js)

 今回、Wingsプロジェクトさんの著書「速習Vue.js」(山田祥寛 著)のレビューアに応募し勉強させていただきました。今年6月 PHPフレームワーク「Slim」、7月 Pythonフレームワーク「Django」(Kindle版)に続き今回「Vue.js」(Kindle版)と今年は代表的なフレームワークを3つも学ばせていただいた。

速習Vue.js3

読者の私はプログラム超初心者。

1.新しいITサービスやビジネスの「しくみ」に興味持っている
2.最近のプログラミングは仕事でなく趣味(楽しみ)で学んでいる
3.JavaScriptは大昔(1996年)「ホームページを飾るJavaScript入門」という本を1冊読んだ程度。当時ブラウザはネットスケープでした。今はすっかり忘れている。

そんな読者の読後の感想です。

【本書の良い点】
1.フレームワークを使ったシステム開発方法(しくみ)と実装(しかけ)について豊富な内容をコンパクトかつ丁寧にまとめた書籍だと思います(初心者でもとても読みやすい文章)
2.Kindle版(電子書籍)なので、説明の中に関連情報リンクが張られておりハイブリッド(本とネット)で学習できるのはとても便利。また、実習は自宅のPCで、本文はスマホ端末で「いつでも、どこでも」手軽に学べる(自分にあった文字サイズに調整)
3.内容の理解に役立つ実例コードついている。実際に手を動かして入力実習体験(含むエラー、バグだし)できるのはプログラミング学習に大切だと思う(サンプルコードも提供されている。自分の入力コードが正常動作しないときに役立つ)

【本書の読み方】:
1.本書の対象読者:JavaScriptを理解していることが条件でなので、Javascript本を手元に文法、ルールを確認しながらゆっくり一歩一歩理解しながら学習
2.Vue.jsとはなにか、利用環境と開発の「しくみ」と「しかけ」の基本を理解する
3.プログラム初心者は自分でコード入力「写経」(習字の手習い)方式で実習。学習途中、ネットで「専門用語」調べたり、Vue.js入門動画(youtube)見たり、ブラウザ開発ツール(Chrome)で動作詳細もしらべるなど。。。。プログラミング独習者にも昨今のIT環境も参考情報も豊富、利用すればよき「助人」になる

【感じたこと】(順不同)
1.本文中のカタカナ専門用語(英文)は補足説明(Note)または関連サイトURLが付いていると初心者にはありがたい
2.「Vue.js」はWEBサービスのフロント側(画面周り)フレームワークですがバック処理(データ処理とDB)との連携方法が自分にはよくわからない(本書の対象範囲外)今後、機会があれば学びたいと思います
3.プログラム基本知識なしにフレームワークに直接飛び込むのは少し乱暴。対象プログラム言語の文法やルールの事前知識は必要
4.HTML,CSS,Javascripのプログラミング開発保守で経験(苦労?!)がないと、フレームワークの概念や目的が「頭でわかったつもり」になっても「応用力や本当のありがたみ」を体感することは難しいなと思った。(私のような初心者と仕事でプログラム開発に従事する者ではフレームワークへの理解(深み)はおのずと異なる)
5.フレームワークを使用する開発をするかどうかの判断基準は、中程度以上のシステム規模と複雑さがある場合とのことですが、システム開発後の運用保守時の考慮も必要、その採用判断は一般的にはプログラマーだけでなくシステム企画・設計部門やオーナー(客先・投資者など)含めて決めることになると思います。その意味でプログラマーはいくつかの主要な開発言語とフレームワークは使いこなせること、企画・設計部門やオーナー側は判断に必要なフレームワークなど基礎知識・理解があることと「変化が要請される」時代になったのだと感じました。

【今回参考にしたもの】
1.改訂新版JavaScript本格入門(山田祥寛 著)技術評論社
2.日本語サイト
https://jp.vuejs.org/
https://codezine.jp/article/detail/12584
https://vuex.vuejs.org/ja/guide/

WEB開発フレームワーク(Django)


 今回も引き続きWINGSプロジェクトさんの書籍レビューアに応募し「WEB開発フレームワーク(Django)」を学ばせていただいた。今回は最近人気のPython言語のフレームワークだ。前回「PHPマイクロフレームワーク(Slim)」で体験していたのが役立った。プログラム言語やアーキテクチャの呼び方の違いはあるが、根本的な考え方は同じだなと感じた。昭和20年前半生まれの自分には最近のソフトウエア開発や環境の進歩には目を見張るものがある。フレームワークのエッセンスを楽しく学べた。

速習Django3

1.本書の良い点
【コンパクト】PYTHONフレームワーク(Django)の成り立ち、基本的な考え方が明確かつ簡潔に説明されているので短期間で学べる(迅速なWEBソフト開発や保守の品質を担保する仕組みと基本構造の把握ができる)
【学びやすい】MTVアーキテクチャ(モデル、テンプレート、ビューの3要素)の概要から入り段階的に詳細化、一歩一歩実習体験できる「なるほどこういうことかと自分で動作確認しながら学習できる」お手本コード(SampleCode)が提供されているので独習者(初学者)にはとても助かる
【学びの発展】電子書籍の特徴を生かし本書で説明省いた部分の情報を学習したい人には、本文随所に貼ったURLリンクで情報サイトへ直接アクセスでき、さらに踏み込んだ知識、情報の入手拡大可能である。

2.電子書籍(Kindle版)で初めて読む技術書(個人的な感想)
(1)電子書籍の「小説・随筆など」文芸書は読んだことあるが「技術書」読むのは今回初めてです。実習コード入力やアプリ動作確認でキーボード使うため、PCKindleデスクトップ(無料)を利用(Amazon窓口にスマホ→PC移行方法教えてもらった)文芸書は寝転んでもよめるが、技術書はそんなわけにはいかない。1日数時間、メモを手元に置きパソコン画面と睨めっこすることになった。動作エラーの意味をインターネットで調べたり、「行きつ戻りつ」自由、それはそれで「楽しみ」なのだが慣れない為結構疲れた。
(2)電子書籍は、ペーパー書籍と違い、「紙の匂い」、「手触りや重さ」、「装丁の美しさ」など本文内容とは直接関係ない部分が少ないし、「無重力、無味、透明な感じ」で「味わいに欠ける」面があるがこれは贅沢と言えるだろう。
(3)電子書籍の良い所は、自分の好みに文字サイズ変更、ブックマーク(電子付箋)追加など可能でとても便利。書籍製作面では内容の追加、変更や拡張が容易だ。ネットやWEBサイトのURLリンク張ればいくらでも内容の充実が図れる。読者のレベルに応じた読み方も可能。なにしろ読み終わった本が部屋を占有して後で処分に困ることは無いメリットもある

(4)元々自分はペーパー書籍で育った世代、パソコンに向かっての実習中心だが、コードやエラーログは都度画面印刷、結局、電子書籍(内容)と紙(自分のコードミス記録)の「ハイブリッド」で進めた。学習履歴(失敗例)・結果は記念品。

PC2画面分割 左:PC操作(実習) 右:本書(電子書籍)

3.学習の感想(反省):
(1)前提知識は得てから学ぶ:
 読者条件になるがPython言語の記述ルール(掟)位は事前に知ってから読むべきだった。インデンテーション(字下げルール)は重要。 実習初期になんども文法エラーを体験。事前にPython記述ルールだけでも把握して取り組めば「無駄な作業時間を回避」できたと大いに反省
(2)電子書籍は適した環境で使う:
 読み始めてから少し経過してから気づいた。大きめディスプレー(1台)を使い2画面表示に変えた、半分は本書ページ表示、半分は実習コード入力と動作確認で使うことにした(技術者なら当然のことかもしれません。当方、初めてネットで知りました)

4.最後に:
 著書が言うように今後、「フレームワーク」を抜きにしたソフトエア開発や保守は段々なくなることが理解できました。本書でそのあたりの考え方、取組み、しかけを少しただけでも体験できた。技術の仕事で社会のお役には立てない身ですが、新しい学びはいつも楽しい。

Django公式ページ→https://www.djangoproject.com/

Python公式サイト→https://www.python.org/
本家の日本語ドキュメント
https://docs.python.org/ja/3/