Retired Colourman

何度も朝がやってくる

Webサイト開発とかについて

使っているもの

Markup language

(Markup Languageというくくりが正しいかどうかはわからない)

Haml

結構前から個人的に使っているという理由でhamlを使っている．特に深い思いいれがないのとruby製だからnodeとかで叩くのがつらいという問題があるので，できれば他のものに変えたい(Jadeあたりを考えている)

SASS,SCSSの類は使っていない．使えれば使いたいが，あまり大きくないので別にいいかなとも思う

開発ツール

gulp(とnpm)

Gulpを使っているのは一番最初に手をつけたビルドツールがgulpであるからである.gulpでwatch系を叩けるようにして，そのあとにnpm run start(npm start)で全部一気に解決できるようにした感じ．

gulp-ruby-haml

github.com

gulpからコマンドを叩いて解決してくれる感じ．便利なんだが，エラーの吐き方がおかしいのでどこが間違っているのか目で探さなきゃいけなかったりしてつらい.

local-webserver

www.npmjs.com

これを使ってる．npm scriptで起動できるようにして便利に使える.

ただ，パス周りをわりと解決してしまうので更新する前に python の SimpleHTTPServer でどういう挙動するか確認する．もっとまともな方法がありそうだとは思っている．

npm-run-all

www.npmjs.com

サーバーとwatchのタスクを並列で走らせて便利ってなってる．

"scripts": {
    "watch:gulp": "gulp watch",
    "watch:server": "ws",
    "start": "npm-run-all -p watch:*"
  },

開発方法

GitHubのレポジトリで開発している．

新しい機能を開発するときは

  1. とりあえずローカルでブランチを切る
  2. 開発を勧める
  3. 全部できたらmasterにマージしてからpush

という流れを踏んでいる．結構小さい修正のリクエストが来ることがあるので，ブランチを切っておくことですぐにmasterに切り替えを行って作業できるようにしておいたほうがよい．あと細かい修正はすぐにmasterで行えるようにしておくこと.

これからの展望

Hamlをやめる

他の使いたい．今はjadeが一番気になっています．

Jade - Template Engine

SASSあたりの導入

CSSの書き方が雑すぎてルールを決めないといけないなという気持ちがあるし，それを期にSASSあたりを導入して幸せになりたい．

もろもろのルール

画像ファイル名とか決めておかないとつらい気持ちになる．GitHubのwikiを活用していい感じに幸せになりたい．

2016年6月 月報

月報

もういつの間にか夏至を過ぎていました……今月の月報です。

6月の出来事

IVRC参加決定

IVRCという大会に参加することになりました。

IVRCには企画書の段階で書類審査があるのですが、それには合格することができたのでよかったです。VRや触覚・視覚に対しての知識がないことが改めて認識できてので上手くやっていきたい。つうかけっこうきつそう。

セキュキャン応募→落選

セキュキャンもやってみるかと応募したのですが、残念ながら選考に落ちてしまいました。まだ来年もチャンスがあるので、来年はもっとしっかりエントリーシートを書こうと思います。

(落選で言葉の使い方あってましたっけ)

技術書典

何か本を出そうかなと思っていたのですか、そんな余裕はなく普通に参加しました。いろいろ特徴的でよかった。またあると嬉しいな。

#技術書典

作ったもの

発表

プログラミング初心者のためのTips

プログラミング初心者のためのTips - sh4869.net

サークルのほうでLT枠があるのでそこで発表しました。個人的に「コレに納得できればある程度のものは作れるようになる」といったラインを目指して項目を作りました。いろいろツッコミとかいれてくれると嬉しいです。

プログラム

hubot-todoist

github.com

TodoistをSlack上で操作できるようにとTodoistのbotを作ったのですがAPIの筋があまりよくなく、途中で萎えてやめてしまいました……

つかってみればわかると思います。

読んだ本とか

すごいHaskellたのしく学ぼう!

すごいHaskellたのしく学ぼう!

すごいHaskellたのしく学ぼう!

今読み進めている感じです。12章あたりからよむスピードが落ちている……

はじめてふれたのですが、面白い言語だなぁと思いました(小学生並みの感想)。QuickSortのプログラムがめっちゃ綺麗で感動したりしていました。

新米姉妹のふたりごはん

新米姉妹のふたりごはん (1) (電撃コミックスNEXT)

新米姉妹のふたりごはん (1) (電撃コミックスNEXT)

よさ。読んでいるとお腹すきますね。

やがて君になる

やがて君になる (1) (電撃コミックスNEXT)

やがて君になる (1) (電撃コミックスNEXT)

話題になっていたので買いました。結構展開とかも面白くて、二巻を早く買いたいなーという感じでやっています。あの主人公の擦れた感じが最高にすき。

所感

空回りしている部分があるような気がしていてちょっとつらいです。もうちょっと丁寧に学習することを意識していかないとそのうち死にそう。

来月も上手くやっていきましょう。

2016年5月 月報

段々と徹夜をすると次の日に暑さで体力をやられる日々になってきましたね。月報を書いていきます。

5月のできごと

5/2 「劇場版 響け！ユーフォニアム」鑑賞

anime-eupho.com

タイムラインにガルパンおじさんが大量発生するなか、友人に誘われたので「劇場版 響け！ユーフォニアム」を見に行きました。

演奏シーンの迫力とEDがとてもよかったです。総集編だったので無理して見る必要はないけれど、見に行って損はしないという感じでした。

5/14 ジンジャエールハッカソン 2.5

gingerhack.connpass.com

勝手にやったりしてました。あんまりちゃんと開発をするという感じではなかったので、2.5回という感じにしました。3回は何かちゃんとテーマを決めて行いたいですね。

5/22 大学の学祭

ロボットサークルに参加していたので、そこでの新入生参加の大会に参加していました。

長い時間かけて作業したのですが、結果はあまり芳しくなかったです…。メンバーの多くに知識があったためか、懲りすぎてしまい、製作期間に見合わない予定を立ててしまったのが大きな敗因かなぁという反省をしています。こんな経験は前にもした気がするのですが、学習していないですね。

5/28 2046

5月28日 新専攻設置記念シンポ「インタラクション2046 〜メディアサイエンスがつくる新たな体験・知能・文化」 | 先端メディアサイエンス学科 ｜ #明治FMS

友人に気付かされて慌てて家を飛び出して参加してきました。いろいろな話が聞けて面白かったです(生産性のない感想)。2046年ごろまでには起きているであろうパラダイムシフトを予測する人からどう迎えるべきかという人までいて、聞いていて純粋に楽しかったです。プレゼンがうまくなりたい。

作ったもの

github.com

大学のサークルにて行われた自己紹介プレゼンイベントで使うために作りました。自分でプレゼンツールを作るというのは一度やってみたかったので、結構楽しかったです。

OSS Contribution

OSS Contributionと言えるほどのものなのか甚だ疑問ではありますが、いくつかプルリクを送ったりしました。

Use git user name for author name by sh4869 · Pull Request #304 · google/stagehand · GitHub

Add dev_compiler by sh4869 · Pull Request #37 · yissachar/awesome-dart · GitHub

Add dartlang-users-jp by sh4869 · Pull Request #38 · bokuweb/slack-list-ja · GitHub

GitHubに存在するいわゆるawsome系のレポジトリは、作者がアンテナを張る力が弱かったり、更新速度が低かったりするとあまり意味を成さなくなってしまう問題があるので、なんとも言えないなぁという印象です。

読んだ本

となりのロボット

となりのロボット

となりのロボット

多分こういう作品を優勝と言うのでしょうね…

最高でした。西UKO先生の作品は前からずっと好きだったのですが、となりのロボットだけは読む機会が持てず読みたいと前々から思っていました。しかし、西UKO先生の本は装丁が丁寧なのもあり実物の本が欲しかったため、なかなか購入できておらず焦がれるような日々を送っていましたが、ようやく購入することができました。最高でした。マジで。これが優勝だ。これ以上感想を書いても語彙が減っていくだけなのでやめておきますが、皆さん買いましょう。Kindle版もあるよ。

所感

大学に関してはこのような感じです。

まあそんなものなのかもしれません。

かなり忙しくて息をつく間のないといった感じの5月でした。自分の限界がわかっていないのでどこで倒れるかを試しているような感覚が自分のなかであってあまりよろしくないなぁとは思っているのですが、どうにもいろいろやっているときが一番落ち着いていられるのもあり、どうにもいろいろな予定を追加している現状です。 最終的に何もかも失敗して終わるという未来だけは避けたいので、うまくやっていく必要はありそうです。来月も頑張ります。

2016年4月 月報

大学生になったこともあって、月報のようなものを書くことにしました。なんとか続けたいですね。

4月中のスケジュール

4/2 入学式

多分Twitterなどでもお伝えしましたが、芝浦工業大学に入学しました。その入学式が4月2日にありました。

入学式の会場は東京国際フォーラムでした。入学式のあとになぜかクラシックコンサートがありました。いい演奏だった。あと学長の話に好感が持てました。 芝浦工業大学は今いろいろな意味で話題のスーパーグローバル大学であり、それに合わせたからなのかは不明ですが、学長は最初に日本語で世界に出ることを強く勧める内容の演説をし、次に留学生のみなさんに英語で演説をするという形をとっていました。非常にいい形での演説だったように感じます。

大学の方は最初どうなるか若干不安でしたが、まあ快適に過ごせています。大学の授業などについていろいろ思うところはありますが、まだ入学したてなので適切な判断が下せているとは思えないためここでは言及しないことにします。

他にもいろいろなイベントがあったのですが、ここに書いていいのかなんとも言えない物が多かったため省略させていただきます。

読んだ本

積読は増えました。読めた本は意外と少ない…厳しい。

シャーリー(1),(2)

シャーリー 2巻 (ビームコミックス)

シャーリー 2巻 (ビームコミックス)

シャーリー 1巻<シャーリー> (ビームコミックス（ハルタ）)

シャーリー 1巻<シャーリー> (ビームコミックス（ハルタ）)

表紙に一目ぼれして購入したものですが、買ってよかったなぁと思う漫画でした。

20世紀初頭のロンドンが舞台の、まだ幼いメイドと女主人の話なのですが、全体として穏やかに流れていく作品でありゆったりと読むことができます。主人公のメイドシャーリーが女主人のきれいな姿にあこがれるところや、結婚してしまうのではないかと悩んでしまうところなど、「恋愛でない百合」が好きな方には特にお勧めのシーンがいっぱいです。買ってよかった。

ストレッチ 4

ストレッチ 4 (ビッグコミックススペシャル)

ストレッチ 4 (ビッグコミックススペシャル)

終了していたことを百合アドベントカレンダーの他の方の記事で知っていたのですが、ようやく購入しました。少しの寂しさがありますが、綺麗な終わり方だったと感じます。最終巻までギャグたっぷりだったのがよかったです。

分析哲学入門

分析哲学入門 (講談社選書メチエ)

分析哲学入門 (講談社選書メチエ)

分析哲学という学問を耳にしてからいつか触れてみたいなとぼんやりと考えていたのですが、購入して読んでみることができました。わかりやすい例から分析哲学という学問とはなにか、といったことに触れることができて面白かったです。ただ、哲学方面はほとんど知識がないため、いわゆるパチモノを掴まされていないかということだけ心配です。詳しい人に教えてもらいたい。

他にも「Webを支える技術」「デスマーチ」「存在の耐えられない軽さ」といった本たちを購入したのですが、まだ読めていません。ドグラ・マグラの下巻がまだ読み終わってないのが大体の問題です。しばらく本は買わないでいこうかと思います*1。

作ったもの

４月は忙しかったので特になにも作れていません。５月に期待。

書いた記事

qiita.com

Dart 1.16がリリースされていたので、記事を簡単に書きました。らこ氏に翻訳のアドバイスをしていただいたのですが、大変ためになりました。ありがとうございます。

所感

四月ということで人と会うことが多かったような気がします。ツイッターのフォロワーといくつか飯を食いに行ったりしました。またこのあと忙しくなりそうなのでよかったのかもしれません。 大学の授業は他大学に行った人に比べれば割と余裕がある形となったので、技術的なことの学習やものづくりに時間を割くつもりです。

今月はこれでおしまいです。来月も頑張ります。

*1:たぶん二週間後には忘れている

windowsでgulpを使ってhamlをビルド

メモ

windowsでgulpでhamlをビルドしたい。わかる。

How to

gulpでhamlを扱うにはgulp-hamlとgulp-ruby-hamlがある。gulp-hamlが上手く動くならそれでいいと思う。僕はダメだったのでgulp-ruby-hamlを使うしかなかった。

gulp-ruby-hamlはhamlコマンドを直接叩いてhamlのビルドをしてくれるので、hamlさえちゃんと動けばちゃんと動くのが嬉しい。が、-Eオプション(エンコーディングオプション、UTF-8とかやる奴です)をサポートしていない。windowsだとhamlはちゃんとエンコーディングを指定しないとエラーを吐くのでこれはマズイ。(Haml in Windowsでのエンコードについて - Laboratory of Scarletを参照してほしい)

ので、プルリクでも送るか～～と思ったらもう送ってる人がいた。作者が完全に見ていないだけだった。

added haml encoding option by mongorian-chop · Pull Request #3 · moneypenny/gulp-ruby-haml · GitHub

仕方ないのでnpmをインストールする時に工夫するしかない。npmはgit経由でinstallするパッケージを指定することが可能なので嬉しい。

npm install --save git://github.com/mongorian-chop/gulp-ruby-haml.git#add-encoding-option

あとは適当にgulpfile.jsを書く。

Gulp file for haml in Windows

多分これでなんとかなると思う。gulpを使い始めてあまり立ってないので間違っているところがあったら指摘してもらえたりすると嬉しいです。

2015/11/26 追記

上記のプルリクがmergeされてた。普通にnpm installすればOK。