Q:　でも、PHPのF/W作るんじゃないんか？何で使うん？  
A:　なんか知らんけど、
・CSSのメタ言語（SCSS -> CSS）とか
・jsのトランスパイラ（最新言語仕様でjs書いて、今ブラウザに実装されているjavascriptに書き直してくれるやつ）とか
・画像の圧縮とか
。パッケージ化とか

ができるようになって、画面周りを作るのが楽になるらしい。

NodeやなくてNodist？

Node.jsはnpmってのでライブラリを管理しているんだと。で、バージョン依存とかがあるので、Nodeのバージョン入れ替えたりする必要がある事が多いそうだ。なので、Nodistを入れて切り替えれるようにしているんだって。

って事でインストール

github.com

Githubの下の方に書いてるREADMEの所に、with the installer　ってあるので、そのリンク先からファイルを落としてきて、YESマンになってインストール。

終わったら

コマンドラインで

nodist dist

って実行するとズラーって何かが出てくるけど、それはバージョンだ。

nodist use 7.8.0

って感じでコマンドを叩くと、なんかダウンロードみたいなのがされる。終わったら、nodistって叩くと7.8.0と表示される。インストールできたぽい。

node -v

ってやるとv7.8.0って出る。

完了だ。簡単や。

同時に、パッケージ管理のnpmも入っているんやが己が古い時があるので、更新コマンドを叩く。

npm update -g npm

うむ、これでNode使う準備はできたの。

エディタを入れて置く

AtomとかSublimeとかあるが、phpdocとかがポップアップで表示されるという機能が嬉しかったので、VS Codeを入れて使っていくよ。エレクトロンで作られているらしくて、Linuxでも使える。 Extentionで設定とかもクラウドで保存できるし、イイね。 code.visualstudio.com

という事で、、、

次はサーバーサイドの環境を作っていこいう。そう、Dockerは使わないで、XAMMPだ。。。サーバーは簡単に作りたいもんね。うんうん。

2017-03-30

ウッドパームレストを自作してみる - その2

DIY

ということで、仕上げ作業

まずは色をいい感じにするゾ

前回、やすりをかけて整形が終わったので、今回はオイルで色塗り。

濃いめの色が好きなのでオーク色のオイルステインを布で塗りぬり。

４回ぐらい塗りぬり。ダークオークみたいにならないかな。。。

ほんで、1時間ぐらい乾かして。。。

滑り止め装着！

木工用ボンド！ゴムは角を丸くしてなんかそれっぽく。

f:id:Bee_Flim:20170330133819j:plain

装着してみる！！

結構な高さがあるキーボード

f:id:Bee_Flim:20170330133804j:plain

寄せてみるととこんな感じ。

f:id:Bee_Flim:20170330133755j:plain

いい高さですね。ほぼぴったり。

f:id:Bee_Flim:20170330133744j:plain

使用感

とても良好です
角度が有りと無しの２種類を作ってみたんですが、FILCO純正の様に手前に角度が結構ついてるほうが使いやすくて、
角度無しだとちょっと手の位置が高い気がする。5ミリぐらいの差だけど結構でかいんだなぁ。
次作る時は気にしてみよう。

板：数百円ぐらいサンドペーパー：200円ぐらいゴム：120円ぐらいオイルステイン：500円ぐらい（結構残ります）

千円行かないぐらいでできたよ！

2017-03-29

ウッドパームレストを自作してみる - その1

DIY

なんか腕がだるい

仕事に使う道具は良い物が良いと思って、初めて高級キーボード（FILCO）購入して、
これはいいなぁとカチャカチャ鳴らしながらタイピングしていたんだけれども、
今まで使っていたキーボードと違いちょっと段差が大きいのである、このキーボード。

電気屋で良く見る腕を置くやつ。今までは高さがあんまりないキーボードばかり使っていたので需要が解らなかったけど、こういう時にいるのか！
って調べてみると、FILCO専用のがあるじゃないですか！しかもウッディでいい感じ。

・・・

ただの木の板のくせに高い。。。

いっその事、作ってみよう

昔に棚を作ったあまりの木の板があるので、そいつを使って作っちゃおう。
そうすれば、サンドペーパー代ぐらいやん。

って事で、調査や！

FILCO用のを写真で見てると半分ぐらいから少し厚みが薄くなってるのね。タイプする時の角度用にちょっとつけてるのかな？
木のサイズは440×81×20㎜(底部クッション含む) なので、偶然丁度いい感じの厚みと長さ。

仮にそのままで使ってみると、重量が無いせいか滑って動いてしまうので、ゴムとかを付けて滑り止めを付けないといけないですね。

設計はできたので後はやるのみ！

結構削りそうなので、40～80ぐらいの数枚と、細かく削るために120、化粧磨きで240のサンド。滑り止めのゴム１枚をホームセンターで購入。

f:id:Bee_Flim:20170329212608j:plain

後は、粗いサンドでひたすら角をとる。

f:id:Bee_Flim:20170329212508j:plain

ひたすら削る。

・・・。

ひたすら傾斜をつける。

・・・。

出来た！！

f:id:Bee_Flim:20170329212558j:plain

あとは、オイルを塗って滑り止めをつければ、完成だ！！

けど、もう夜なのでまた来週にもちこしし

2017-03-29

phpのオレオレフレームワークを作ろう - イントロ

php zend2

プロジェクトに入るといつも・・・

大体、どこかの賢い人がFuelとかLaravelとかSymphonyとかを使って色々いい感じに開発できるように環境を作ってくれている。
けどね、良かれと思った事が過剰サービスになってるところが良くあるんですよよ。

いやだなぁって思うこと

どのDBでも動くから～とか言われても、DBがmysqlからPostgresに変わった事なんて一度もないざんす。
人が増えるたびにORMをメンバーに学習してもらうのが面倒くさい。
ちょっとでも条件文を作ろうと思うと、不具合を埋め込まれやすい。 (コードレビューをそこまでしてられない時もあるんです)
オラオラとphp周りのライブラリは取り込んでいるが、フロントエンドの技術が全く入っていない。

じゃ、作ればいいやん

ってことで、下の要件を満たすものを作っていくよ。

レイアウトは定義したのを使える。
当然画面ごとにレイアウトは変えれる。
テンプレートエンジンを使ってリストとかはいい感じに表示できる。
DBはプレーンに近いSQLで叩ける。
- ただし・・・
  - 論理削除などは自力。
  - オブジェクティブな構造では戻ってこない。
ログイン機能や検索機能、登録機能とかは簡易にできるように、ラッパークラスがある。
フロント回りの技術(メタ言語、webpackなどなど)が使えるようになっている。
レスポンシブにできるようになってる。
説明書がちゃんとある（重要）

うん、いい感じ。

ベースに何使おう

FuelとかSymphonyは使ったことあるし、Laravelは少し遅いらしいし。。。
あ、Zend Framework2使ってみよう！！有名だし、きっといい感じのはずや！(この決断が後で悲しい思いをする・・・)
テンプレートは使ってみて不満が無かったのでmustacheで。
画面周りはReactを入れてみたいけども、それだと開発者が少なそうだからmaterialize cssを使おう。
タスクランナーはとりあえずGulpで。説明書はコードベースで書けるsphinxを使ってみよう！

これで一旦実装していってみよう！！！ある程度できたらGitHubに公開していくよ。

SiG Staff Blog

福井と金沢にある株式会社SIG 総合研究所で働きたい方、ご連絡ください。

PodCastで情報集め

音楽だけじゃなかったんですね

バイリンガルニュース

mosaic.fm

CodeLunch.fm

Rebuild.fm

ただですよ

phpのオレオレフレームワークを作ろう - Node.jsを試す（準備）

Node.jsを使ってファイルを今風にしよう

悲しいかな・・・

とにかく、Node.jsいれましょう

Node.jsってなんの役に立つん？