manmanrai’s diary

勉強記録ブログ

2D WebGL renderer Pixi.js v4【連載第三回】

前回の話 スプライトを作る三つの方法の中の方法一と方法二、二つとも完結しました。 あと、方法三もJSONの部分を紹介しました。 三つの方法: 画像を使う(個別一個一個を読み込む) プロジェクト内に使いたい全部の画像(sub-image)をまとめた大き画像(t…

2D WebGL renderer Pixi.js v4【連載第二回】

前回の話 スプライトを作る三つの方法を紹介しました。 三つの方法: 画像を使う(個別一個一個を読み込む) プロジェクト内に使いたい全部の画像(sub-image)をまとめた大き画像(tileset)を使う(複数枚の画像を一枚にまとめるってこと) JSON(texture …

2D WebGL renderer Pixi.js v4【連載第一回】

背景 いまどき大人気の2D WebGLを作れるjsライブラリーです。日本語のチュートリアルも少ないなので(2017年4月の現時点)、英語のチュートリアル(文末にリンク貼っておきます。)を読み、単語の意味調べながら、やりながらちょっとずつ勉強の記録書きます…

Canvasの応用(重なる複数の円形にアニメーションとリンク機能)part1

勉強する理由 少し遅いかもしれませんが、いま実案件で先方の要望のより、少し変わった円の上にさらに重なってる斜めの半円形二つ目を作ることになりました。しかも、その変わった形にリンクの機能とアニメーションをつけて欲しいと。 今回はどうしても逃げ…

TypeScript導入記録

理由 TypeScriptの学習コストが低いっぽい、しかも厳密なJavaScriptバージョンらしい JavaScriptとTypeScript比べたら 変数のデータ型あらかじめ決めておける。(静的型付け) クラスを簡単に記述できる コンパイル環境作り ※ node.js公式サイトからダウンロ…

非同期通信ライブラリーpjax.js使い方、難しいところ

目的 スムーズにページ遷移するサイト(非同期通信をしながらURLを変更する) (スーパーパフォーマンスの良いサイトを作ってみたかったです。) 使い方 使用JS: jQuery PJAX公式サイト ステップ: 静的なページを作る(html,css) jsを読み込む <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="./js/jquery.pjax.js"></script> <script src="./js/common.js">

macでfinkインストール

環境 Mac 10.10.5 インストール理由 apt-getを使いたい。 手順 公式サイトからダウンロードする Fink - Source Release Download 解凍し、コマンドラインでフォルダに入って、実行する $ cd cd /Users/*username*/Downloads/fink-0.41.1 $ ./bootstrap いき…

macでPython3 Selenium PhatomJSインストールする記録(まだ成功していません4/5)

インストール記録 環境 mac 10.10.5 方法1 バージョン確認(python、pip生存確認): $ python3 -V Python 3.4.0 $ pip3 -V pip 1.5.4 from /Users/*****/.pyenv/versions/3.4.0/lib/python3.4/site-packages (python 3.4) pip3でSeleniumインストールする $ p…

python2.x系、3.x系共存・切り替え

www.socym.co.jp 機械学習など勉強するため、python3を入れたくて、 でもpython2も残したいので、共存できる方法探しました。 環境 mac 10.10.5 手順 pyenv(pythonバージョン管理ツール)インストールする brew install pyenv pyenv-virtualenvインストールす…

ブログを始めました。

2017年4月1日土曜日。 エイプリルフールの日にブログを始めたいと思います。 理由 今の会社に入社して、二年目に突入しました。 振り返ってみると、この会社で色んな経験させて頂いたと思いました。 そして入社と伴って、初めて東京で一人暮らしも始めました…