ウェブパフォーマンスの基礎とこれからウェブパフォーマンスの基礎と今後の動向について、Web標準周りを中心に解説しています。GREEのMini Tech Talkで発表時の資料です。Read less
Webサイト高速化のプロセスだって自動化したい
サーバ側にmod_spdyをインストールし、Google Chromeで、HTTP2.0でベースとなるSPDYのデモが行われた「Chrome Tech Talk Night #5」をレポートする。 Webサイト高速化のプロセス自動化と最高のパフォーマンス計測ツール 1月31日、Google 東京オフィスで開催された「Chrome Tech Talk Night #5」の模様をレポートします。Chrome Developer AdvocateのIlya Grigorik（イルヤ・グリゴリック）氏を迎え、SPDY導入方法を含むWebアプリケーションの高速化や、パフォーマンス向上の手法について説明されました。 イベント自体は「Making the Web Fast with PageSpeed」、「Wait, Chrome DevTools can do THAT?」の2部構成でしたが、このレポ
Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました
いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？ << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 （※大人の事情により、リンクはやむなく削除しました） 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
Webで受託開発やってる会社（人）は、twitterサービス、iPhoneアプリ、androidアプリのどれかを作ることを推奨してみる
受託をメインでやってる人の中には、「お客様から頼まれないと、自分が動く価値はない」と本気で思っている人がいて、そう思うのは自由なので良いんだけど、本人は技術があると思っていて、実際にあるのかもしれないけど、周りからは見えないというのは損だと思うんです。 ある本に、インターネットは自分で立候補することが大事だ、なんてのが書かれていました。立候補しなければ、誰も声をかけてもらえない世界だと。 誰かが何かをやりたいと思って、実現のスピードや実現可能性を考える時に、そのスキルを持っていることが明確になっているところに話が行くのは割とシンプルにある話で、僕も例外ではなく、モバツイをやってる関係上、ツイッターに関する案件のお話をいただいたりしている。 人の余裕があれば是非お手伝いしたい気はあるのだが、ネットサービスは基本、受託案件をやる余裕はないし、そもそもリソースが少ないので、多大な機会損失をしてい
fly8.jp – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
SEO基本技術のチートシート（トラの巻）を作ってみた | Web担当者Forum
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ（ブログ記事は印刷しにくいからね）。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね！ SEO基本技術のチートシート（トラの巻）――表面
javascriptで作るGearmanクライアント - bits and bytes
Webアプリケーションの中には、ときどき時間がかかる処理をしないといけない部分があります。アップロードされた画像のサムネイルを多数生成するときや、クライアントからのリクエストに応じてさらにリモートのサーバからファイルを取得してきたりするとき、ふつうに作るとユーザは処理が終わるまでの数秒~数十秒間待たされるのでイライラしてきます。 こんなときには昨年のYAPCでLiveJournal: Behind The Scenesの中で紹介されている、perlで書かれた非同期処理サーバのGearmanが役に立ちます。Webアプリケーションから時間のかかる処理を別プロセスで動いているGearmanに依頼しておくことで、時間のかかる処理が終わるまで待つことなくユーザにレスポンスを返すことができます。 ほんとうは、時間のかる処理の性質と、必要とされる機能に応じてGearmanとTheSchwartzとを使い
Text 2 Mind Map – The text-to-mind-map converter
Text to Mind Map converter: Convert your text or list of keywords to a mind map instantly. The text 2 mind map converter makes a mind map out of your bullet list. Also known as Text-2-mind-map converter or, shortly, Text2Mindmap.Text to Mind map is a web application that convert text to mind map. You simple input your list of keywords and Text to Mind Map (Text2MindMap) will draw a mind map for yo
ミルフィールのローンチ直後のサイトデータを公開します : ロケスタ社長日記
検索エンジンからの流入が少ないです。ローンチしたばっかり、ということもありますし、ログイン制ということで、そもそもトップページ以外ほとんどひっかからないのが原因です。 では、どんな単語できているのでしょうか。 流入ワード ほぼ100%がサイト名で来ています。 検索エンジンからの流入が少ないほど直帰率、および滞在時間は改善される傾向にあります。 検索してあたった内容がふさわしくない、と思ったらすぐに帰ってしまいますし、調べ物をしている時でしたら、目的を果たした瞬間に、離脱してしまうためです。 ここで注意したいのが「サイト名でくるユーザーと、一般単語でくるユーザーは違う」ということです。 僕がやっている個人のサイトとして「ideami」というアイデア共有サイトがあるのですが、これの検索単語の一位は「簡単 家計簿」です。 しかし、家計簿サイトではないため、この単語
mixi Engineers’ Blog » 新RSS Crawlerの裏側
このブログでは初めましての長野雅広(kazeburo)です。mixi開発部・運用グループでアプリケーションの運用を担当しています。 12月12日よりmixiのRSSのCrawlerが改善され、外部ブログの反映が今までと比べ格段にはやくなっているのに気付かれた方も多いかと思います。この改善されたRSS Crawlerの裏側について書きたいと思います 以前のCrawlerについて 以前のCrawlerは cronからbrokerと呼ばれるプログラムを起動 brokerはmember DBから全件、idをincrementしながら取得し、外部ブログが設定されていればcrawlerを起動(fork) crawlerはRSSを取得しDBに格納して終了 このような設計になっていました。 この設計の問題として、member DBを全件走査するという無駄な動作と、一件一件crawlerを起動するためオーバ
伝助 スケジュール調整サービス
みんなの予定が合う日が一目でわかる 「伝助」は打ち合わせや飲み会を開くとき、みんなの予定を入力して、どの日程が一番都合がよいかを確認するスケジュール調整サービスです。 イベントを新規作成する
:::: Welcome to EasyURL ::::
カードローン解説 ベストサーチ・キャッシング・即日融資に関する情報サイトです。キャッシング・カードローン会社の比較もおすすめです。 プロミスの女性向けサービス・プロミスレディース 女性のためのキャッシングサービス プロミスレディース 詳細はこちら キャッシングコラム カードローンに限った話ではないのですが、借金をする時に、最も貸す側にとって気がかりになる事というと、借りる人がきちんと返済できるのかどうか、という問題ですよね。 ですので、今後、住宅ローンの審査を受けるにあたって、カードローンでお金を借りている場合には、果たして住宅ローン返済の予定が立つのか、あるいはそのような能力があるのか、という点を見ると不利になることは間違いないと思います。 カードローンやキャッシングでお金を借りているときは、延滞だけは避けなければいけません。延滞するとカードが利用できなくなるばかりか、会社から督促の手紙
１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ:phpspot開発日誌
１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ 2007年06月29日- １クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ。 レイヤースタイルとは、PhotoShopにある、次の図のような「スタイル」ウィンドウで提供される機能で、ダブルクリックで簡単にボタンが作成できるものです。 配布サイトを、次にリストで紹介します。 Appleのボタンをレイヤースタイルで 31個のスタイル Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル 有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた レイヤースタイルで四角形にスタイルを適用した
使えるJavaScript/Ajaxライブラリ80個まとめ:phpspot開発日誌
80 AJAX-Solutions For Professional Coding | Smashing Magazine Web-developers can create amazing web-applications with AJAX. 使えるJavaScript/Ajaxライブラリ80個まとめ、ということで大量のAjaxライブラリが紹介されていました。 Ajax オートコンプリート AJAX AutoSuggest AJAX Autocompleter/ script.aculo.us library AJAX AutoCompleter ... Ajax でその場編集テキスト AJAX inline text edit 2.0 AJAX & CSS Flickr-like Editing Fields AJAX Instant Edit ... Ajaxメニュー、タブ AJA
mixi Engineers’ Blog » mixi日記キーワードランキングの秘密
皆さん、先月の半ば頃からmixiのトップページの3列目に「日記キーワードランキング」というコーナーが登場していたのをご存じでしょうか。手前味噌ながら、これはとても面白い機能で、毎日ランキングが更新される度に素敵なランキングが作られていて悦に入っているmikioです。今回は日記キーワードランキングの秘密についてお話します。 日記キーワードランキングとは、日記に書かれた言葉の使用頻度を統計的に処理して、今話題になっている度合を算出し、その上位をランキング形式で表示する機能です。トップページには5位までが表示されるので、それをチェックするだけで最新の流行を把握することができます。さらに「30位までを読む」に進むと30位までのキーワードとその関連日記が表示されます。詳細を知りたい場合はキーワードをクリックすると、そのキーワードで日記検索をした結果を見ることができます。一通り見るのに10分くらいでし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Color Intelligence - Color IQ Test | Pantone
IDEA * IDEA
リストに使える小さいサイズのアイコン素材集 ５サイト - DesignWalker
CSSでフッタ位置をレイアウトする （CSS Sticky Footer） - youmos