タグ

ブックマーク / blog.riywo.com (23)

  • フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...

    フロントエンド初心者が無事に Hugo のブログを Gatsby で一から作り直すことができた。その振り返り。 歴史 インターネットを小中学生(もはや 25 年以上前)に触り初めた頃に、HTML で文章の構造を作り CSS でデザインする、ということができるのを知って感動したけど、結局自分には何かが合わなくてそれを突き詰めることができなかった。というか、それを知ったが故にテーブルレイアウトとかがどうしても気に入らず、かといって CSS は float が難しすぎて、結局ウェブサイトを作る、という根的な営みをずっと避けてきてしまった。 時は過ぎ、Wordpress の様なブログエンジンや Hugo の様な仕組みがあったおかげでブログを初めて続けることはできた。13 年前にレンタルサーバに Wordpress を置いて始めたこのブログも 9 年前には VPS での Wordpress 運用に

    フロントエンド初心者がGatsbyでブログを作り直した話 - As a Futurist...
    otsune
    otsune 2021/01/03
  • Podcastはじめました&Podcastのはじめ方 - As a Futurist...

    miyagawa さんが始められたのをみて、そういえば Podcast ってどういう仕組でやってるのかすら知らないので勉強ついでにやってみようかなと思って始めてみたら、思った以上に手間がかかってしまったので、3 行でまとめて「みんなも始めよう!」という感じにしたい。 Mac で録音して無音とかカットする github page にアップして Tumblr でブログ作って Feedburner で RSS 作る iTunes から RSS を登録してレビュー通ったら完成! miyagawa さんの Podcast を大いに参考にさせて(パクリとも言う)頂きました。感謝!というわけで、僕の Podcast はこちらになります。まだ ep0 で、次回から気だす! iTunes – Podcast – Ryosuke Iwanaga「riywo’s Podcast」 riywo’s Podcas

    Podcastはじめました&Podcastのはじめ方 - As a Futurist...
    otsune
    otsune 2013/03/21
  • かっこいいスライドの作り方 #yapcasia 2012編 - As a Futurist...

    さて、今回スライド結構がんばって作ってみました。どうよ、これかっこ良くない??? https://speakerdeck.com/riywo/ops-tool-made-by-perl-beginner-number-yapcasia-2012 どうやって作ったのか、大したことはないんですが軽く共有しておきます。 と言っても、ぶっちゃけ以下のエントリを丸パクリして Keynote でポチポチ作っただけですが。。。 Slide Design for Developers フォント Yanone – Free Font: Yanone Kaffeesatz こちらを使わせて頂きました。とてもかっこいいです。 配色 Color Trends + Palettes :: COLOURlovers こちらから自分の好みのパターンを幾つか探して、Keynote のパレットに拾っておいてあとはそれをポチ

    かっこいいスライドの作り方 #yapcasia 2012編 - As a Futurist...
    otsune
    otsune 2012/10/28
  • GrowthForecastをHerokuで動かしてみる - As a Futurist...

    Heroku といえば PaaS では一番有名かなぁと思います。オフィシャルには perl はサポートされてないんですが、buildpack というスクリプト群を準備してあげると perl も使えます。miyagawa さんが公開されているものを少しだけ改造して、それを利用して GrowthForecast を Heroku で動かしてみました。 riywo/heroku-buildpack-perl riywo/GrowthForecast at heroku-dev 当然鬼門は RRDtool GrowthForecast を動かすにあたって、一番の鬼門はご存知 RRDtool になります。依存ライブラリが多く、入っていない場合にはそのインストールが必要になります。gfx さん作のAlien::RRDtoolが Makefile.PL の依存に書かれているので、もし必要なライブラリが一

    GrowthForecastをHerokuで動かしてみる - As a Futurist...
    otsune
    otsune 2012/10/28
  • YAPC::Asia 2012にフル参加してトークとLTもしてきた #yapcasia - As a Futurist...

    今年は前夜祭〜ハッカソンまでフルコースで参加することができました。とても実り多いカンファレンスでした。 前夜祭 いろんな人とお話してたらべるの忘れてて、でも無限ビールあるのでずーっと飲んでたらたいそう飲み過ぎました。。。久々に Hokkaido.pm の方々にお会いしたり、ささたつさんいじったりして楽しく過ごせました。フリークアウトさんの「50ms or die」はどう見ても「50 メートル走 or die」にしか見えませんでした!すみません! 二次会はさくら水産でビール大ジョッキ連発しつついろんな話をできて楽しかったです。ただ、マジで飲み過ぎて何をしゃべったのかはあまり覚えておりません。。。後半、外国人の方が合流されてたので、せっかくなので英語でお話させてもらいました。 1 日目〜英語で 20 分トーク〜 完全に二日酔いで朝から当に気持ち悪い。。。TL を見るとどうやら昨日一緒だ

    YAPC::Asia 2012にフル参加してトークとLTもしてきた #yapcasia - As a Futurist...
    otsune
    otsune 2012/10/01
  • Perlでssh tail -fして目的の行が来たら終了する - As a Futurist...

    簡単だろうと思って始めてみたら意外とハマった。。。例えばネットワーク機器の設定確認とかで、ロードバランサ経由でアクセスしてみてちゃんとアクセスが来てるか確認したい時に、人力だったらターミナル開いてアクセスログをtail -fしといてcurlとかで叩いて「きたきた」ってやって終わりでいいと思うんですが、台数がべらぼうに多いときとかムリポ。 そこで、サーバにsshしつつtail -fを発行してアクセスログをフェッチしつつ、grep的なことをして目的のログが来たら終了、みたいな処理を考えてみた。方針はたぶんこの 2 種類。 sshで渡すコマンドでgrepして目的の行が出たらsshが終了するようにしておく 目的の行は perl で探して、見つけたらsshのプロセスにシグナルを送る なんでこんなめんどくさいことが必要かというと、tail -fは明示的に殺すまで基的にはずっと動き続けるので、なんらか

    Perlでssh tail -fして目的の行が来たら終了する - As a Futurist...
    otsune
    otsune 2012/08/08
  • 結婚しました - As a Futurist...

    すてきな女性とめぐり合うことができ、この度結婚致しました。挙式、披露宴、二次会にとたくさんの方に来て頂き、当にありがとうございました。 この 1 年くらいは挨拶や準備などに忙しく、特に仕事の仲間には色々と助けて頂き大変ありがたく思っています。また、部活の友人達には惜しみない協力をして頂き、当にかけがえのない一生の仲間だと確信しました。ありがとうございます。僕にはもったいないくらいの人ですが、これから二人の人生をもっともっと楽しいものにできるよう精一杯努力していきます。 僕にとってこの数年は色々な意味でまさに人生のターニングポイントでした。数年前、僕はずっと「死にたい死にたい」と言っていました。結局勇気はなくて死にませんでしたが、丁度その頃彼女と出会いました。その前後で親族や大切な友人の不幸を目にしてきました。生まれて初めて仕事を得ました。そして、プロポーズをしてから親族や友人など色んな

    結婚しました - As a Futurist...
    otsune
    otsune 2011/09/21
  • 新人は「サーバ/インフラエンジニア養成読本」読むべきで、僕はツールを開発すべき - As a Futurist...

    ふと屋に寄ったら、SoftwareDesign の特別版で題名のが出ていましたので、ホイホイと買ってしまいました。内容としては、最近の SD 誌であったインフラ系の特集を抜き出してまとめたものなので、多少古い内容もあるかとは思いますが、雑誌のバックナンバーを買い揃えるのって結構面倒なので、こうしてまとめた形にしてくれると入手しやすくなっていいですね! 入門 サーバ/インフラエンジニア養成!基礎講座 効率化(効率的サーバ/ネットワーク管理「実践」入門) 達人管理者になるための ssh 活用術 Kickstart で実践!システム管理「完全自動化」大作戦 開発力 サーバエンジニアのための「開発力」養成講座 クラウド活用 サーバ/インフラエンジニアのためのクラウド入門 セキュリティ これだけは知っておきたいセキュリティの常識 ドキュメント作成 現場で役立つ運用管理マニュアルの作り方 内容的に

    新人は「サーバ/インフラエンジニア養成読本」読むべきで、僕はツールを開発すべき - As a Futurist...
    otsune
    otsune 2011/04/24
  • 突然のTwitter砲にもなんとか耐えたさくらVPSに感謝する - As a Futurist...

    なんか、2/6 の夜に「修士論文の代わりに退学願を提出してきた」が Twitter でばずったらしく、Yahoo 砲よろしく突如としてアクセスが集中しました。下の方にリソースモニタリングのグラフを貼りつけてますが、今までがほぼ 0 に見えてしまうくらいに来てたのでびっくりでした。 まぁ色々コメントつけて頂いたりしてますが、もう2 年も前なんでこのエントリについて今更僕から突っ込むことは無くて、あのエントリはあのエントリとして見て頂ければと思います。ここでは今回そんな突然のアクセス集中にも見事耐えてくれたさくら VPS に感謝しつつ、アクセス集中の状況を鯖管的立場から分析してみましょう。 ちなみに、以前エントリに書いていますがサーバの構成としてはさくら VPS1 台で、CentOS+Apache+mod_fastcgi+PHP-FPM+MySQL5.5(InnoDB)で WordPress

    突然のTwitter砲にもなんとか耐えたさくらVPSに感謝する - As a Futurist...
    otsune
    otsune 2011/04/20
  • YAPC::Asia2010に行ってマジ感動した - As a Futurist...

    初めて YAPC に参加してきました。YAPC というのは Perl というプログラミング言語を当に愛する人達が 集まるカンファレンスです。と言っても、きっとエンジニアじゃない人には分からないんでしょうね、 趣味仕事で使ってるとあるツールが好きだというだけで金曜土曜を潰してわざわざお金を払って集まる意味は。 僕は 4 月に MySQL Conference にも参加してきましたが、当にこういう「I love 〇〇」なカンファレンスは その一体感、楽しさ、心地良さ、知的な刺激、どれを取っても夢の様な場所です。カンファレンスの間はずっと、 ずっとこのカンファレンスが終わらなければいいのに、と思ってしまいます。 僕はインフラエンジニアになってまだ 1 年半のペーペーで、開発経験なんか皆無に等しいので 正直ついていけるか不安でしたが、杞憂でした。それはきっと僕も Perl が大好きだからです

    YAPC::Asia2010に行ってマジ感動した - As a Futurist...
    otsune
    otsune 2010/10/20
  • Plack+CatalystでWebアプリ(とCLI)を作ってみる - As a Futurist...

    1 年間インフラ修行ばっかりやってて、カタムースとかプラック企業の流れに乗り切れなかったので 一念発起して最近趣味で Plack と Catalyst で Web アプリを書こうとしています。 ただ、アプリのロジックに入る前に、そもそもモジュールの構造をどうしようかと 試行錯誤するだけで数週。。。一旦ここまでのまとめをしておきたいと思いました。 Perl 界隈の方々は当にエロくてすばらしいなと改めて感じました。 自分のプログラムセンスの無さをひしひしと感じてますが、 今回のアプリの開発を通じて何か CPAN に上げて、僕もエロくなれたらいいなぁ とか密かに思ってたりしてます。 それは MyApp::Web から始まった とりあえずモダン Perl 入門にあるように、以下の様なコマンドで Catalyst 用のモジュールを 一段名前を掘って作りました。 catalyst MyApp::We

    Plack+CatalystでWebアプリ(とCLI)を作ってみる - As a Futurist...
    otsune
    otsune 2010/06/14
  • 退学して就職した2009年をやっと振り返ってみた - As a Futurist...

    あけましておめでとうございます。あまりの忙しさに結局年内に 2009 年を 振り返ることができなかった riywo です。実家に帰って、多少時間ができたので そろそろ書いてみようかと思いました。とはいえ、もう 2 日後には仕事が始まるという 状態ではありますが。。。 大学院に退学願を提出したのが 2009 年だったということをすっかり忘れてしまうくらいに、 ものすごい変化をした 1 年でした。あの頃が遥か昔に感じられます。 さっき改めて、「修士論文の代わりに退学願を提出してきた」を 読み返してみました。このエントリはまさに退学願を提出したその足で 2 時間くらいで一気に書いた 文章になりますので、かなり荒削りなものになっていますが、あの大学院の 2 年間で 積もり積もったものを書き連ねたものですので、今でも全く気持ちは変わっていません。 改めて当時の分析を振り返ると共に、そこからの変化とい

    退学して就職した2009年をやっと振り返ってみた - As a Futurist...
    otsune
    otsune 2010/01/04
  • 人間には二種類あるけど、優劣はない - As a Futurist...

    「アイデアのつくり方」を読みました。こんなに「小さく」「薄く」「文字が大きい」 なのに、すごい内容のあるでした。というか、ものすごい自信がにじみ出ているで、 だからこそ伝えたいことが明確に伝わってきました。僕もいつかこんなが書きたいと 思いました。 人間は二種類いる 「アイデアの作り方」でも真面目に、しかも厳しく指摘されていることだが、 人間には大きく分けて「二種類」のタイプがあると僕も思う。 書の言葉を借りれば、「この世界を組み立て直す側の人間」と「型にはまった、 着実にものごとをやる、想像力に乏しい、保守的な人間」の二種類だ。これが生まれ持った ものか、それとも後天的な環境でそうなったのかということはどうでもよくて、 現実に 2 つのタイプの人間がいるということは、確かに事実だと思う。 また、最近見かけた以下のエントリでも、似た様なことを言っている。 そして、都会とは、直線的

    人間には二種類あるけど、優劣はない - As a Futurist...
    otsune
    otsune 2009/06/02
  • 修士論文の代わりに退学願を提出してきた

    退学って「お願い」するもんなんだと初めて知りました.というわけで,前々から 言っていた通りに,大学院に退学願を提出してきました.専攻ではすでに修士論文の提出も 発表も終わっているそうです.いつ行われたのかも知りません.とりあえず 4 月からはちゃんと就職して働きますのでご心配なく.日はやさしい国ですね. さて,ここで大学に対する恨みつらみを書いてもしょうがないので, これから(日の一般的な)大学・大学院を目指すという方に対して, これは考えておいた方がいいんじゃないかということを書き連ねておきます. 大学に入って 6 年しか経っていないし,学会にも行ったことのない人間の 戯れ言ですので聞き流しておいて下さい. **【さらに追記】**2 年ぶりになぜか注目されました Twitter が一般にも浸透したんだなぁと勝手に感慨にふけっています。@su319 さんが Toggeter にまとめて

    修士論文の代わりに退学願を提出してきた
    otsune
    otsune 2009/02/27
  • Twitterのアイコンに自動で文字入れたりするPlagger - As a Futurist...

    Plagger+ImageMagick+WWW::Mechanize といったモジュールの組みあわせで, 「○○ なう」とつぶやいたら,アイコン画像に「○○」を書き込んで自動で Twitter に送信するという Plagger モジュールを書きました.ただ,あんまりやりすぎると Twitter から規制が入る予感もあるので,あまり行儀のいいものではありません. Plagger::Plugin::Publish::Icontter 使い方 後述の YAML ファイルみたいに設定した Plagger を定期的(僕は 2 分おき)に 回していること前提で,自分の Twitter で 「自宅なう」 と発言すれば,アイコンの下に「自宅」と書き込んで自動でアップロードしてくれます. その他にもソースを見てもらえばいろいろあることがわかりますし,いくらでも 追加できます. おれ爆発しろ 爆発します おは

    Twitterのアイコンに自動で文字入れたりするPlagger - As a Futurist...
  • Developers Summit2009 第2日目行ってきました - As a Futurist...

    昨日に引き続いて,デブサミ 2009 に行ってきました.昨晩は昨日の寝不足がたたって 日付が変わる前にいつの間にか沈没していて,起きたら 7 時くらいでびびった. 9:30 目黒雅叙園 もはや慣れたもの.何か足が痛くて歩くの疲れた. 10:00-10:50 【13-A-1】 これからの Web テクノロジーを予測する 秋元さんはマスクマンで登場しました.いろいろキーワードを上げてもらっていい感じでした. 「10 年かけて一般人に覚えてもらったパスワード認証というインタフェース」を OpenID に移行するのには 確かに障壁があるよなー.SSH の公開鍵だって未だに使ってない人多いでしょ? ともかく,何でも作って公開してみること.次は常に来る.Google が終わる世界だって容易に想像できる ぐらいの想像力を持って開発をしたいもんだ. 11:10-11:55 【13-E-2】アート・オブ・ア

    Developers Summit2009 第2日目行ってきました - As a Futurist...
    otsune
    otsune 2009/02/14
  • テレビなうBotを復活させました - As a Futurist...

    以前作成したテレビなう Bot を装いも新たに,というか Plagger で作ってみました. いろいろモジュールとか作成しましたが,全部 github に上げてますので, 興味のある人は見て下さい. テレビなう Bot とは? この Twitter Bot は在京 7 キー局それぞれに対応する 7 つの Bot から構成されます. NHK なう Bot NHK 教育なう Bot 日テレなう Bot TBS なう Bot フジテレビなう Bot テレ朝なう Bot テレ東なう Bot Bot の機能 これらの Bot を Follow してもらうと,今のところ以下の機能が使えます. 5 分おきに,実況板の最新レスから 5 つ取得して,番組名を付して自動発言します →5 分だと Post 制限に引っかかるしうざいので,今は 15 分で運用してます>< @を投げると,やはり番組名を付してエコー発

    テレビなうBotを復活させました - As a Futurist...
  • StackStockBooksのエクスポートしたCSVをPerl使って読書メーターにインポートする - As a Futurist...

    読書メーターはインポート機能が無いので他の蔵書管理から移るのが めんどくさいのですが,Perl の WWW::Mechanize 使ってさくっとやる方法. Perl 分かんない人は下手に手を出すと読書メーターがひどいことになるので注意 w Perl 分かる人は適当に加工して使うといいんじゃないでしょうか. できあがった読書メーターはこちら.reverse 入れ忘れたので読み終えた以外, 逆順だけど,まぁどうでもいいや. 読書メーター – riywo さんの読書メーター SSBCSV モジュール まずは StackStockBooks のエクスポート機能で CSV ファイルを書き出します. このファイルには ISBN とか書名とかいろんな情報が入ってますが,基的に 使うのは「ISBN」「状態」「日付」で良いと判断しています. あとは Perl で読み込みます.Text::CSV::Sim

    StackStockBooksのエクスポートしたCSVをPerl使って読書メーターにインポートする - As a Futurist...
    otsune
    otsune 2009/01/23
  • UbuntuでPlaggerやるならこれでいけ!〜VirtualBoxからcronまで〜 - As a Futurist...

    インストールがむずかしいことで評判の「Plagger」ですが,その評判通り 使える様になるまでが大変です.一般的には,CPAN から Plagger を入れれば いいのですが,依存関係が複雑なのと make しながらになるのでやたらと 時間もかかり,一発で入らなかったりと,面倒なことだらけです. この度,さくっと入れる方法が確立できたのでここにメモしておきます. Ubuntu 環境ないよという人のために,Virtualbox という仮想環境に Ubuntu を 入れるところからスタートします.Ubuntu 持ってる人は飛ばして下さい. そして,何よりパッケージを作ってくれた半袖さんには ちょー感謝><! VirtualBox に Ubuntu 入れる VirtualBox とは Sun が提供してるフリーの仮想環境ソフト.これで仮想マシン (こちらをゲストと呼びます)を作ってそこに Ubu

    UbuntuでPlaggerやるならこれでいけ!〜VirtualBoxからcronまで〜 - As a Futurist...
  • PlaggerでTwitterからTumblrへFavを流す - As a Futurist...

    書き直しました! わざわざログインしなくても Fav のフィードは取れるので書き直しました! Plagger 使って Twitter の Fav やふぁぼったーを Tumblr に流すプラグイン作ったよ – As a Futurist… ずっとやりたかったことをやってしまいました.僕は Twitter を見ているときに「これは秀逸www」という ポストがあったらちょくちょく Fav しています.できれば多くの人にこれらの優れたポストを見て欲しいのですが うまいやり方がなくて,それだったら Tumblr に流してしまえばいいじゃないかと思った次第です. 実際,Tumblr には Tombloo 経由で流れてくるポストが結構あります.まさか自分で Fav したポストを 開いて Tombloo するとかはありえないので,ここは Plagger といきましょう. Twitter の自分の Fav

    PlaggerでTwitterからTumblrへFavを流す - As a Futurist...
    otsune
    otsune 2008/11/08
    本文でも書いてあるけど、Filter::TwitterProtectedとかで検査して{meta}に情報いれてかRuleで振り分けると応用きくな