<head>タグ内に位置する<script>タグが、ページの表示を遅らせる | JSbox β版
あえて<head>タグ内に<script>タグを記述していますか？ それとも慣習的に？ Yahoo! Exceptional Performance チームは、ハイパフォーマンス・ウェブサイトの実現ルールとして『スクリプトは一番下に置く』を定めました。 ウェブサイトの表示を少しでも高速にするための工夫です。 なぜ『スクリプトを一番下に置く』ことが高速化につながるのでしょうか。 その答えは、ウェブブラウザがブロッキング特性の影響を受けることにあります。 JavaScriptのブロッキング特性 ウェブブラウザはHTMLソース内の<script>タグを発見すると、スクリプトの処理に没頭します。 ページのレンダリングを停止し、ファイルのダウンロードを停止し、ユーザーからの入力にさえ応答しません。 なぜなら、スクリプトの実行はページの内容を変更する可能性があるからです。 例えば、以下のようなH
Webデザインリリック
「Highlighing Code Block」のプラグイン「Treeview」を導入したらコードブロックのテーマカラーが反映されない時の解決方法
ベーシックなWYSIWYGエディタを実装するjQueryプラグイン・SCEditor
ベーシックなjQueryのWYSIWYGエディタです。結構使いやすそうだったので備忘録。よくあるWYSIWYGエディタの機能はほぼ揃っています。軽量との事ですが、一般的な軽量サイズが分かりませんので触れないでおきます。 ベーシックなWYSIWYGエディタを実装するスクリプト。軽量と書いてありましたが、WYSIWYGエディタの標準サイズを把握していないのでこの辺はご自身で判断頂ければと思います。 こんな感じ。テキストの装飾やレイアウト調整、顔文字等以外にYoutubeの貼り付けやフルスクリーンモードへの切り替えも出来るようになっています。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link rel="styles
RailsとBackbone.js触った - Qiita
最近はやりのjsクライアントサイドMVCフレームワーク乱立していますけど、いろいろググってるとBackboneがなんだかんだ無難というか事例が多いというかStackoverflowもそこそこ記事がある印象・・・というゆるふわな理由でBackbone導入しました。サーバーサイドはRailsなので、かなり前例が多い組み合わせで、轍を行くだけのはずですが、いちおう作業ログとかググりログを書き残します。 gems rails-backbone
Chartkick - Create beautiful JavaScript charts with one line of Ruby
<%= line_chart @goals.map { |goal| {name: goal.name, data: goal.feats.group_by_week(:created_at).count} } %> or <%= line_chart Feat.group(:goal_id).group_by_week(:created_at).count %> Say Goodbye To Timeouts Make your pages load super fast and stop worrying about timeouts. Give each chart its own endpoint. <%= line_chart completed_tasks_charts_path %> And in your controller, pass the data as JSON.
middlemanを使ったフロントエンド開発 - 病みつきエンジニアブログ
middlemanというものが、静的なサイト(html/css/jsだけのサイト)を作るのに、かなーり便利です (これを使って性的なサイトを作りました) 何が便利かというと 開発用サーバーになる テンプレートエンジン(erb) coffee scriptやscssなどを自動で変換 もちろんコンパイルもできる 画像の圧縮とかもできるみたい などなど。イメージとしては、Ruby on Railsから、ウェブアプリ的機能を抜いたものというか、 静的なサイト用の機能を抜き出したものというか、ざっくりとテンプレートエンジンみたいな感じ(正確にはSinatraと言ったほうがいいのだけど)。 ようするに、coffee scriptとかsass使うなら超便利よ！みたいな感じ。 静的なサイトを対象としているので、基本的にはRubyのプログラマーである必要はないです。 基本的には 404 Not Found
静的サイトの構築に便利:MiddleMan - Qiita
静的サイトを構築する時に、 いちいちDocumentRootかえるのめんどくさいなぁ・・・ テンプレートエンジンが使えたらなぁ・・・ coffeescriptが使えたらなぁ・・・ scssが使えたらなぁ・・・ minifyまで自動でやってくれたらなぁ・・・ 煩悩にまみれてます。 そんなことを解決してくれるのがMiddleManです。 インストール #=>よく使う $ middleman init #=> サイト構造を作成します $ middleman server #=> サーバーを起動します $ middleman build #=> 最終出力します $ middleman --help middleman build [options] # Builds the static site for deployment middleman extension NAME [options]
Robo 3T | Free, open-source MongoDB GUI (formerly Robomongo)
3T is halting development work on Robo 3T and we are setting the code repository to read-only. Users can continue to download the application but we recommend that they download Studio 3T Free to evaluate it. Robo 3T is deeply based on the Mongo shell client. This older client has been deprecated in MongoDB 5.0 and is not expected to be maintained in the future. The new Mongosh client is a Node-ba
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
[Ruby] オーバーライドとか無視してKernel#classを直接呼びたい - Islands in the byte stream (legacy)
直接 `self.class` を呼ぶと、#class がオーバーライドされている可能性があるので任意のオブジェクトに対して呼ぶことはできません。よってKernel#classを直接呼ぶ必要があります。そこで、以下のように#classのUnboudMethodを得て、それにレシーバを与えて呼び出すことで解決できます。 def self.class raise "boom!" end get_class = Kernel.instance_method(:class) # and later p get_class.bind(self).call とはいえパフォーマンスがあまりよくないのでもっといい方法があればそっちを使いたい。 あと Kernel#class の上書きはやめてくださいお願いしますm(_ _)m。 [追記] 別解もあるようです。 このままだと汎用的には使えないのでFixnum
![[Ruby] オーバーライドとか無視してKernel#classを直接呼びたい - Islands in the byte stream (legacy)](https://cdn-ak-scissors.b.st-hatena.com/image/square/710b39eab8d75a2f0c821b7285ce1fabf2db6ca1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127143682567%2F17680117127143690627%2F1558185689)
Hadoop本読書会 - 13章 ZooKeeper - 大規模分散技術勉強会 in 名古屋
大規模分散技術勉強会 in 名古屋 トップページページ一覧メンバー編集 Hadoop本読書会 - 13章 ZooKeeper 最終更新：ID:hgJMx3CHVA 2011年04月01日(金) 00:02:28履歴 Tweet Hadoop本13章が分かりやすい解説になっているとは言えないので、勉強会資料を書き起こしてます。Hadoop本は参考書程度に。(terurou) ZooKeeperとは A Distributed Coordination Service for Distributed Applications 「分散システムのための分散協調サービスです（キリッ」 『えっ』「えっ」 簡単に言うと分散システムでの面倒なところをよしなにしてくれるモノ 分散システムでロック・メタデータ共有・データ更新時のイベント通知等を行ってくれる Google MapReduceファミリーのChub
ZooKeeperでgetChildren()で大量のノードを取得しようとするとKeeperExceptionがスローされる - terurouメモ
ZooKeeperに100万件ぐらいノードを投入して、getChildren()するとConnectionが強制的に切断されてKeeperExceptionが発生する。 原因 クライアント側で受信したパケットサイズが大きくなりすぎると（デフォルト4MB）、強制的にConnectionを閉じるようになっている。 対処法 クライアント側のJVM起動時に システムプロパティ：jute.maxbuffer を設定する。16MBを上限とする場合は以下のようになる。 java -Djute.maxbuffer=16777216 ... ちなみにZooKeeper Administrator's Guideには、「jute.maxbufferはznodeのデータサイズ上限値」と書いてあるが、それはサーバ側の話なので、この件とは関係がない。 参考 Error 500 Mail message with g
redis2.6 + lua scripting で snowflake 風の timestamp based id を生成
redis2.6 + lua scripting で snowflake 風の timestamp based id を生成 https://github.com/twitter/snowflake twitterのID生成に使用されているという噂のsnowflakeですが、こちらは導入にZooKeeperやCassandraが必要という事があり、若干敷居が高いです。 もう少しカジュアルに初められる手段として、redisと、2.6以降から機能追加されたLua Scripting機能を組み合わせて、同種のid生成処理を試してみました。 ◯snowflake snowflakeは、timestampの数値をベースとした64bit idを生成するための仕組みです。 timestamp値を基にid生成することで、以下のメリットが得られます。 生成されたidから、idが生成された時刻を復元することが
第4回 #DSIRNLP で Active Learning 入門について話しました - 木曜不足
@overlast さん主宰の データ構造と情報検索と言語処理勉強会(DSIRNLP) の第4回にのこのこ参加して、Active Learning 入門なるものを発表してきました。お疲れ様でした＆ありがとうございました＞各位 こちらが発表資料。 Active Learning 入門 from Shuyo Nakatani 入門とか偉そうに歌ったけど勉強し始めてまだ1月半もないので、実は入門しているのは中谷本人である。 動機は資料にも書いたとおり、ドメイン適応をドメイン知識のある人が低コストで行うのに Active Learning の技術が使えるのでは、というあたり。 ここまで実験した範囲でそれなりの手応えはあるものの、非常に単純なテキスト分類問題で試しただけなので、もう少し難しくて現実的なタスクでもいろいろ試してみたいと思っている。 発表資料に間に合わなくて20数回の試行で Query-
第 4 回 #DSIRNLP データ構造と情報検索と言語処理勉強会でお話してきました。
３週間ぐらい前かつ発表前後は業務的に憤死しててもおかしくない時期ではありましたが、ありがたいことに主催者の @overlast さんから今回の発表オファーを頂いたしせっかくだから何か話そう、と心に決めて、いまの会社 でのお仕事でよく取り扱っているコサイン類似度や Jaccard 係数などのいわゆる「類似度計算」の時間／空間計算量的に効率的な処理を実現する方法についてお話してきました。 自分含めた発表内容の一覧は こちら を参照してください。 発表スライドはこちらです。 発表後に頂いた質問はこんな感じだったはず。寝不足ゆえの言語認識力がだいぶ低下した状態で受け答えしたので、質問／回答は超意訳になってます。悪しからず。 バスケット分析的な方法の計算量的な話 購買ログなどからバスケット分析的な方法で類似度計算しようとすると、ユーザごとにログを集約しなければならないという追加処理が必要となるものの
第28回 データマイニング+WEB＠東京( #TokyoWebmining 28th) −データマイニング・機械学習とビジネス展開 祭り− を開催しました - hamadakoichi blog
2013/7/27 "第28回 データマイニング+WEB＠東京−データマイニング・機械学習とビジネス展開 祭り−"を開催しました。 第28回 データマイニング+WEB＠東京 ( #TokyoWebmining 28th)−データマイニング・機械学習とビジネス展開 祭り−: Eventbrite Google グループ 会場提供し運営を手伝って下さった ニフティ株式会社 のみなさん、どうもありがとうございました。素敵なトークを提供してくれた講師メンバーに感謝します。会場参加、USTREAM参加ともに多くの方々の参加を嬉しく思っています。 参加者ID・バックグラウンド一覧： 参加者Twitter List: Twitter List TokyoWebmining 28th 参加者セキココ：第28回 データマイニング+WEB ＠東京 セキココ (作成してくれた @komiya_atsushi さ
第27回 データマイニング+WEB＠東京( #TokyoWebmining 27th) −WEB解析・オープンデータ・クラウド 祭り− を開催しました - hamadakoichi blog
2013/6/22 "第27回 データマイニング+WEB＠東京−WEB解析・オープンデータ・クラウド 祭り−"を開催しました。 第27回 データマイニング+WEB＠東京 ( #TokyoWebmining 27th)−WEB解析・オープンデータ・クラウド 祭り−: Eventbrite Google グループ 会場提供し運営を手伝って下さった ニフティ株式会社 のみなさん、どうもありがとうございました。素敵なトークを提供してくれた講師メンバーに感謝します。会場参加、USTREAM参加ともに多くの方々の参加を嬉しく思っています。 参加者ID・バックグラウンド一覧： 参加者Twitter List: Twitter List TokyoWebmining 27th 参加者セキココ：第27回 データマイニング+WEB ＠東京 セキココ (作成してくれた @komiya_atsushi さんに感謝
第26回 データマイニング+WEB＠東京( #TokyoWebmining 26th) −オープンデータ活用・ソーシャ ル・アドテクノロジー 祭り− を開催しました - hamadakoichi blog
2013/5/18 "第26回 データマイニング+WEB＠東京−オープンデータ活用・ソーシャ ル・アドテクノロジー 祭り−"を開催しました。 第26回 データマイニング+WEB＠東京 ( #TokyoWebmining 26th)−オープンデータ活用・ソーシャ ル・アドテクノロジー 祭り−: Eventbrite Google グループ 会場提供し運営を手伝って下さった ニフティ株式会社 のみなさん、どうもありがとうございました。素敵なトークを提供してくれた講師メンバーに感謝します。会場参加、USTREAM参加ともに多くの方々の参加を嬉しく思っています。 参加者ID・バックグラウンド一覧： 参加者Twitter List: Twitter List TokyoWebmining 26th 参加者セキココ：第26回 データマイニング+WEB ＠東京 セキココ (作成してくれた @komiya
BOOK Preview：Code Complete 第2版 24章 リファクタリング（1/6） - ＠IT
Code Complete 第2版 上・下 ― 完全なプログラミングを目指して ― 第24章 リファクタリング マイクロソフトプレスの書籍紹介ページ 書籍情報のページ 2005/05/10 本コーナーは、.NET関連の新刊書籍から主要なチャプターをそのまま転載し、その内容を紹介するものです。 今回は、日経BPソフトプレス／マイクロソフトプレスより2005年3月28日に発行の書籍『Code Complete 第2版 下 ― 完全なプログラミングを目指して』より、同社の許可を得てその内容を転載しています。 同書は、11年前に出版された名著「Code Complete」の第2版です。第2版では、全体をとおしてオブジェクト指向の考え方が反映され、新しい章も多数追加されています。また、開発言語としてC#やVisual Basic .NETも取り上げられています。“完全な”コーディングのための鉄則を凝
忙しい人のためのA Tour of Go - Qiita
Go Conference 2013 SpringのハンズオンでA Tour of Goやったけど目で読んでも頭に入ってこないのでメモりながらやった。 ちょっとしたまとめページになったのでさらっとよんで感触をつかむときには役に立つかもしれないけど、結局は演習などでコード書かないと身につかないことがわかったので時間をつくってちゃんとやった方がいいと思う。 Packages すべてのプログラムは package で構成される プログラムの処理は main パッケージの main 関数で始まる 他のパッケージは import で取り込める import "websocket"のwebsoketはcode.google.com/p/go.net/websocketを指している Imports import は括弧でグループすることができる
シャーディングを実現するSpiderストレージエンジン、MariaDBがバンドル開始 － Publickey
データベースのスケーラビリティを改善する代表的な方法として、データを分割して複数のサーバで処理する「シャーディング」があります。そのシャーディング機能を持つMySQLストレージエンジンが「Spider」が、MySQL互換のMariaDBにバンドルされると、開発者である斯波健徳（しばけんとく）氏のブログにポストされた記事「[MariaDB][Spider]SpiderがMariaDBにバンドルされました」（8月23日付け）で紹介されています。 Spiderストレージエンジンの概要は、MySQLについていつも詳しい解説をしてくれるブログ「漢のコンピュータ道」の2010年3月のエントリ「Not Only NoSQL!! 驚異的なまでにWRITE性能をスケールさせるSPIDERストレージエンジン」などで分かりやすく説明されていますが、簡単に言えばデータベースに対する参照や更新などの処理を複数のデー
ブログをモバイルファースト化する〜サイドバーの広告を削除 - 情報学の情緒的な私試論β
2013-09-06 ブログをモバイルファースト化する〜サイドバーの広告を削除 ブログ モバイルファースト Web業界では一時期「モバイルファースト」という言葉が流行っていました。「モバイルファースト」とは「先にモバイルサイトから着手し、そのデザインが固まった後にPCサイトをデザインする」といった事なのですが、ここでは繰り返し開発において「モバイルサイトから改善着手する」というぐらいの意味合いで使います。「モバイルサイトを第一に考える」でも良いです。 Web製作の現場で、まず先にモバイルサイトから着手し、そのデザインが固まった後にPCサイトをデザインする「モバイルファースト」。 (中略) 「モバイルファースト」という言葉は2009年にルーク・ウロブルスキー氏（Luke Wroblewski、以下ルーク氏）によって提唱され、その後 グーグルやアドビシステムズ、フェイスブックなどのカンファ
ペンギン対応？ ペナルティを引き継がずにリダイレクトする方法
[対象: 上級] 検索エンジンの評価を引き継ぐことなしに、別のURLへリダイレクトする方法をこの記事では説明します。 たとえば、ペンギンアップデートや不自然リンクの手動対策の影響を受けてどうしても問題となるリンクを削除しきれず、さらにリンクの否認ツールを使っても芳しい結果が出なかった場合、最終的にはそのドメイン名を捨てなければならないことがあります。 そして新たに取得したドメイン名のもとで、内容が同じサイトを新規にスタートします。 このとき、元のドメイン名のサイト（ペナルティを受けたサイト）に訪問したユーザーを新サイトに連れて行く必要があります。 トップページに「サイトを移転しました」の告知とともに、新サイトのURLを載せておくやり方があります。 でもできればユーザーに意識させることなく自動で転送したいところです。 ところが301リダイレクトは通常は良い評価も悪い評価も引き継ぎます。 タイ
PC用ゲーム録画ソフト「ロイロ ゲーム レコーダー」がなかなかすごい件 - 4Gamer.net
お手軽・低負荷・きれいでしかも無料。新登場のPC用ゲーム録画ソフト「ロイロ ゲーム レコーダー」がなかなかすごい件 ライター：林 佑樹 ロイロ ゲーム レコーダー。公開版だと4Gamerが受け取ったバージョンは1.0.0.14だった 2013年9月6日，横浜市にオフィスを構えるソフトウェア開発会社，LoiLoは，PCのゲームプレイを簡単に録画できると謳う無料のキャプチャソフト「ロイロ ゲーム レコーダー」を発表。合わせて公式Webサイトで公開を開始した。 対応OSは32/64bit版Windows 7＆8。記録形式は，ビデオがMotionJPEG，音声はPCMで，ファイルコンテナ形式はAVIとなっている。アプリケーションから直接アップロードできる動画共有サイトは公開時点だとYouTubeのみだが，今後，YouTube LiveとTwitch.tvのライブ配信にも対応予定という。もちろん，キ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Little Book on CoffeeScript
JavaScript file per view in Rails
HTML2slim
conma.me
Ruby&Railsの最新技術動向と 今後の予想
コードの臭い - リファクタリングの必要性を示す兆候
Flipsblog.jp
