ブログの整理

とてもとても久しぶりにブログを書いてみます。

もろもろいろいろ整理してみました。


〇アクセスランキング系、アクセス解析系など、
サービス終了しているところのタグ削除とか
終了していなくても、使ってなかったり、実質（うちで）機能していないところは削除
使えてないリンクも削除
いらないところの会員削除


アクセス解析履歴を見ると、月に１～２回アクセスがあって少しビビる。
どこ経由かな？？
もしかしてクローラーとかでも反応するのかな？？


〇テンプレート
変更。
昔メインで使用していた雲のテンプレートもなじみがあったのでそれにしようと思ったけど、
３列で記事の幅が狭いので、２列で似ていたものに変更してみた。

〇ホームページ
だいぶ前に、更新しないのでFTPロックがかかっている。
更新用データもすぐに出てこないところにしまいこんでいるので、更新してない。
自他共にリンクとか見直した方がいいところもあるんだけど。。。



いにしえのネット住民なので、最近のものがあまりわからない。
ホームページとかも最近はもうないのかしら。。。
自分自身がよく見るのも、twitterとかインスタだしね。。。

トップページ構成変更してみた

<before>
    
 

↓↓↓
<after>


カルーセルで画像を表示させてみました。
下の説明なども、レスポンシブの列で表示してスッキリ。

ここ数年サイト改装しか更新していない。
画像表示を最近更新したイラストにしようと思ったら、全然更新してなくて辛い。

でも、以前設定してたjenkinsで、build, lint, test, deploy一発で出来て嬉しい。
テストも、共通と各ページ用と増やして出来て満足♪

開発環境っぽいもの

いろいろ勉強して、webページ作るのに試したツール群をまとめてみる。
分類を細かめ。ツールじゃなくて、考え方も入ってるかも。
太字は、まだ触っていないので試してみたいもの。
最後は、使えたら使ってみたいけど使いどころが見つかってないとかの、ツール名のメモ。

---

プロジェクト管理…redmine

CI ツール…Jenkins
エディタ…sublime text, atom
タスクランナー…gulp

バージョン管理…git
パッケージ管理…npm
フロントパッケージ管理…bower
モジュール管理…Webpack

javascript開発フレームワーク…Angularjs, react, flux
開発言語…coffeescript, typescript ECMAScript 6

CSSメタ言語…sass
CSSフレームワーク…bootstrap
CSS設計パターン…MCSS, SMACSS
スタイルガイド…StyleDocco

htmlメタ言語…Jade

単体テストフレームワーク…jasmine
テストランナー…karma
テスト仮想実行環境ブラウザ…(phantomJS)
E2Eテストフレームワーク…protractor, (selenium)

サーバー環境構築…chef
chefのcookbook依存性管理…Berkshelf
サーバーテスト…serverspec
仮想環境構築…vagrant, Docker
仮想マシン…VirtualBox
仮想ディスプレイ…xvfb
サーバーOS…ubuntu

ログ収集ツール…fluentd

---

監視…zabbix ビルドツール…gradle
コードレビュー…gerrit

イラレの勉強しています。

Illustratorデザインメソッド


学生の最後に、学生の特権を使うべく、学割でイラレを買いました。
それから数年、未だ使いこなせず、、、このまま宝の持ち腐れはダメ。。。
参考にしようと、本を買ったのもだいぶ前ですが、はじめの方を試して終わり、、、
何度か、イラレ練習は使用としていたのですがね（これとかこれとか）



本の全体を通して、描いてみたいもの、異なる書き方・機能を使用しているものをピックアップして描いてみました。
 
タマゴ、星、クリップ、ジグソーパズル、花、オレンジ、蜘蛛の巣、チェック柄、リース、ファー、羽根、ダイヤモンド、水引


ダイヤモンドは、説明もそれなりの量があるので難しそうと思ったら、やっぱり難しいｗ途中で一部加工を省略ｗ
羽根は、手順としては単純だけど、ブレンドの元のパスが難しい。どういう角度でするときれいになるんだろう。
水引は、パスに適用するだけかと簡単そうと思ったのに、その後の手順が色々あって複雑だった。手順通りだから出来たけど、一からだと、ここでクリッピングマスクが必要って気づかないだろう。


全体的に、どこに繰り返しがあるか、どこを線、面とするかというのを考えるのがポイントなんだなと思った。
幾何学的な模様とか、回転や移動を数値で機械的に指定するので、プログラマブルなところもある。
回転の軸とか、altやshiftを押しながらクリックする機能は、知らないと出来ないな。本で書かれていても、初めわからなかった。



この本自体は、作者が素材集なども出していることもあり、デザインが可愛くて使いたくなるようなものばかりです。ただ、書いていて思ったのは、レビューにも有りますが、説明が少ない部分があります＾＾；
「元の画像を描きます」、、、元画像書くのが難しい
「必要なところは、パスを連結します」、、、必要なところってどこ？
「配置して調整した後、再登録します」、、、あれ再登録できない。→間で一度分割が必要
「パスに合わせて塗り分けます」、、、あれ？さっきの図より、いつの間にかパス増えてる？？
とかね。。



いろいろ描いてみて、前よりは使い方にだいぶ慣れたはず。
次はミニキャラなどを描いてみよう。

課題図書というか、最近読んだ本

片手間に隙間時間に本を読むのがちょうどいいので、最近色々買ってます。
紙のものは自分のものは電子化して。（借りたのはだめですが）
もともと電子の本も買い始めました。
技術書もお値段はするので、月に一冊までにしてますが、自分でもどんなの買ったかなと思ったので、読書メモが残っているものを数年前のも含めて一覧にしてみました。


#2012
* 2月・・・Headfirst ruby on rails

#2014
* 3月・・・リーダブルコード
* 6月・・・Headfirstオブジェクト指向分析設計

#2015
* 4月・・・Headfirst デザインパターン
* 5月・・・Headfirst デザインパターン
* 6月・・・
* 7月・・・javascript本格入門
* 8月・・・デザインパターン入門マルチスレッド編
* 9月・・・Effective javascript
* 10月・・・CSS設計の教科書
* 11月・・・（お休み、もしくは、illustlatorデザインパターン）
* 12月・・・SQLアンチパターン


Headfirstシリーズ。出会いは、コミュニティの課題図書として。
一度目は、わざとエラーが出たりまわりくどいかなと思ったけど、例がわかりやすくて覚えやすいので、好きなシリーズに。



家にあったので借りて読んだシリーズ




Javascriptを一度じっくり勉強しようとして買ったもの。



kindleでセールしてたので。コンポーネント設計について、実践的なところがわからなかったので参考になればと。ちょっとしたサンプルがあります。



オライリーの電子書籍で買ってみました。pdfなので、汎用的で嬉しい。内容はこれから。


おまけ。
かわいいデザインの作り方いっぱい。これでイラレの操作の仕方勉強してます。



これから。
次に気になっている本。