スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ
ユーザファースト推進部の丸山(@h13i32maru)です。 先日「撮るレシピ」というサービスを cookpad.com にて公開しました。「撮るレシピ」というサービスは料理本や雑誌のレシピを写真に撮ってクックパッド上に保存できるというものです。料理本や雑誌でレシピを良く見る方はぜひ使ってみてください(Androidアプリ版もあります)。 この「撮るレシピ」は全体公開前に一部のユーザに限定公開をしていました。そして全体公開をするにあたりフロント側のコードを全面的に書き換え高速化を行いました。その結果、最大で30倍高速化することができユーザの使い勝手が向上しました。以下が「書き換え前」と「書き換え後」の計測結果です(Android端末8機種 + iOS3機種で各操作のターンアラウンド時間*1を計測)。 閲覧系 最大: 30倍高速化(4.2秒→0.14秒) 平均: 15.7倍高速化(3.6秒→
なぜ僕は、nanapiをKDDIに売ったのか
2014/10/16 10月16日にKDDIによって発表されたネットサービス連合「Syn.（シンドット）」。16日の会見では、12社、13サービスを束ねる巨大な構想が明らかになった。中でも最大の目玉が生活に関するハウトゥーサイトを運営するnanapiを子会社化したことだ。その評価額は77億円、買収額は40億円とも言われている。2007年の創業から7年、なぜ、このタイミングでの売却に踏み切ったのか。水面下で、KDDIとどのようなやり取りがあったのかーー。 買収の裏側を聞くとともに、めまぐるしく変化するウェブメディアの未来について、nanapiの創業者であり、代表取締役を務める古川健介氏に緊急インタビューを行った。 nanapiから持ちかけた売却案 ——買収の経緯は 実は３月からKDDIと増資や事業提携レベルでの話は持ち上がっていた。だが、中途半端に組むくらいくらいなら本気でやりたい、と５月に
モダンWeb
誕生から四半世紀を経てWebはその姿を大きく変えています。かつてのWebは単に科学技術文書を公開するためだけの仕組みでしたが、現在ではマルチメディア、ショッピング、アプリケーション、ひいてはオペレーティングシステムさえも包含する技術へと成長しています。このようなWebの最新技術動向を鋭く切り取り、わかりやすく解説したのが本書です。近年脚光を浴びているレスポンシブWebのためのCSSをはじめ、位置情報やバッテリーの状態を取得するためのAPI、プラグインに頼らないマルチメディア再生などを紹介します。さらに、近い将来に普及するであろう注目のWebコンポーネント技術についてもいち早く解説します。 目次 賞賛の声 まえがき 1章 Webプラットフォーム 1.1 用語について 1.2 想定される読者と、読者が知っておくべきこと 1.3 用語の再確認 1.4 HTML5とは 1.4.1 HTML5のひな
Avocode – Preview and inspect designs without Photoshop or Sketch.
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
『Webアプリエンジニア養成読本』は10年選手の俺得すぎた - pixiv inside [archive]
"古きよき時代から来ました、真面目なSE、真面目にSE" 広告系技術兼pixivの開発マネジメント担当 @bash0C7です。 今回は『Webアプリエンジニア養成読本』の話をします。 Webアプリエンジニア養成読本[しくみ、開発、環境構築・運用…全体像を最新知識で最初から! ] (Software Design plus) 作者: 和田裕介,石田絢一(uzulla),すがわらまさのり,斎藤祐一郎出版社/メーカー: 技術評論社発売日: 2014/03/11メディア: 大型本この商品を含むブログ (3件) を見る こちらの本ををいただきました。ありがとうございます。 第一印象 まず一回目読んでみて、下記が印象に残りました。 まるっとカバー 書かれているような分野を全部わかっていると仕事が捗るなと思いました。 現実的なチェックシート 背表紙裏のチェックシートがあるのですが、多すぎず少なすぎず現実
![『Webアプリエンジニア養成読本』は10年選手の俺得すぎた - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c89da1108bf67d2408cce6fca926d6b74b7c173/height=288;version=1;width=512/http%3A%2F%2Fdev.pixiv.net%2Fimg%2Finside%2Fbash0C7.png)
W3C、ゲームコントローラ対応の標準仕様「Gamepad API」のドラフトを公開
入力デバイスとしてマウスやキーボード、タッチとは別に、ゲームマシンのコントローラのようなデバイスに対応する仕様として、W3Cは「Gamepad」仕様のワーキングドラフトを公開しました。 この仕様がどういうものなのか、Introductionのところで次のように説明されています。 Currently, the only way for a gamepad to be used as input would be to emulate mouse or keyboard events, however this would lose information and require additional software outside of the user agent to accomplish emulation. 現在のところ、インプットデバイスとしてゲームパッドを利用するにはマウスかキ
Webアプリケーションのテストを書くときに考えていること - 車輪を再発明 / koba04の日記
テストを書く目的 自分の書いたコードが意図した通りに動いてるか確認するために書くのですが、自分が楽をするためと他の人のために書いてます。 自分が楽するため Webアプリの場合、実装した機能がちゃんと動作するかを確認するために何度もブラウザポチポチしてというのは時間がかかります。なのでその回数をなるべく減らすためにテストとして書けるところはなるべくテストで確認して、ブラウザポチポチする回数を必要最低限にしたいと思っています。 ブラウザポチポチするのも立派なテストだと思っています。再現性のない。 他の人のため テストがないと他の人がその機能に関連する機能を変更しようとした時に変更の影響がないのか確認することが出来ず、その機能に対するテストを手動で行わせてしまうことになってしまいます。 テスト書く時間がない問題 テストの話をすると書く時間がないと言われたりしますが、既存の開発の流れにテスト書くこ
金の亡者(ほぼ犯罪者)がWEBサービスを滅ぼしていく｜More Access! More Fun!
この間のエントリー 情報商材を１回買うと骨までしゃぶられるの巻 で書いたアフィリエイト・ジャパンっていう情報商材の名簿販売のスパムが超ウザイ。３人限定のはずが、３時間に１回くらい同じ物を送ってくる。すでに億単位で配信してるんじゃないかと思う。完全に犯罪であるが送信サーバがドイツ。クレーム入れても返答もない。 ドメインの所有者調べるとタカノヒデキってなってるがカード決済してるはずだから本名かも。誰か絞め落としてください。お願いします。 こんな感じでインターネットのリソースは、金に目のくらんだ世界中の犯罪者によって大きなダメージを喰らっている。メールに限らず素晴らしいWEBサービスも欲ボケした犯罪者によってダメにされる。 ◆mixiが廃れたそもそもの発端は、出会い業者の暗躍によって青少年保護の見地から足跡機能を廃止した(わざと足跡付けて釣る)ことから始まった。 ◆Facebookも同様。出会い
多発するWeb改ざんに備えてinotifywaitによる改ざん検知を導入した
Webサイトの改ざん事件が多発しています。Webサイトに対する基本的なセキュリティ施策を実施していればまず被害にあうことはないとは思うものの、全ての手口が公開されているわけではないので、何となく「嫌な感じ」もします。 【参考】 Web サイト改ざんに関する注意喚起(JPCERT/CC) 2013年6月の呼びかけ 「 ウェブサイトが改ざんされないように対策を！ 」(IPA) @Police ウェブサイト改ざん事案の多発に係る注意喚起について(pdf) 5月から多発しているHP改ざんインシデントをまとめてみた。 - piyolog 当方のサイト（会社、個人）は、一通りのセキュリティ施策は実施しているつもりですが、絶対に改ざんされないかというと、改ざんされることは想定しておかなければならないと考えています。 当方のセキュリティ施策の例 FTPをやめ、sshのみで管理運用 sshのパスワード認証を
Webアプリの脆弱性を検出するツールはありますか？
MSDNフォーラムで表記の質問を見かけました。同フォーラムの活動実績がないせいか、回答にリンクを貼ると拒否されましたので、こちらに回答します。 ここからが質問なのですが、プログラムの実装が完了したあと、脆弱性が潜んでいないかをチェックする必要があるのですが、脆弱性を検出するツールなどがありましたら教えてください。できれば、無償で使える物で、環境にあまり依存しないもの(Windows Serverのバージョンや、DBMSの種類に依存しないもの）がよいです。 Webアプリの脆弱性を検出するツールはありますか？ 以下、回答です。 ご要望の条件をすべて満たすツールは、おそらくないと思います。 少し古いエントリになりますが、以下のブログにWebアプリケーションの脆弱性を調べるツールがまとめられています。 サーバ/Webアプリケーション脆弱性チェックツールの個人的まとめ（フリー/有償） 良い物は高価、
Web プログラミングってこんな感じじゃなかろうか - 偏見プログラマの語り！
この歳になって初めて Web プログラミングの現場を見て、刺激的な毎日を送らせていただいています。さて、仕事をしていて一番強く感じるのは前職での開発（スタンドアロンパッケージソフト開発をしていた会社の文化）との違いです。で、Web 開発とは何たるかを表現したくて悶々としていたのですが、ある程度整理ができてきたので文章にしてみようと思います。僕はアカデミックな話よりも現場の話をしたいので、いくつもレイヤをまたいだ文章になります。そのため本稿では具体的な技術の詳説とかアジャイル的な用語が飛び交う説明とかはありません。そういうのを期待している人は読まないでください。 ・Web に限らず、お仕事プログラミング全般で共通のこと プログラムを知らない人がイメージする開発というものは、粘度をこねたりくっつけたりするような作業じゃないでしょうか。つまりそれは、知識さえあれば難しいものではなく、モチベーショ
『スマイリーキクチ事件』から、何も学ぶことができなかった人々へ - 琥珀色の戯言
参考リンク：「虚偽報道による名誉毀損」で産経新聞社と同社記者を提訴しました（辻元清美：BLOGOS） 僕は辻元さんの目立ちたがりのところが好きになれないし、他人に対しては強い言葉で批判するものの、自分に対して甘いところ、そして、これまで政治の世界でみせてきた信条については嫌いです。 しかしながら、この記事の最後の「意見」は、あまりにも酷すぎる。 「お前はそういう人間だから、嘘を新聞に書かれても仕方がない。お前が反省しろ」とか、「その記事、15年前に何かで読んだ記憶が確実にある（でも手元に本はない）」とか、「火のないところに煙は立たない」とか。 もうね、あえて言わせてもらいます。 マスコミの虚偽報道を告発している人間が嫌いな辻元さんだからといって、わざわざ「意見」のところに辻元さんの悪口を書いて「自分は国のために尽くしている」なんて思っている連中って、あまりにも愚かすぎる。 たしかに、「公人
ミニマルなアイコンやシンボルをWebフォントで表現するために作られたフリーフォント・Web Symbols typeface - かちびと.net
ちょっと面白かったのでメモ。 ミニマルなアイコンやシンボル をWebフォントとして使えるよう にしてくれたフリーフォント、 Web Symbols typefaceのご紹介 です。割と嬉しいかもｗ 以前、シンボルやアイコンタイプのフォントをご紹介しましたが、こちらは最初からWebフォントとして使う目的で作ったそうです。 アイコンをWebフォントにすることで、毎回アートディレクターにスライス等を頼まずにすむんや！って言ってました。 あんまり大きいサイズにするとちょっとアレですけどね・・ミニアイコンとして使うことのほうが多そうなのであんまり気にならないかな。css3でエフェクトをつけるのも面白いかもです。 こんな感じで使う。 css @font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.
【特集コラム】親父にフィギュアSNS「fg」をやらせてみた | vsmedia
またまた中の人の実家ネタです。私の実家が秋田県の農家で環境がいろんな意味でヤバイ件は先のコラムで書いたとおりですが、ぶっちゃけインターネット環境もかなりヤバイです。まず… ・光回線使用不可 「利用してはいけない」という意味ではなく地形的な問題で個人では「 利用できない」という意味の「不可」です。また自治体レベルの環境整備も全く行われていません。 ・SoftBankの携帯使用不可 これまた地形的な問題でアンテナが全く立ちません。 もちろん3Gも繋がったり切れたりで不安定。というかほぼ切れっぱなし。 ・その結果、家ネットはADSL、携帯はDoCoMo or au 今時ADSLって…しかも家のPCのスペックも相まって激遅… 私は携帯電話はSoftBankのiPhone1台のみで、外出時はこれでメールもTwitterもFacbookも全部チェックしているので実家に帰った時点でもう音信不通です。 こ
知らないと人生損してる！デザイナーのための必見ブログまとめ
はてブたくさんついちゃいました(・∀・) お久しぶりの意匠子です。 先日のHTML５に関する記事がとんでもないブクマ数ついちゃいました。 今の世の中はHTML5旋風吹き荒れてますね！ このような最新情報を集めるのもデザイナーの大事なお仕事！ そこで今回は知らないと人生を損しているであろうデザイナー必見のサイトをまとめました！ 続きをどうぞ！ まずは鉄板サイトから！！ Webクリエイターボックス チュートリアル系の記事が豊富。 まぁWebデザイナーはほぼ100%見てるいると思って間違いなし。 コリス Webデザイナーやマークアップエンジニアで、 このサイトを知らないのはモグリと思われてしまうくらい有名なサイト。 CSS3やJavaScriptの話題が豊富。ちなみに某りすこさんとは関係ありません。 ホームページを作る人のネタ帳 Webデザインを学ぶ人はみんな一度は見たことがあるぐらい有名なネタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
hasimotosuzu.org - このウェブサイトは販売用です！ - スズノヘヤ スズの部屋 ハシモトスズ ボールペン画 すずのへや イラスト リソースおよび情報
2013年を代表するクリエイティブなWebサイト総まとめ
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Web Lab