High Performance Web Frontend 2013 秋第15回リクリセミナー「Frontrend in Osaka」 - Re:Creator's Kansai http://recreators.doorkeeper.jp/events/5240 で利用したスライドです。本編60分でした。 同年の7月に行ったWCAN Summer 2013の講演とは、Network周りの前振りを厚くしたり、Compute周りをより薄くしたりと、構成の配分に調整が加えられています。
僕らが大好きだったWebはなくなるのかもしれない - 檜山正幸のキマイラ飼育記 (はてなBlog)
Webはなくなるのかもな、と思います。 この記事の続きは「ブラウザが消滅して： APIベースのWeb」 あの頃のWeb 「Webとは何か」を定義しなければ、なくなるか／存続するかなんて議論は意味をなしません -- それは承知ですが、ここでは曖昧な、あるいは感傷的なWebのイメージに基いて話します。 Webはブラウザで閲覧するものでした。ブラウザはHTML文書の表示装置です。ハイパーリンクをたどってインターネットを“サーフィング”できます。あるいは、検索エンジンを利用して目的のWebサイトを探します。たまにフォームを使ってWebに“書き込み”をします。それが、今までの（「かつての」かもしれない）Web体験です。 このようなスタイルのWebの盛り上がりのピークは2005年からのWeb 2.0ブームだったと思います。Web 2.0の提唱者だったティム・オライリーの真意はどうであれ、Web 2.0
UIの進化を止めるうんこユーザーに我々はどう立ち向かうべきか
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 実はここで言われている@masarakkiさんの意見はすごくわかる。「最高にクール」なUIがクソユーザー（便宜上、UIの良さがわからないユーザーを本エントリではそう呼ぶ）によって阻止されるのは中の人としては決して喜ばしいことではない。 ユーザーは「最高にクールなUI」がわかるか？ まずこの問いから始めたい。一般ユーザーは「最高にクール」なUIがわかるか？ 答えはNOだ。彼らは「使いやすい」UIはわかっても「クール」なUIはわからない。そして「使いやすい」というのは結局各人の主観に依るものなので、この「使いやすい」UIというのは参考にはできても信用はできないものである。 この話を読んで真っ先に思い出した１つの話がある。 フラットデザインや新機種が評判どうか、というのはAppleにとっては意味が無
“事件”から3年 グルーポン、「夢のおせち」プレゼントキャンペーン 「新生グルーポンをおせちから」
デイリーディールサービス「グルーポン」（GROUPON）を運営するグルーポン・ジャパンは11月21日、「夢のおせち」をプレゼントするキャンペーンを始めた。同社のクーポンを通じて販売されたおせちが見本と大きく異なったことに端を発した騒動から約3年。2014年を「新生グルーポンのスタートの年」と位置付け、「新生グルーポンをおせちから」と、「お客様への感謝の気持ちを込めて」実施するという。 キャンペーンサイトから応募すると、「夢のおせち」を抽選で5人にプレゼント。陳健一さんなど和洋中を代表する5人のシェフによる五段重のおせちを、大みそかにグルーポン社員が宅配業者とともに届けるという。「最高の品質と鮮度を保つため」に関東地区で受け取れることなどが応募条件。「日本酒11本飲み比べセット」なども当たる。 2011年正月、Grouponで半額チケットを販売したおせち料理が見本と大きく異なったり、食材を偽
副作用の少ないYankRing.vimみたいなのができました - cafegale(LeafCage備忘録)
Vimmerにハロウィンがアドベントしましたね。 Vim Advent Calendar 2012 335日目の記事です。 Vimのレジスタの履歴を取って再利用するプラグインにYankRing.vimというものがあります。間違えてp（テキストを貼り付け）してしまっても<C-p>で即座に履歴を遡（さかのぼ）ってテキストを置き換えられます。とてもお手軽で、優れたインターフェイスです。 しかしながら副作用が多く、他のプラグインや設定と干渉してしまうという問題がありました。（重要なキーマッピングを軒並み置き換えてしまうのは勘弁してほしいです。） それを見かねたShougoさんはunite-source-history/yankというものを作ってくださいました。レジスタの履歴がunite.vimのインターフェイスで閲覧でき、操作できます。便利でしたが、YankRing.vimと比べると、お手軽さで劣
)
SVG (Windows)
Scalable Vector Graphics (SVG) is a powerful way to add high-fidelity, easily scalable visuals—from small and simple to large and complex— to a website without the need for a plug-in or separate viewer.Windows Internet Explorer 9 introduced support for the basic SVG feature set, based on the SVG 1.1 (Second Edition) specification recommendation (for desktop browsers). The following functionality h
YappoLogs: 2014年に向けた JSON API の実装の方向性と X-JSON-Status 改め X-API-Status header のご提案
2014年に向けた JSON API の実装の方向性と X-JSON-Status 改め X-API-Status header のご提案 追記 2014/11/20 14:00:00 わりと JSON やら XML やら各種フォーマットで API を運用している環境がある場合に JSON API の時だけ X-JSON-Status にすると XML とかの時と整合性取れないし、 X-XML-Status みたいのを量産するのは困る的なレビューを頂いたので X-JSON-Status をやめて X-API-Status にしました。 へたに JSON に限定するから REST とか JSON-RPC とかいわれるんや！ X-API-Status にしたら全部解決したし MessagePack な API でも使い回せるって songmu さん言ってた！ XML とかからどうやって引っこ抜
肥大化したActiveRecordモデルをリファクタリングする7つの方法（翻訳）
更新情報: 2013/11/19: 初版公開 2021/01/08: 訳文見直し、追記 こんにちは、hachi8833です。今回は、自分が知りたかった、Active Recordモデルのリファクタリングに関する記事を翻訳いたしました。1年前の記事なのでRails 3が前提ですが、Rails 4以降でも基本的には変わらないと思います。リンクは可能なものについては日本語のものに置き換えています。 なお、ここでご紹介したオブジェクトは、app以下にそれぞれ以下のようにフォルダを追加してそこに配置します。 注記: 以下は使われそうなフォルダを列挙しただけであり、実際にはこの一部しか使いません。 Value Object Service Object Form Object Query Object View Object Policy Object Decorator ⚓ 肥大化したActive
Ruby で CSS をパースする - present
先日、motion-fontawesome を FontAwesome 4.0.3 に対応させたときの話。 利用できるアイコンを Hash で定義する箇所があり、 手入力でやるには数が多すぎる上に、さしみたんぽぽ作業。 なので、FontAwesome の CSS をもとに Hash を組み立てる Ruby スクリプト書いて一気にやった。 CSS のパースには css_parser っていう gem を使用している。 # coding: utf-8 require "css_parser" include CssParser parser = CssParser::Parser.new parser.load_file!("font-awesome.css") puts "{" # すべてのセレクタを列挙 parser.each_selector do |selector, declarat
SQLアンチパターン - 開発者を待ち受ける25の落とし穴 (拡大版)
unassert - encourage reliable programming by writing assertions in productionTakuto Wada
いまさら聞けないパスワードの取り扱い方
そうだったのか！ よくわかる process.nextTick() node.jsのイベントループを理解するshigeki_ohtsu
「デザインはますます重要」「管理職の仕事は『チームの支援』」──Yahoo!マリッサ・メイヤーCEOが語る
米サンフランシスコで11月19日（現地時間）に開幕した「Dreamforce 2013」で、米Yahoo!のマリッサ・メイヤーCEOが初日の特別ゲストとして登場。salesforce.comのマーク・ベニオフCEOのインタビューに答える形で、Yahoo!の経営で心がけていることや日常の思いなどを語った。 ベニオフ あなたは私が連絡をとろうとするたびにインドにいたり、いつも社員とともに世界中を飛び回っている。その目的は？ メイヤー 一番の理由はグローバルの状況を見たいからです。例えば、イスラエルにはどのような市場があり、日本や中国ではモバイル端末がどのように使われているか――といったことを知りたいんです。 私は前職（Google副社長）でプロダクトマネジメントを担当していましたが、世界に向けたサービスを作るのは簡単なことではありません。それを成功させるためには、世界を飛び回ってユーザーや広告
[ruby] Ruby 2.1 (trunk) と Rails 3,4,edge の組み合わせは多分動かない - HsbtDiary(2013-11-20)
■ [ruby] Ruby 2.1 (trunk) と Rails 3,4,edge の組み合わせは多分動かない asakusa.rb でちらっと話して、どうすれば良いのかわからなすぎてスルーしていたんだけど、2.1 がこのままリリースされても多分 Rails で使うと死ぬ可能性が高いです https://bugs.ruby-lang.org/issues/8995 まあ、何が飛んでくるのかわからないというのが web のサーバーなんで、この挙動変更は困るなーって感じなんですけど、バイナリデータをエンコーディング変換すんな、というのもそりゃそうだという感じなのでどうするのが良いんでしょうね。 ちなみにこの影響で Rails with rvm-head のテストは落ち続けています。テストを直すだけでいいのか、Rails を直すとしたらどう直すのが良いのか。考える帯域不足で大絶賛 btnq の
MacでUSキーボードは使うべきでないたった一つの理由 - 黒猫のひとりごと
Mac Mini買いました。 今までJISキーボード使っていたんだけど、 「かっこいい感じ」 「キー配置が直感的」 みたいな理由で、USキーボードを買って使ってみました。 結論は、USキーボードは使うべきでない 自分がMacでUSキーボードは使うべきでないと思った理由は、 「日本で暮らしているから」 JISキーボードがあふれている日本で、わざわざ使うUSキーボードは使う必要なし。 そんなこと買う前に気づけよ！と言われるかもしれませんが・・・ 他のキーボード使ったら、頭が切り替わらずタイプミスの連続。 前のWindowsPCがろくに使えない・・・ 自宅でも会社でもUSキーボードとか マイキーボード持ち歩いているとか 将来アメリカで暮らすとか なら別ですが・・・ そうでなければ、困ることの方が多いと思います。 直感的なキー配置が必要か？ ぱっと見たしかに、直感的に分かりやすい配置。 「'」と「
pixiv、改行機能を無料会員にも開放したよー → 有料会員減りすぎで涙目状態にp(ixi)v 社長「本当に悲しい……」
イラスト投稿サービス「pixiv」が、登録ユーザー数900万人突破を記念して、これまで有料会員向け機能だった「キャプションの改行」や「太字／斜体指定」などを無料会員にも開放したところ、有料会員が大幅に減ってしまい涙目状態になってしまったそうです。ゆ、有料サービスって難しい……。 ユーザー数900万人突破を記念して、キャプション改行・装飾機能を解放 今回、無料会員向けに開放された機能は、「作品ページのキャプション改行」「作品ページのキャプション太字/斜体指定」「作品ページのキャプション文字色指定」「作品ページのキャプション文字数増加」の4点。しかし、無料会員からは大いに歓迎された一方で、プレミアム会員からは「まじで!? プレミアムやめるわ」「無言で腹パンレベル」など、無料会員との差が縮まってしまうことに対し不満が噴出。これがきっかけで、有料会員コースをやめる人が続出してしまったようです。 お
パスワードが漏洩しないウェブアプリの作り方 〜 ソルトつきハッシュで満足する前に考えるべきこと
■■序論 徳丸さんのスライド「いまさら聞けないパスワードの取り扱い方」に見られるように、昨今、ウェブアプリケーションの設計要件として、サーバ内に侵入された場合でもユーザーのパスワードをできるだけ保護すべきという論調が見受けられるようになってきました。 上掲のスライドでは、その手法としてソルトつきハッシュ化を勧めています。しかしながらスライドに書かれているとおり、ソルトつきハッシュには、複雑なパスワードの解読は困難になるものの、単純なパスワードを設定してしまっているユーザーのパスワードについては十分な保護を提供できないという問題があります。そして、多くのユーザーは適切なパスワード運用ができない、というのが悲しい現実です。 ソルトつきハッシュを使った手法でこのような問題が残るのは、ウェブアプリケーションサーバに侵入した攻撃者がユーザーの認証情報をダウンロードして、認証情報をオフライン攻撃するこ
[AWS] ブラウザからダイレクトで S3 に画像をアップロードする | DevelopersIO
S3 にブラウザから直接ファイルをアップロードする方法について試してみました。 S3 には直接 POST でアップロード可能なので、HTML の Form を使ってアップロードを行います。 この際に、Policy と Signature というものが必要で、これらをアップロードしたファイルと同時に S3 に渡すことで、認証を行う仕組みになっています。 事前準備 S3 バケットの作成 自身の AWS のアクセスキーとシークレットキーを手元に用意 Policy と Signature の作成 最初に Policy Document を作成し、S3 へダイレクトアップロードする際の制約を定めます。 Policy Document は以下のような形式です。 {"expiration": "2013-08-17T00:00:00Z", "conditions": [ {"bucket": "buck
LivIcons Evolution - Truly Animated SVG Icons
LivIcons Evolution The New, Completely Redeveloped, Animated Vector Icons This is a product for web developers and site owners. LivIcons Evolution is the next modern generation of a classic LivIcons pack with cross browser vector icons with individual mini animation for each one. They are based on SVG (Scalable Vector Graphic), powered by JavaScript, work in all modern browsers and look perfect at
mnmly
Hi, folks. I’m mnmly. I love making things better, more useful and fun. It doesn’t matter if that might be big or small. I also like solving problems because I can learn new things every single time I find an answer to it. And that doesn’t have to be the smartest answer at first shot, because it’s not something like an exam where you can’t correct the answer, I can keep changing it and iterating o
キンドル・ダイレクト・パブリッシング体験記録 - Chikirinの日記
キンドル本の電子出版（ Kindle Direct Publishing, KDP ＝ いわゆる“セルフパブリッシング”） を体験し、ひとりで電子書籍を作ってみてどうだったか。 「Chikirinの日記」の育て方 作者:ちきりん発売日: 2013/11/26メディア: Kindle版 今日はそのプロセスについて書いておきます。“だいたい時系列”に並べると、KDP に必要な手順は下記の通りとなります。 追記：下記は2013年当時の体験記であり、現在のKDPの出版方法とは異なる部分も多々あります。ご注意ください １．アマゾン KDP に登録 ・銀行口座などを登録するだけなので、ごく簡単です。 ・なので、２や３を先に済ませてから、登録すればいいと思います。 ２．アメリカの源泉徴収を免除されるための申請 ・めんどくさいです。 ・KDP で本が売れるとアメリカで印税収入が発生するため、この手続きを行
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Obie Fernandez: Haml's little-known list_of helper
Domain Extensions - nTLDs | iwantmyname
Postach.io | The Evernote Powered Blogging Platform
TechCrunch | Startup and Technology News