Fumio SAGAWA albatrosary

Step.1: 簡易サーバ

Node.js 若しくは Python、 Ruby で簡易サーバが利用出来るように準備します

node:

$ npm install live-server -g
$ live-server

node:

資料

簡単なTodosの作成

https://github.com/albatrosary/ng2Todos

スターターキット

WebSocket, WebRTC and Angular1

Angular

AngularJSはGoogle社製のフレームワークで、冒頭で挙げたフレームワークと違い、フルスタックであることが特徴の1つです。データバインディングやルーティング、テンプレート機能をはじめとする、Webアプリケーションを開発していく上で必要とされる機能が一通り揃っています。 Backbone.jsなどの場合は、最低限の機能しかしないため、不足する機能については、サードパーティ製のプラグインやライブラリと組み合わせて開発していくのが定石です。一方、AngularJSでは、機能的な面でサードパーティ製のプラグインを導入することはほとんどありません。標準で用意されている機能だけでも充分な役割を果たしてくれます。また、スクリーンショットにHTML enhanced(HTML拡張 ) とあるように、HTMLのような記述方法を採用しているのも大きな特徴です。

Web Components

ご存知の通り、HTMLとCSS、JavaScriptには明確に役割が決まっています。つまり外観を整えるCSSとHTML、何かしらの処理を行うJavaScriptからWebアプリケーションができています。 HTMLが持つマークアップはセマンティックWebからも重要であることが理解できます。

重要なCSS、HTMLですが、Webアプリケーションを作る上で幾つか問題も指摘されています。例えば

再利用性が悪い
CSSスコープが基本的にはグローバル

	"""
	プログラム名: 2さい児 AI チャットボット
	説明:
	N-gram（マルコフ連鎖）を用いて、2歳の子供のような言葉を生成するチャットプログラムです。
	直近3ターンの会話履歴を記憶し、親の言葉に反応しながら文章を組み立てます。
	"""

	import random
	from collections import defaultdict, Counter, deque

	#!/usr/bin/env python3
	# -- coding: utf-8 --
	"""
	プログラム名: BERTによる単語の文脈依存ベクトル可視化
	作成日: 2024年5月22日
	説明:
	同じ「神戸」という単語でも、文脈（レストラン、観光地、街の雰囲気）によって
	BERT内部のベクトル表現がどのように変化するかを、主成分分析(PCA)を用いて2次元で可視化します。
	使用モデル: cl-tohoku/bert-base-japanese
	依存ライブラリ: transformers, torch, numpy, sklearn, matplotlib, japanize_matplotlib