サーバーとブラウザで「全く」同じコードを実行する Service Worker Magic - ゆーすけべー日記
サーバーが自分自身と同じプログラムを配信して、それをブラウザがロードして、どちらでも同じコードが実行され、サーバーだけではなくブラウザからもレスポンスを返す魔法「Service Worker Magic」を紹介します。 Service Worker Magic こういうことです。 サーバーはCloudflare Workers、ブラウザはService Workerのプログラムを指す サーバーのプログラムはsw.js、ブラウザで動くプログラムもsw.js 全く同じ内容かつ同じリソースを参照して、同じように動く サーバーsw.jsが自分自身のコードsw.jsを/sw.jsというパスで配信する /にアクセスするとsw.jsがService Workerとして登録される /sw/*をService Workerのスコープにする /server/helloにアクセスするとサーバーからレスポンスが返
君はPornhubを知っているか - ゆーすけべー日記
Pornhubをご存知だろうか。 答えは当然Yesだろう。 ところがその本当の実態について我々は理解しているだろうか。 WikipediaのPornhubページには興味深い事柄が書いてある。 YouTubeに次ぐ世界第2位の動画共有サイト 360度動画を提供しており、PlayStation VRで視聴できる 上下運動で発電できるリストバンドを発明した 宇宙空間でポルノを撮影すると発表した VPNHubというVPNサービスを開始した これらのいくつかを恥ずかしながら私は知らなかった。 この恥ずかしさがモチベーションとなり、私はPornhubのポルノ以外のことを調べた。 出てくるものはアダルトコンテンツばかりだったが、 以下の3つのページに出会うことができた。 Pornhub Insights :: Digging deep into the data Interview with a Por
ゆーすけべー日記
以前出版社の方から「本を書かないか？」というお話をいただいて早2年以上。 紆余曲折ありましたが、来る11月20日（火）に本を発売することになりました！ 本の名前はズバリ「Webサービスのつくり方」です。 Amazonでは既に予約可能な状態になっています。 どんな本なのか？を特徴と共に紹介しましょう。 1. Webサービスをつくるプロセスを網羅的に 僕は今まで大小合わせてWebサービスを何個もつくってきました。 「つぶして」しまって今では見れないものが多く申し訳ない点もありますが、 サービスをつくることは非常に楽しいことです。 僕の専門分野はおそらく「Webアプリケーションエンジニア」ではありますが、 特に小粒なサービスの場合においては企画をつくったり、プロモーションしたり とWebサービスをつくって運用する全ての行程＝プロセスを一人で踏んでいくことになります。 こうした網羅的なノウハウが一
miyagawanize2 - ゆーすけべー日記
はじめに miyagawa（宮川達彦）さんはスーパーギークの一人です。昨日のLL Decadeでも基調講演なさってました。 誰しもmiyagawaさんのようにコードを書きたいと思っているはずです。 しかし、僕たちは彼のようにはなれません。なぜなら「紫色の何か」が欠けているからです。 紫色の何か これは一体なんなんでしょうか？僕には分かりません... けれど、miyagawaさんのようになるには必要なものです。 そこでmiyagawanize2というWebアプリを作ってみました。 miyagawanizeの基本 miyagawanizeでは以下のモジュールを使います。 use Imager; use Image::ObjectDetect; ImagerはPerlらしく画像処理をするためのモジュール。 Image::ObjectDetectはOpenCVの物体検出の部分をPerlから利用でき
エロサイトのじわじわ（TV放送コード版）資料 - ゆーすけべー日記
GXEB #5でたった今発表した「エロサイトのじわじわ（TV放送コード版）」の資料をSlideShareに上げました。内容がアレなんで詳しいことは推測してくださいw
勉強会・カンファレンスに行こう〜YAPC::Asia特集 - ゆーすけべー日記
IT、特にWeb系の人達は勉強会が大好き！今回は勉強会やカンファレンスに行った事がない人向けに、 勉強会とはなんぞや？を説き、少しでも「行ってみたいな」と思わせ、 YAPC::Asia 2012というイベントに誘導するという一人ステルスマーケティングな記事を書いてみたいと思います。 ＊注意＊ YAPC::Asia主催であるJPAさんから決して何かもらってるわけではありませんw！ むしろ僕が所属する（株）ワディットがスポンサーしてるくらいですから！ 勉強会、カンファレンスとは？ 読んで字のごとくみんなで集まって勉強する会、に代わりはないのですが、IT系の勉強会には特定の形式があります。 まずは 発表型 。参加者のうちスピーカーが決められた時間発表を行い、残りの参加者が話を聞きます。 発表時間はYAPC::Asiaの場合、20分と40分があります。大抵質疑応答も含みます。 また、後述するLig
PocketIOのイカ娘語echoサンプル - ゆーすけべー日記
SocketIOのサーバ側Perl実装のPocketIO。 Hachioji.pmが中心となって開発しているYairc（仮）でも使われているんで、 気になって触ってます。 実用的に使うにはPlackのMiddlewareとかAppを活用して他のWeb Application Frameworkのアプリと同居させるといいのかなぁーと なんとなく妄想してみる。そこで、Plack::App::URLMapのmountメソッドでPocketIOのHandlerとMojoliciousアプリのパスを分けて、簡単なイカ娘語変換のechoサンプルをつくってみる！といってもMojoliciousアプリの部分ってほとんど無いけど！ app.psgiはこんな感じっす。 use Mojo::Server::PSGI; use File::Spec; use File::Basename; use lib Fil
Rubyやってみる！（新おっぱいスクリプトもあるぉ） - ゆーすけべー日記
某プロジェクトでRuby on Rails使うっていぅんで 「アジャイルWebアプリケーション開発」本なんて買ってチュートリアルとかやってます。 ただ、Ruby自体なにも分からないので、Rails覚えてもどれだけできるかがよく分からなす。 ってことでRubyを勉強する！と先ほど書いてみた4つのスクリプトをご紹介。間違ってたらツッコミよろしくおくんなまし。 とはいえ簡単なやつだよ！でも新しいおっぱいダウンロードスクリプトもあるよ！ open-uri.rb まずは、Perlで言うLWP的なもの、つまりHTTPクライアントでこの日記のHTMLを取得してみるよー。 あら、簡単だねっ。 require "open-uri" html = open("http://yusukebe.com/").read; p html twitter-search.rb お次に「お得意の」APIを叩く系をやってみる
ノマドならルノアールがはかどるよねぇ〜っていう10個の理由 - ゆーすけべー日記
遊牧民的に仕事するノマドワーク。僕は「おうち」が一番はかどったりするんですが、 どうしても「おそと」で作業しなくてはいけない時があります。 そんな時に心地よくノートパソコンをカタカタと打てるような空間が関東近辺で展開する喫茶ルノアール（修正：ルノワール→ルノアール＞＜）です。 今も実はルノアールにいます。ご存知の方は当然のごとく知っているルノアールの魅力ですが、 なんとなく列挙してみると10個も出てきましたので紹介してみます。 1. 長居しても嫌な顔されない まず、これが一番でしょう。長い時間居てもコーヒー一杯頼めば店員さんに嫌な顔全くされません。 むしろ店員さんは笑顔です。 2. 場所によっては空いている で、お店が混んでる時には長居してるとお店に悪いなーって感じでその点はもちろん考慮した方がいいでしょう。 ですが、場所によってはいつも空いている店舗があったりしてそういう場所は使いやすい
Webアプリのパフォーマンスアップ作戦 - ゆーすけべー日記
予定している機能を実現するアプリが完成するだけでWebサービスが成り立つわけではありません。 運用の最中にパフォーマンスにまつわる問題が出てくる可能性があります。 それは突然大きなトラフィックがやってきたというような時だけではありません。 知識が無いうちですと、いざ運用に乗せてみるとずいぶんとサイトの読み込みが遅いといったケースが発生することもあります。 僕はいくつかのエロサイトを管理しているのですが、 その中に月間700万PVのアクセスをいただいている「サイトA」があります。 サイトAの場合、トラフィックもそこまで無かった当初からパフォーマンスに関する問題がいくつか発生し、 その都度調べては実践で試して対策をしてきました。また、できる限り少ないリソースでの運用を目指しています。 今回はWebアプリのパーフォマンスアップ作戦として、 サイトAでの運用経験からのいくつかの方針やTipsを紹介
CSS Frameworkを持つ - ゆーすけべー日記
例えば、Webサービスのフロントエンドのコードを書き始める時にまず何をするでしょうか？ デザインスケッチや画像を元にHTMLとCSSを記述していくことになると思います。 少なくとも僕はそうですね。 理論的にはHTMLだけでもWebサービスを作ることはもちろんできますが、 見た目を少しでも調整したいとなるとCSSが必要になります。 例えばCSSを使わないHTMLの場合、いくら単純なレイアウトだとしても、 デフォルトのリンクの色を変えたかったり、フォントを変更したかったり、 要素ごとの余白をどうにかしかったりと最低限の要望が出てきます。 こうした最低限のCSSに対するニーズは共通化して自分なりのCSS Frameworkとして持っておくとよいと思います。 近頃、一からCSSを記述しなくなったのもこうした考え方のおかげです。 今Web上で配布されて利用可能なCSS Framworkが非常に増えて
月10万稼ぐにはiPhoneアプリ開発が一番速かった - ゆーすけべー日記
実は大学時代の同期であるgamellaが面白いエントリーを書いていました。 題名は「ニート革命再々考とWebだけで月10万円稼げる力」。 ニート革命、つまり職がないときにじゃーどうするの？という問題について、こんなことを書いていた。 ... 最近はもう考え方が結構変わっていて、 とりあえずWebで月10万円稼げる方法を何とか見つける！というのが直近の答えなのかなーと思う。 ... 僕なりの解釈だと、Webだけで10万円を稼げれば、 住む場所によってはレバレッジが効いて場所と時間に束縛されないんで自由な生活できるんじゃね？ってとこです。 すごい同意です。特に今だったら日本円を稼いで東南アジアに住むなんてプランはありありだと思います。 また10万円という単位も一つの目標としてよい設定値だと思います。 さて、僕は、諸々の事情があって日本に住んでいますが、 Webだけで10万以上稼ぐことはしていま
月額980円のさくらVPSを個人用に使い倒す - ゆーすけべー日記
Webサービスの運営用にVPSと呼ばれるバーチャル・プライベート・サーバを借りることは昨今よくあることだと思います。 VPSのサーバを借りればroot権限を持てることになるので、自由度が高いサーバ環境を構築することができます。 また、スペックによって価格が違っていて、低いスペックなものだと月額かなり低価格なものが存在します。 僕はその中でも月額980円のさくらVPSを借りていて、それを個人用に限って使っています。 これから紹介するような用途であれば980円でもかなりいけます。 ちなみに980円コースのスペックは2012年3月現在で以下のようなものです。 メモリ: 512MB HDD: 20GB CPU: 2Core(仮想) gitリモートレポジトリ 僕が現行で行っているWebサービスでもiPhoneアプリ開発でもバージョン管理は必要になってきて、 そのためのプライベートなレポジトリが欲しく
PerlのWAFはMojolicious推しな件とそのノウハウ - ゆーすけべー日記
Perlerな皆さん！WAFは何を使っていますかー！？ 昨日行われたという「Perl Beginners #1」のレポートを漁っていると @hsksyuskさんのエントリにこう書かれていましたので僕もつい乗っかってみたくなりました。 PerlのWAFは何がいいの？ @ytnobodyさんはKossy推し。 僕はAmon2推し。 ぼ、ぼ、ぼ、僕はMojolicious推し！！！ ということでなぜ僕が今、Mojolicious推しなのかを探るためにその「いい点」と思っていること列挙してみました。 それと同時に悪い点も見えてきて、かつバッドノウハウもあるなーって感じなのでまとめてみます。 Mojoliciousのいい点 依存モジュールが無くポータブル ご存知の通りMojoliciousは標準で入っているモジュールに依存しているだけで、 残りは自前で実装しています。なので、 $ cpanm Moj
無ければつくる - ゆーすけべー日記
車輪の再発明 車輪の再発明という言葉があります。ある目的を果たすためのライブラリや先行事例があるにも関わらず、 同じことを叶えるためについつい自分で作ってしまう行為を指します。 例えば、SinatraというRubyの特徴的なWebアプリケーションフレームワークがありますが、 そのPerlバージョンを作ろうとすれば、 他にもDancerやMojolicious::Liteといった似たようなものが、 Perlのライブラリには存在していて「 でも、いいっか！ 」と制作に入るのがまさに「車輪の再発明」な感じです。 車輪の再発明は一般的に非効率だと言われ推奨はされません。 ただ、僕は勉強のためならばよいと思ってSinatraライクなフレームワークを作ってたりもします。 既存の似たようなものを参考にできるため、学ぶことが多いです。 状況によっては再発明は効果的なこともあると思っています。 とはいえやは
これだけは使ってるMacアプリ10個 - ゆーすけべー日記
Evernoteが好きではない。Macのアプリがイケてないからだ。 変なリッチテキストみたいな奴で編集しなくてはいけなかったり、 Webページからコピペした文字がスタイルを継承しちゃったり、 そもそもMarkdownに対応してもらいたかったり。 だから巷で騒がれるほど、Evernoteはあまり使っていない。 その代わりと言ってはなんですが、お気に入りのMacアプリもあります。 今回はMacのApp Storeからダウンロードできるアプリの中でも、 僕が個人的に「今なら絶対入れる」というものを10個厳選して紹介します。 文章書くのに便利だったり、ちょっとしたライフハック的に使えたり、 クリエイティブな活動に必要だったりするもの達です。では、行ってみよう。 1. DAYONE Day One - Mac Journal Application for iPhone, iPad and Mac
jVideosのWebアプリケーション部分技術解説 - ゆーすけべー日記
先日公開した「jVideos」という（エロ）サイト。 XVIDEOSをiPhoneで快適に見られる「jVideos」を作ってみた - ゆーすけべー日記 jVideos - iPhoneで日本人好みのXVIDEOS （18禁） Webアプリとしての技術的な観点で言えば、クローラーが収集したデータをただデータベースから取ってきて表示するだけの簡単なものになっている。基本的なところではJavaScriptも使ってない。そこで、「単純な上、構造がわかりやすい」いい題材と思ってこのjVideosを用いてWebアプリケーションの基本的な技術を解説したい。 1. Perlを使っています まず、Webアプリケーションを含むバックエンドでは全てPerlを使っている。まぁ何故Perlかと今更聞かれると一番手になじむ言語だったということなんだけど、クローラーやWebのための要素は全てPerlで揃っているので問題
YAPC::Asia 2011ととある高校生との出会い - ゆーすけべー日記
今年もPerlの祭典「YAPC::Asia 2011」に行ってきました＆発表してきました。来場者数やスタッフ、トークの数などで過去最大と言ってもいいYAPCとなったようです。たしかに女性スタッフや参加者の数は例年より多かったですね！ YAPCの最大の楽しみは、たくさんのセッションからプロフェッショナルなトークが聴けるということよりも個人的にはそうしたネタをつまみにしつつ、たくさんのPerl Monger達と出会えることになると思っています。まぁ「Perl 出会い系」です。そこで、印象に残ったケースを紹介。 今年の2月に北海道のPerlコミュニティ「Hokkaido.pm」が主催する「Hokkaido.pm #4」にゲストとして参加させていただいた際に一人の高校生の方と出会いました。akiym君です。「Perlを志す高校生にちょっくらライブコーディングでも見せてやるかいっ」と懇親会の会場でM
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年見たPerlコミュニティそしてこれから #hokkaidopm