残念なことに、D言語はまだユーザーが少なく、Googleにも"dlang"で検索すると"もしかして golang"と煽られる始末で、まだまだライブラリやフレームワークは発展途上です。そんな数少ないD言語製のWeb Application Frameworkの中で、vibe.dは最も成熟したものだと思います。

vibed.org

先日Pythonで運用していたhayashikun.comのさくらVPSの契約が切れ、もう運用してないWebサービス等もあったので一新しようと思い、vibe.dで実装、dockerでAWSにデプロイしたので、備忘録を残します。

件のhayashikun.comは、以下のリポジトリで公開しております。

GitHub - hayashikun/hayashikun.com

2018年4月22日追記: 中身もなんもないカスサイトの維持に3000円強/月かかってるのでgithub pagesに移行した

2017-03-18

コーヒーサイフォンとの運命的出会い

買った

熱湯は重力に逆らい、上のガラスボールへと流れていく。

f:id:hayashikunsan:20170317214133j:plain

2016-12-31

2016年をサクッと振り返る

人生

1月

研究室に配属される．第二志望の研究室で教授の退官が近いので，配属は1人で同期がいない，ぼっち．それに，院進するとしたら研究室変わらないといけないところになってしまった．研究室入ってちょっと勉強とかしてたら就職するんじゃなくて院進したくなったので就活系を全部辞めた．

2月

学科の友達はみんな結構春休み取ってたけど，特に春休みしたいこともなかったから殆ど毎日研究室行っていろいろしてた．あと，一年ぶりにバイトを始めた．割と有名なIT企業で，時間的にそんなに余裕は無いけど働けてうれしーって感じ．

3月

特に何もなし

4月

4回生になった．卒業研究を始めた．

5月

人生初の再履バスに乗った．特に何もなし

6月

院試の事を考えて研究室の見学とか行った．

7月

院試出願を決める．阪大の別の研究室と東大の研究室に出願した．

8月

院試勉強を本格的に開始した．毎日(殆ど)勉強していた． 8月末に院試を受けた．

9月

院試は受かってた．研究を再開．東大に進学することにした．

10月

マジでクソな一ヶ月だった．

11月

実験の毎日，特に何もない単調な毎日．

12月

単調な毎日．

まとめ

クソな1年だった．来年はいい年にしたい． 来年も皆さんよろしくお願いします．

2016-09-19

CentOS上でMeCab & Python3環境構築

技術系

概要

CentOS上にMeCabをインストールし、Python3から仕えるようにする
MeCabはyumでインストールする
/bin/sh: mecab-config: コマンドが見つかりませんで困ってる人は解決するかも
辞書はmecab-ipadicとmecab-ipadic-NEologd

2016-06-11

完全無欠コーヒーで圧倒的成長し(ようとし)た

はじまり

ある梅田のIT企業でバイトをしている僕、ある日健康が趣味の社員さんに「完全無欠コーヒー」なるものの存在を聞いたそこで早速材料を仕入れ、完全無欠コーヒーなる飲料で圧倒的成長をしてみんとトライしたのである

2016-05-26

DeAGOSTINIの「日本の神社」を約2年4ヶ月かけてコンプリートして得られた知見を共有(自慢)する

へ～

約2年4ヶ月かけてやっとDeAGOSTINIの「日本の神社」全121号をコンプリートした…人生最初でおそらく最後のDeAGOSTINIコンプリート… pic.twitter.com/zwKgvAdnEl
— はやし (@__hayashikun__) May 26, 2016

いえーい！！！

先日やっとDeAGOSTINIの「日本の神社」をコンプリートしました。 2014年1月28日創刊で、第121号が2016年6月7日発行(5月中に届いたけど)なので約2年4ヶ月かけて……！

2016-03-21

TwitterのlikeみたいなエフェクトをJSとCSSで実現する

技術系

祝 Twitter10周年！

らしいそれに合わせてかTwitterのlikeのエフェクトが変わった

@tree0_0tree TwitterのLIKEのエフェクトが変わってたのでgifアニメにして永遠に見ていられるようにした pic.twitter.com/KkdjyTwFOr
— はやしくんさん (@tree0_0tree) March 21, 2016

このlike押した時にエフェクトかかるのは去年から

likeのgifアニメ(ゆっくりめ)です、ご査収ください pic.twitter.com/5pql40SOtW
— はやしくんさん (@tree0_0tree) November 14, 2015

これの仕組みはどうなっているのか、どうすれば自前で実現できるかについて書いていきます

仕組み

このエフェクトはどっちも横長の画像を切り替えて実現させている旧エフェクトは f:id:hayashikunsan:20160321164758p:plain

新エフェクトは f:id:hayashikunsan:20160321164813p:plain

で成っていて、前者は2900 × 100pxで後者は15960 × 280pxなので、それぞれ29コマと57コマの画像を切り替えてアニメーションにしてる

では、この横長の画像1枚からアニメーションを実現させるのはどうすれば良いかというと、CSSのbackground-positionを使うこの属性の詳細はググってみてください

この属性の値を一定時間ごとに変えて、表示させる場所を変えればアニメーションになる

デモ

Twitterの新エフェクトを動かしてみるソースは

<html>
    <head>
        <style>
            #heart {
                background-image: url(heart.png);
                height: 280px;
                width: 280px;
                animation: like 5s steps(57) 0s 1;
                animation-fill-mode: forwards;
            }
            
            @keyframes like {
                0% { background-position: 0px center; }
                100% { background-position: -15960px center; }
            }
        </style>
    </head>
    <body>
        <div id="heart"></div>
    </body>
</html>

<html>
<body>
<style>
#heart {
    width: 280px;
    height: 280px;
    background-image: url(heart.png);
    background-position: left;
}
</style>

<div id="heart"></div>

<script>
document.getElementById("heart").addEventListener("click", function(el) {
    var offset = 280 * 57;
    var tm = setInterval(function() {
        if (offset == 0) {
            clearTimeout(tm)
        } else {
            el.target.style.backgroundPosition =  offset + "px 50%";
        }
        offset -= 280;
    }, 50);
});
</script>
</body>
</html>

汚いけど許して

前者がCSS3のみを使う場合で、後者がJSを使って頑張る場合前者のほうがよさ気だけど、IEとか一部対応してなさそう

こんな感じ

実際Twitterの中ではもうちょいいい感じにやってるんだろうけど、こんな感じで簡単に実現できるね！やったね！

はやし雑記

はやしです

アリエールが臭すぎて耐えられない

全く酒の飲めない下戸だけど、アルコール感受性の遺伝子検査をしてみた

メリークリスマス！

新しくiOSアプリを書くにあたって、VIPERを採用した

vibe.d(D言語製WAF)でWeb開発、DockerでAWSへデプロイ

はじめに

コーヒーサイフォンとの運命的出会い

2016年をサクッと振り返る

1月

2月

3月

4月

5月

6月

7月

8月

9月

10月

11月

12月

まとめ

CentOS上でMeCab & Python3環境構築

概要

完全無欠コーヒーで圧倒的成長し(ようとし)た

はじまり

DeAGOSTINIの「日本の神社」を約2年4ヶ月かけてコンプリートして得られた知見を共有(自慢)する

いえーい！！！

TwitterのlikeみたいなエフェクトをJSとCSSで実現する

祝 Twitter10周年！

仕組み

デモ