プログラミング
ユーザーを限定するwebサイト・webアプリはログインの仕組みが必要になる. AWS cognito, 特にUser Poolsの機能でこれが実装できる. Cognitoとは何ぞ？という方はこちら一読を推奨. tarepan.hatenablog.com Cognitoを用いたセッション管理の大枠 インターネッ…
Amazon CognitoとはIDサービスとデータ同期を提供する. Amazon Cognitoの機能 いくつかのサービスが関わりあって存在. 機能をジャンジャン追加するので名前の整合性が(ry Amazon Cognito Cognito User Pools (Your User Pools) Cognito Identity (Federated …
Amazon Cognito User Poolsとはユーザー名簿管理サービスである. User Poolsの機能 User Pools単体を用いることで 名簿の作成・管理 ユーザーの追加・メール認証・削除 password管理 ユーザー属性の管理・呼び出し ログイン/セッション管理 などが出来る. 他…
概要 webアプリ(ブラウザで動くアプリ)を思いついた、作ろう。 ブラウザで全部の処理させるのって、すごい大変そう。 サーバーを借りて色々する…のかな、難しそう。 →クラウド(AWS)で手軽にwebアプリが作れる！ 具体的に アマゾン ウェブサービス / AWSを使…
パッケージのインストール package.jsonのdependencyに書いておけばEB側で勝手にインストール、すごいぞEB package.json ファイルがある場合は、Elastic Beanstalk では依存関係をインストールするために npm install が実行されます。 link アプリの起動 特…
Math.max()が基本 最近増えた便利記法: スプレッド演算子 (...) Math.max() 引数の最大値を返します. 引数: 数字 (カンマ区切り, 配列不可) Math.max(1,2,4,7,3) == 7 配列の最大値 新しい方法 スプレッド演算子 (...) を利用. ES6から登場したスプレッド演…
データの更新 Data(data, key)のkey指定を利用 nebuta.hatenablog.com データの遷移 transition treeの遷移 Interactive d3.js tree diagram - bl.ocks.org データの引き出し data() 引数無しでselectionの第1groupからjoinされたdatum配列を返してくれる. h…
こっちみれば十分 codezine.jp ディレクトリの操作 ディレクトリの変更 ファイルの操作 新規ファイルの作成 空っぽのファイル New-Item 中身アリのファイル
概要 有向非循環グラフの可視化(visualization)について手法と記事のまとめ。 有向非循環グラフ Directed Acyclic Graph architecture topolodical sort layer assignment vertex ordering within layers median vertex positioning within layers Sugiyama …
固いまとめ Node.jsとはJavaScript実行環境である。 Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. https://nodejs.org/en/ Node.jsはgoogle Chrome (webブラウザ)にも搭載されているV8エンジンを採用. Node.js自体は何の言語…
webにおける3D表現を扱う仕様・ライブラリについて 概要と詳細へのリンク X3D関連 X3D X3DOM webGL関連 webGL : webGLとは - ぱんだのびぼーろく openGL openGL ES Three.js webVR関連 webVR A-Frame 3D"モデル"に関わる仕様 どのような仕様・表記法で複雑な…
input要素のtype="checkbox"で出来ます. 見本 checkbox これラベルつき、ここも押せるよ 仕様書 https://html.spec.whatwg.org/multipage/forms.html#checkbox-state-(type=checkbox) 属性 checkedで最初からcheckされている状態 イベント チェックされたら…
selection.transition() あるselectionに対してtransitionsを適用可能にするmethods. 返り値はselectionの特別なタイプ. Starts a transition for the current selection. Transitions behave much like selections, except operators animate smoothly over…
wise9 › WebGLとはなんなのか、ゲーム好きの大学生に説明してみる webGL 1.0 WebGL is designed as a rendering context for the HTML Canvas element. The HTML Canvas provides a destination for programmatic rendering in web pages, and allows for pe…
webGL 基幹技術 WebGL - OpenGL ES 2.0 for the Web sketchfab 3Dモデル公開サイト&web viewer. webGLを基盤技術として、 各種3Dモデリングソフトのデータ→webGL を実現. 他のサイトに貼り込める3D viewer(ぐりぐり回したりできる)が凄い. Sketchfab - The p…
W3C standardsの策定年と依存関係 このサイトはよくまとまってる感じ. このサイトはとても詳しい. 以下は自分がW3CとWHATWGのspecificationをみてまとめたもの. DOM DOM3 core 正式名称: Document Object Model (DOM) Level 3 Core status: W3C Recommendati…
ローカルスキームとは、URLスキームのうち、リソースへの接続にネットワークを介さないスキームのこと。 A local scheme is a scheme that is one of "about", "blob", "data", and "filesystem". A URL is local if its scheme is a local scheme. URL stan…
webブラウザのデータをローカルに保存・維持しておく方法は複数ある。 Web Storage sessionStorage localStorage Indexed Database API Web SQL Database(標準化打ち切り) FileSystem API(標準化打ち切りの後、新しい規格として標準化中) Cookie application…
覚えておきたいmethods scale 数値のスケール変換関数. 変換のタイプ(linearとか)に合わせたコンストラクタっぽいので関数を作り、入力domainと出力rangeを関数のsetterでセットして完成。 var xScale = d3.scale.linear(); xScale.domain([0,100]) .range([…
PyQt5を用いたGUIに対してmatplotlibの描写システムを埋め込むことは可能 必要な知識は Qt5自体の知識 Matplotlib自体の知識 のみで対応可能。 具体的には FigureCanvasQTAgg classを用いる。 このclassが何者かはこちら このFigureCanvas内において、通常の…
subplotを含むAxesの軸ラベル設定法 axes = fig.subplot(111) axes.set_xlabel("label名") axes.set_ylabel("label名") axes — Matplotlib 1.4.3 documentation subplot()あたりで仕込む方法ありそうなものだが、公式API reference仕事しろ
matplotlibのグラフをPyQt5などのGUIに埋め込むとき、次のように書くことが多いですよね from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as FigureCanvas class MyMplWidget(FigureCanvas): def __init__(self, parent=None): fig = Fig…
matplotlibがそもそも何者かは他のサイトを当たってくだされ。ここではプログラムの流れを説明 1. 部品の組み立て plot()とかsetTitle()とか 2. 実際のグラフ描写 show()とか うん、シンプル極まりない 1.部品の組み立て plot()やsetTitle()で図のアウトライ…
dragとdropは別々のものと考えること dropに必要な3要件: acceptDrops = True であること dragEnterEvent()がオーバーライドされていること dropEvent()がオーバーライドされていること 1. acceptDrops = Trueであること QWidgetクラスのメンバ変数、初期値…
iterate[íṭərèɪt]: ～を繰り返す (weblio) iterateの意味 - 英和辞典 Weblio辞書 pythonにおけるイテレータとは、中身を順番に取り出す仕組みのこと for文でrange(10)から1,2,3...と取り出すときとかに裏で仕事してる __iter__()と__next__()を実装したclass…
