読者です 読者をやめる 読者になる 読者になる

kkana's blog

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

大量のオブジェクトを処理するときに考えた事(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. ビークル(流れている点)は毎フレームごとに、今進んでいる進路上の点が道幅からでてしまうようであれば、 その進路上の点から道の真ん中と垂直に交わる点のちょっと先を目標に動…

static関数のことで教えてもらったことのメモ

static関数って何ですか と周りの人たちに聞きまくっていたら色々おしえてくれました。 今は正直わからないこともあるけれど いつか見返してこれのことだったんだ・・・と気づくかもしれないのでメモ。 参考になりそうなリンク staticの意味を徹底的に理解す…

p5.jsのp5.Vector.jsを眺めて改めて分かってなかった と分かったこと

p5.js(http://p5js.org/)はprocessingのjavascript版ライブラリです。この中のp5.Vector.js https://github.com/processing/p5.js/blob/master/src/math/p5.Vector.js を読みました。 static関数が分かったきがする 分かった気がするのは2回目ですが・・…

sublimeTextからAtomに乗り換えたときのメモ

職場で使っているエディターをsublimetextからatomに乗り換えたんですけれど プロキシ設定しないとパッケージのインストールができない。 apm config set https-proxy http://username:password@proxy-server.example.com:000000 apmはAtomのコマンド プロキ…

オットー・クンツリ展に行ってきた

www.fashion-press.net コンテンポラリージュエリーというものがあるんですね。 ジュエリーデザイナーと聞いて、もっと煌びやかなものかと思って見にいったんですけど 全く違って、シンプルでコンセプチュアルな作品でした。 ポスターもすごくいい。 東京都…

2つのベクトルから角度を求めるとき

tuitui.hatenablog.comのときのメモ 2つのベクトルから角度を求めるとき A⃗ · B⃗ = ∥∥A⃗ ∥∥ * ∥∥B⃗ ∥∥ * cos(θ) と A⃗ · B⃗ = axbx+ayby から θ = cos−1 ( ( A⃗ · B⃗ ) / ( ∥∥A⃗ ∥∥ * ∥∥B⃗ ∥∥ ) ) なので、ベクトルでよく使う関数をいつも使いまわしている…

きものモダニズム展にいってきた

www.sen-oku.or.jp 大正〜昭和初期の絣の着物がいっぱい展示されていてこちらも面白かった。 今の時代からみて、「古い」という印象ではなかったのが驚き。 中でもポスターの柄になっていた水色地に紫、黄色、赤の幾何学模様なんて、一緒に展示をみていた人…

フランク・ゲーリー展に行ってきた

21-21でやってるフランク・ゲーリー展に行ってきた。 www.2121designsight.jp ゲーリーというとグッケンハイム美術館、あとBTの自宅スタジオの設計者ってことくらいしか知らない状態だったけれど、展示の見せ方もわかりやすくて、すごく面白かった。 入って…

jsスケッチ 紫たまねぎ

See the Pen 紫玉ねぎ by kana (@kanaparty) on CodePen. 紫玉ねぎ

はじめて書いたフローチャートがボロボロだった

間違っていたこと 制御文の部品(菱形のやつ)の出口はyes no だけでなくても良い。 制御文のメインストリームは下に向かって書く。横に出る方はイレギュラーな時のがおおい? フローチャートを書くと考えられるようになること 制御文で、もしメインがそうじ…

nature of code:今日の練習「風の吹く流れ場」

See the Pen 風の吹く流れ場 by kana (@kanaparty) on CodePen. またパーリンノイズに頼ってしまった

はじめてフローチャートを書いた

FLOWCHART 今までなにか作る時によく図にしてうんうん唸ることはしていたけど、描き方がJISで決まっているんですね。 矢印は上から入って下へ抜ける(か分岐して横に抜ける)のをはじめて知った。 人の書いたものをフローチャートに起こすの楽しいです

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

See the Pen 流れ場 by kana (@kanaparty) on CodePen. canvas30pxごとにパーリンノイズでつくった方向の情報を持たせ、 ビークルが上を通るたびにその情報を渡して加速させる。 パーリンノイズ便利すぎる ついついなんでもパーリンパーリンしてしまうので気…

nature of code:今日の練習「マウスを追いかけようとするビークル」

See the Pen マウスを追いかけてくるビークル by kana (@kanaparty) on CodePen. いつも配列やオブジェクトは参照だってことを忘れてしまう

node.jsでサーバーを起動する・POSTリクエストのデータを取得してみる

普段gulpを使うために触るくらいしか(それもかなり簡単なことしか・・)使ったことがないnode.js。 サーバーを起動できるときいたのでやってみました。 サーバーのこともnode.jsもよくわかってない状態なので間違ってる記述があるかもしれないです・・・ 正直…

今更知ったhtmlのこと(1)

開始タグと終了タグを省略できる要素がある html head body tbody colgroupのこと。(状況によっては・・と必ず但し書きが付いている) 詳しく和訳されている・・・! HTML5 で省略できるタグ - Qiita <の後、>の前には空白は入れてはいけない doctype宣言は…

Github pageを作る

pages.github.com (やり方は公式ページが分かり易すぎるので特に書くことはないです・・) リポジトリごとでも作れるし、アカウントでも作れる。 静的なページは、作業して、gh-pagesブランチにプッシュしたら簡単に作れる!便利だ〜 ※ブログなど動的なサイ…

Box2dWebを使ってみる(3)

前回 tuitui.hatenablog.com 四角じゃないものを作ってみます。 See the Pen Box2DWebを使ってみる(3) by kana (@kanaparty) on CodePen. 頂点が何個かある物体をつくる 前回はPolygonShapeのSetAsBoxメソッドを使って四角をつくりました。 四角以外のものは…

Box2dWebを使ってみる(2)

bodyを作ったので、アニメーションのためのループしながら、ワールドから座標を取得してcanvasに書いてみます。 前回 tuitui.hatenablog.com 作ったもの See the Pen box2dを使ってみる(2) by kana (@kanaparty) on CodePen. 作成したbodyのbox2dワールドで…

ES6のクラス構文を使ってみる

ES6のクラス構文を使ってみたのでまとめてみます。 対応状況 はここで確認 ECMAScript 6 compatibility table クラスの定義 class Particle { //初期化 constructor() { this.fillColor = 'rgba(54,59,123,0.8)'; ・・・ } //メソッド appllyForce(forceVect…

Fiddlerのメモ

フリーのWebデバッグツールFiddler Fiddler free web debugging proxy を使う機会があったのでメモ。 httpsの設定 httpsで使うときは設定が必要なので忘れないようにメモ。 「Tools」-「Fiddler Options…」から「HTTPS」タブを選択。 「Capture HTTPS CONNEC…

Box2dWebを使ってみる(1)

物理エンジンbox2dのjs版はいろいろあるみたいだけれどbox2dwebを使ってみます。 hecht-software/box2dweb · GitHub flash用のものをjsに置き換えたものだそうで、基本的な使い方はbox2dと同じみたいです。ドキュメントはこれを見ています。 Adobe Flex 2 La…