kkana's blog

新米コーダーの忘れそうなことメモ

nature of code:今日の練習「ライフゲーム」

See the Pen life game by kanaparty (@kanaparty) on CodePen. ライフゲーム ライフゲーム - Wikipedia 複雑系の特徴をもった セルの系 セルオートマトンのときは 一つの世代を一つの列として表現し、次の世代を下二追加していったけれど ライフゲームのと…

読書メモ:形の美とは何か(5)

まとめの章から面白いなぁと思ったところだけメモ 茶の湯で鑑賞対象になっている茶碗、釈薬や火まわりのムラや貫入、茶室に使用する廃材など (自然の現象によってできた形、景色と呼ぶ)はカオスやフラクタル系そのもの。 近代建築の形のあゆみ 「モダニズム…

hexoでブログ構築(3) テンプレートをカスタマイズする

まずブログのデザインを決め普通にhtmlで書き起こし、スタイルを整えて機能にわけて使えるようにした。 デフォルトで入っているテーマを変更しながら自分の好きなようにテーマを作っていく。 とはいえ・・・初めてテンプレートというものを使ってみる&ejsの…

hexoでブログ構築(2) EJSテンプレートエンジンことはじめ

hexoでテーマをカスタマイズするためにちょっとだけejsを触ったときのメモ。 ejsとは テンプレートエンジン。node.jsで動く github.com インストール npm install ejs html内に書くタグ スクリプト側で用意した変数などを表示するのに使う(エスケープ処理あ…

css設計はじめの一歩

今更ですが・・・。 sassの基本とsassをつかったときの基本的な設計の仕方を教えて貰ったのでメモ。 おすすめされたコンパイラ→ Prepros :: Compile Less, Sass, CoffeeScript and much more with live browser refreshing. BEMは命名ルールが厳格なので納期…

hexoでブログ構築(1)

静的サイトジェネレータのhexoをつかってブログの構築をしはじめたのでメモ。 最終的にはGithabPageで管理しようかと。 大まかな流れは以下 インストールからサーバ立ち上げとブログ記事作成まで ejsをちょっとだけ理解する テーマを作成 まだ手をつけていな…

nature of code:今日の練習「セルオートマトン」

See the Pen cellular automaton by kanaparty (@kanaparty) on CodePen. セルオートマトン セルオブジェクトで構成された系のモデル グリッド状になっていて、状態、近傍がある。そして時間の経過(=世代)がある。 一番簡単なセルオートマトン 世代を一列…

読書メモ:形の美とは何か(4)

装飾美術の基準は数理性だった 数理的秩序に基づいた形 装飾模様の配置に数理性や秩序がある形 フラクタル フラクタル - Wikipedia の特徴・・・部分と全体がそっくり これは自然界のなかでも山や森や雲にも見出せる。 森の写真の一部を切り抜いて他の部分に…

読書メモ:形の美とは何か(3)

印やシンボルは呪い、祈り、そして人間の装飾への願望から生まれた。 原始の模様はほとんどが幾何学模様、パターンも決まっているので世界各地似通っている 単純な幾何学(シンボル性が高い、視認性が高い、再現性が高い) ↓ (図案化) ↓ 葦やパピルスの模…

nature of code:今日の練習「群れ(2)」、大量のオブジェクトを動かすときに考えたこと(5)

See the Pen 群れ(2) by kanaparty (@kanaparty) on CodePen. boid関連の練習問題、これで最後! 大量ものを動かすときにどうするか悩んだシリーズはこれで最後にしたい・・・! 前回書いたboid群れ これはせいぜい30個のビークルを生成するところでカクカ…

試験 70-480:HTML5 と JavaScript および CSS3 との組み合わせによるプログラミング 対策まとめ

試験 70-480: HTML5 と JavaScript および CSS3 との組み合わせによるプログラミング を受けて無事合格できたので、勉強したことをまとめておく。 覚えたことメモ 公式トレーニング mva.microsoft.com Developing in HTML5 with JavaScript and CSS3 Jump St…

覚えたこと乱雑メモ

今日覚えたこと dispatchEventでイベント発火 参考:JavaScript document.dispatchEvent() 要素にイベントを送る dispatchEventをつかってイベントを発火させる - みかづきブログ その3 JavaScriptのカスタムイベント - console.lealog(); イベント初期化に…

覚えたこと乱雑メモ

今日覚えたこと encodeURIとencodeURIComponent encodeURIはXMLHTTPRequestで使えない。GET 及び POST リクエストにおいて特殊文字として扱われる "&"、 "+"、 "=" がエンコードされない。 encodeURIComponentは上記がエンコードされるが、URI全体にかけてし…

正規表現おさらい

正規表現を使う時は var str = '調べたい文字列'; str.match(/ここに正規表現/); ); -で「から」 //aからzまで [a-z] ^で除外 //a以外 [^a] 任意の一文字 . 行頭 ^ 行末 $ 繰り返す回数 {} //例:aからzまでを3回以上6回以内繰り返す [a-z]{3,6} 直前の文…

Developing in HTML5 with JavaScript and CSS3 Jump Startのメモ(2)

mva.microsoft.com またこれを見つつのメモ 半分以上見たところで字幕があることに気づいた いつも調べつつ実装しているので、知っているつもりでも案外頭に定着していないのだなぁ CSSセレクタおさらい 属性セレクタ セレクタ 説明 要素名[属性名] 属性値は…

XMLHttpRequestオブジェクトのおさらい

普段 JQueryのajaxばかりで久方ぶりに書くと忘れてしまっている。 HTTPリクエスト リクエストライン メソッド、リクエストURI、プロトコルバージョン ヘッダー ユーザーエージェント名、どのページから発生したリクエストなのか(リファラ)、クッキーなど・…

boidについて

複雑系とは 複数の単純な個体が狭い範囲の関係を持つ 複数の個体は平行して動作する(同じアニメーションフレームの中ですべての個体の動きがある) 系全体でみると創発具象を見せる 複雑系の特徴 バタフライ効果 - Wikipedia 競争と協力 生命の複雑系にしか見…

Developing in HTML5 with JavaScript and CSS3 Jump Startのメモ(1)

mva.microsoft.com を見つつ、調べつつのメモ セマンティックな要素 header header は、body, blockquote, fieldset, td要素、またはコンテンツ(article、aside、nav、section要素)のヘッを定義。 footer hederと同じようにセクショニングルート要素かコンテ…

google tag managerをすこしだけ触ったときのメモ

無料で簡単に使用できるタグ管理システム https://www.google.com/intl/ja/tagmanager/ googleanalyticsのアカウントIDとセットでページ内のイベントを計測したときのメモです。 少しだけ使ってみてこんな感じかな、、という程度のメモ。 ヘルプ https://sup…

nature of code:今日の練習「群れ」

See the Pen 群れ by kanaparty (@kanaparty) on CodePen. 一気に生物っぽくなった・・・。 あとでboidについて書く

nature of code:今日の練習「マウスとたわむれるビークル」

See the Pen マウスとたわむれるビークル by kanaparty (@kanaparty) on CodePen. 今日覚えたこと 小数点の計算がたまに変になるときがある(なんでだろう??)参考↓ blog.asial.co.jp pc.nikkeibp.co.jp (全くわからない・・・!いつかまた読みたい) キ…

読書メモ:形の美とは何か(2)

形の美しさを考えるとき意味、内容と切り離して造形的要素だけで客観的に判断する方法が必要。 →「美的形式原理」黄金比、シンメトリー、プロポーション、バランス、リズム、コンポジション……などのことを「構成原理」という。 構成原理が様々に重なって表現…

大量のオブジェクトを処理するときに考えた事(4)(インスタンス化と処理速度について)

前回大量のオブジェクトを処理するときに考えた事(3)(連結リストについて) - kkana's blogもうこれでいいかなぁと思っていたところ 「粒子ごとに距離を測って加える力を計算するところ(連結リストをwhile文で回しているところ)でnew演算子を使わないよう…

大量のオブジェクトを処理するときに考えた事(3)(連結リストについて)

大量のオブジェクトを処理するときに考えた事(1)(イテレーターパターンについて) - kkana's blogこれを書いているときに勘違いしていたこと2つめは イレテータパターンと連結リストは同じものだと思っていたこと。 前回 tuitui.hatenablog.com これでイテ…

大量のオブジェクトを処理するときに考えた事(2)(イテレーターパターンについて)

大量のオブジェクトを処理するときに考えた事(1)(イテレーターパターンについて) - kkana's blogこれを書いているときに勘違いしていたこと1つめ itpro.nikkeibp.co.jp このページで イテレーターパターンとは「オブジェクトの持つデータ構造を非公開にし…

大量のオブジェクトを処理するときに考えた事(1)(イテレーターパターンについて)

追記: 後日 この記事を書いた時点でイテレーターパターンと連結リストを混同していた事がわかりました・・・ 最初の様子を残しておきたいのでこのままにしておきます 笑 tuitui.hatenablog.com このコードを書いているときにイテレーターパターンというもの…

nature of code:今日の練習「仲間とぶつからないように動こうとする粒子」

See the Pen ぶつからないように動くビークル by kanaparty (@kanaparty) on CodePen. あとでイテレータについて書く

nature of code:今日の練習「道に沿って動くビークル(曲がり角では曲がる)」

See the Pen 流れに沿おうとするビークル(曲がり角では曲がる) by kana (@kanaparty) on CodePen. 前回 tuitui.hatenablog.com との違いは 曲がり角の数だけ法線を求める記述が増える 進行方向上の予測ポイントと道の法線の接点(距離を測るときに使う)が道の…

読書メモ:形の美とは何か(1)

形の美とは何か (NHKブックス)作者: 三井秀樹出版社/メーカー: 日本放送出版協会発売日: 2000/03メディア: 単行本購入: 5人 クリック: 11回この商品を含むブログ (8件) を見る 読み途中だけどメモ 形 抽象(理念的なかたち) 定形(再現できる・数式で表せる形…

nature of code:今日の練習「流れに沿おうとするビークル」

See the Pen 流れに沿おうとするビークル by kana (@kanaparty) on CodePen. ビークル(流れている点)は毎フレームごとに、今進んでいる進路上の点が道幅からでてしまうようであれば、 その進路上の点から道の真ん中と垂直に交わる点のちょっと先を目標に動…