Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
Programming & Tutor | yos-blog

仮想DOMとSSR:知識

Input

https://arakan-pgm-ai.hatenablog.com/entry/2019/04/18/000000

最近の動向をわかりやすくまとめてあって、トレンドをなんとなく理解してる人にオススメ。非エンジニアでも読める。

Output

仮想DOMとは?実際にブラウザによって解析・レンダリングされるDOMは、HTMLを木構造で表した要素を全て含んでおり重い。またJqueryでDOMを操作すると、このDOMが再構築されレンダリング処理の一部が何度も動作する問題があった。そこで操作対象とされていたDOMを構築する前処理として、DOMを構築するのに必要な情報のみを保持する仮想DOMを生成し、実際のDOMへの反映は差分のみを行う。この仕組みがReact, Vueでは採用されており、高速に動作すると評価されている。

SSRとは?サーバーサイドレンダリング。サーバー側でレンダリングをすること。HTMLをサーバー側で作成するだけでなく、従来はクライアント側で動作していたレンダリング処理をサーバーサイドで実施して、ただ表示すればいいだけのHTMLをクライアントに渡すこと。

参考にしました

https://www.konosumi.net/entry/2018/08/25/020111

中国人は何故プログラミングができる?

中国人 プログラミング 何故

上海生活×同僚(中国人エンジニア)

今更ですが自分はIT系の企業に勤めているので、上海事業所在籍の中国人はは情報系学科出身の人が多いです。

 

今回の話は、あくまで主観ですし(まぁそもそもブログなので主観ですが、、、)現在、自分が一緒に働いている中国人は6人しかいないので、全てがこうだ!というわけではないと思うのですが、日本人とは違うなーって強く思ったことがありました。

 

何故プログラミングができる?情報系だから?

 

もう一ヶ月ぐらい前ですが、チームで飲み会があった時に、中国人の同僚たちに、
  • 「何故、情報系の学科を選んだのか」
  • 「どうやってプログラミングと英語を身につけたのか」

ってのを聞いて見ました。

「何故、情報系の学科を選んだのか」の答え

  • 高い給料をもらえるから。
  • 仕事に困らないから
  • 親戚に上記の理由で勧められたから。
  • 元々興味があったから

 

という理由。この答えどうですか?自分は事情に詳しいわけではないですが、体感として日本人の多くは、大学や学科を選ぶ時に、「将来稼げて、仕事に困らないから」という理由で大学を選択しないですよね。どちらかといえば、「自分の受験した大学の中では偏差値が高くて、まぁ悪くないかな」程度の感覚だと思います。

 

とにかく
 ・情報系の大学に行けば、給料が高いという感覚
 ・大学を選ぶ時に、稼ぎ・仕事という視野がある
のが新鮮です。そして、次の質問

 

どうやってプログラミングと英語を身につけたのか

 

まず英語について

 

Me
何故、英語ができる?

中国人エンジニア
中学生の頃からやってたから
Me
ん?別にそれって日本も同じだけど、どうして喋れるの?どんな授業なの?喋る内容が多い?
中国人エンジニア
いや、学校は読み書き・文法ばかりだよ。
Me
ん?じゃぁ、どうして?
中国人エンジニア
自分で勉強したからかなー?

 

んーなんとも曖昧な返事・・・。と、ただここで思ったのは環境の違い。当然詳しくはわかりませんが、おそらく彼らが育った環境下(多分、中国の大学のトップレベル)では、喋れることが普通なんですね。だから、逆に言えば、特別に努力したという記憶はなく、普通に人並みにやってただけ。と。

 

日本人だと英語を堪能に使いこなすって、一つのステータスだと思うんですよね。なんか特別な人ができること。
みたいな。ただ、彼らにとっては、できるのが当たり前なんでしょうね。。そして、最後

 

プログラミングについて。

 

Me
何故、プログラミングができる?

中国人エンジニア
大学の学科でひたすら基礎知識を学ぶんだよ。それでベーシックのナレッジはつくんだ。
Me
まぁ、そうよね。情報学科だし。でもそれは日本も同じのような気がするが??

中国人エンジニア

そして、3年4年とマスターになっていくと研究室で、教授のプロジェクトをひたすらやらさせるんだ。教授が企業からもらってきたプロジェクトの手足となってひたすらプログラミングするんだ。実際の企業に使われるシステムだってあるよ。
Me
ほっほう。

中国人エンジニア

そして、大学のキャンパスのすぐ横に、IBMとかのオフィスがあって、そこでインターンさせてもらうんだ。インターンでは、実際の仕事で「彼らがやりたくないような面倒な仕事」例えば自動テストの作成とかをやったね

 

この回答に関しては、全員一緒。とにかく、大学中にIT系の会社でインターンする。
そして、実際の会社で行われるようなプロジェクトを教授が持っていて、それにアサインされている。
 なるほど、、、要は大学の1,2年で基礎を学び、大学の後半からプログラミングの実務経験をひたすらしてきているのか。。。

 

まとめ

(中国人エンジニアは何故プログラミングができるか)

 

  • 彼らは大学時代から将来を見据えて勉強を開始している。
  • 英語はできるのが当然という環境で育ってきたため、特別な努力をした記憶がない
  • 大学時代から実際のプロジェクトを経験しており、すぐ現場で使える能力を身につけている。

 

ここから感じるのは、単に教育に力を入れるのだけではダメで、やっぱり実用的かどうかってのが、かなりインパクトが大きいみたいだなぁ。。。

 

それでは、また

よければシェアして下さい!いろんな感想お待ちしております!

WordPress更新(アップデート)ができない!

wordpress yos-blo

Fatal error: Uncaught Error: Call to a member function id() on array in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php:36 Stack trace: #0 /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php(538): CrayonFormatter::format_code('', Array, Object(CrayonHighlighter)) #1 [internal function]: CrayonFormatter::delim_to_internal(Array) #2 /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php(516): preg_replace_callback('#()#msi', 'CrayonFormatter...', '//wp-config.php...') #3 /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_highlighter.class.php(166): CrayonFormatter::format_mixed_code('//wp-config.php...', Object(CrayonLang), Object(CrayonHighlighter)) #4 /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_highlighter.class.php(186): CrayonHighlighter->process() #5 /home/yos-ideastation/www/blog/wp-content/plugin in /home/yos-ideastation/www/blog/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 36