インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
Webデザイナー、プログラマー向けの可読性高いコーディング用フォント·Source Code Pro MOONGIFT
Source Code ProはAdobe社の開発したコーディング用のフォントです。 プログラマー、Webデザイナーは日々コンピュータに向き合ってソースコードを書いています。そんな中でより可読性の高いフォントを用いるのは生産性をあげるためにも大事なことでしょう。そこで使ってみたいのがAdobe社の開発したSource Code Proです。 ボールド。太くても可読性が高いです。 セミボールド。 レギュラー。 ライト。 Source Code Proは全部で6つの太さが用意されています。等幅フォントであり、できるだけ見た目で紛らわしい文字にならないように設計されています。ローカルで使えるTrueType、OTFの他、Google Web FontやAdobe Edge Web Font、Typekit、WebINKを経由してWeb Fontとして使えるようにもなっています。 Source C
C言語のポインタはメモリを想像できれば理解できる | 100% Pure NEET
最近、C言語のポインタは難しいって話をプライベートでして、そのときにした説明をまとめてみた。 コンピュータのメモリがどのようになっているか想像する これはHex Fiendというソフトを使ってあるファイルのHexダンプを見たものだけど、コンピュータのメモリも同じような構造になっているのでこれを使う。類似のソフトはHex Editorなどで検索すれば出てくるだろう。 コンピュータのメモリはこうしたずらずらと数値が記録されたマス目の連続のような構造をしている。Hex Editorなのでこれは16進数で表現されている。1バイトは16進数2桁で表現される。Hex Editorでは普通は1バイトごと、あるいは4バイトごとに区切って表示する。このエディタは一区画ごとに8桁の16進数があるので4バイトごと。 ポインタを使うのに重要なのはたぶん、こうしたメモリの内容を頭の中で思い浮かべることができることだ
Vimのsnippetについてあまり知らなかったので設定してみたら便利過ぎてつらい - 僕の車輪の再発明
今までこれを使いこなせてなかったなんて、今までの人生をなかったことにしたくてつらい・・・ vimでneocomplecacheを使用していて、スニペットの候補が来た時にCtrl-kと打つとスニペットが展開されることは知っていましたが、いまいち意識して使えていない状態が続いていました。 とりあえずスニペット使ってみる 追記 一応下のようにプラグインが入っている前提です。 NeoBundle 'Shougo/neocomplcache' NeoBundle 'Shougo/neosnippet' 追記終わり 追記 2013/01/19 現時点でのおすすめ設定も書いているのでそちらも参照 今しているneocomplcache + neosnippetの設定の自分的おすすめ - 僕の車輪の再発明 追記終わり 例えば「PerlとVim」で言うと、この記事がかなりの良記事になっていて、そこでもスニペッ
Math - おまいら素因数分解どうしてますか? : 404 Blog Not Found
2013年02月15日13:00 カテゴリMathLightweight Languages Math - おまいら素因数分解どうしてますか? 数学ガール/乱択アルゴリズム 結城浩 みなさんは素因数分解の必要にせまられたとき、どうしてますか? たとえば、こんなとき。 挑戦者求む！【アルゴリズム】チョコの量を減らせ！ by The Essence of Programming 結城 浩│CodeIQ 与えられた個数の立方体を組み上げて、できるだけ表面積の小さな直方体を作りましょうまあ小学生で習うぐらいですし、都度書き下ろしても大した事なさそうにも思えます。 /* works reliably only for 32-bit integer */ var primes = (function(sqrtmax) { var result = [2]; loop: for (var n = 3;
【vim】黒背景好きの僕の心を揺さぶるカラースキーム「hybrid」 | ここぽんのーと
この記事は、 Vim Advent Calendar 2012 の83日目(!)の記事です。 昨日の記事は ujihisa さんの「unite.vimのfile_recで無視リストを追加する」。 — こんばんは。 目に優しい黒背景が大好きなcocoponです。 エディタの配色って大事ですよね。 見やすさは、コーディングの速度に直結します。 黒背景のvimを全画面表示にすれば、自然とテンションも上がってきますね。 一生ついていくと決めていた「jellybeans」黒背景のカラースキームといえば、迷うことなく「jellybeans」をオススメしてきました。 クールながらも落ち着いた、絶妙な配色。 はじめて出会ったときは、その完成度に圧倒されたまま「一生ついていく」と心に決めたスキームでありました。 しかし、気になる点もいくつかありました。 例えば、JavaScriptの正規表現。 黒背景に濃い
Vim のすゝめ - アンドゥを極める
むしろ日本語の長文は Vim で書く、Vim 使いの「ブイ」(仮名)です。第 5 回目のテーマは「アンドゥ」です。vi は一回のアンドゥ・リドゥしかできませんが、Vim の場合は無限アンドゥ・リドゥ [1] をサポートしています。それだけではなく、Vim には他のエディタでも例を見ない高度なアンドゥ機能があります。アンドゥはとても奥が深いのです。 1 アンドゥとリドゥ¶ vi は直前の操作を元に戻すアンドゥ機能があります。u を一度押すとアンドゥになり、u をもう一度押すと、アンドゥのアンドゥ = リドゥになります。ただし、このアンドゥは一度しかできません。最近のテキストエディタはメモリの許す限りの無限アンドゥが普通なので、この仕様はものすごく不便です。 具体的な例で説明します。
fudist - JpFormat.vim - Vim日本語整形プラグイン
JpFormat.vimはVimで日本語の禁則処理に対応したフォーマット整形プラグインです。 単純にformatexprへ登録して日本語対応のgqコマンドとして使うことも可能ですが、本プラグインは入力を行いながら編集中の日本語文書を自動整形して原稿の整形結果を常に確認しながら編集を行うことを主な目的にしています。 Vim単体でもwrapmarginやtextwidthなどを使用して整形が行えますが、日本語の禁則処理は考慮されていませんしgqコマンドは空行のみを段落の区切りとみなして連結して改行を埋め込んでしまうので本来の構造が失われます。 JpFormat.vimでは空白行ではなく改行を段落として扱うので改行に意味のある文書でもきちんと整形できます。 JpFormat.vimの大きな特徴は疑似ソフトラップが行える事です。 疑似ソフトラップで折り返しを行う際には改行を埋め込みますが、表示上の
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
まさに忍者...JavaScriptの関数は第一級オブジェクト - maeharinの日記
JavaScriptの関数は「ファーストクラスオブジェクト（第一級オブジェクト）」である。なので、変数に代入したり、配列にセットしたり、他の関数に食わせたりできる。この変幻自在っぷりはすごい。newでコンストラクタになるところなんて変化の術のようだ。無名関数の即実行は影縫いの術みたいだし、callやapplyでthisの値を変えるとこなんて口寄せの術を彷彿とさせる。正に忍者 |--)ﾉｼｭｯ==卍 変数に代入する var foo = function() {console.log('foo');}; foo(); 配列にセットする var fnList = [ function() {console.log('foo');}, function() {console.log('bar');}, function() {console.log('piyo');} ]; for(var i =
Another HTML Lint 5
Another HTML-lint 5 is a free checker tool for HTML syntax. You may freely reuse and repost this as long as it is for non-profits. Please make sure to link to this website and specify explicitly your (website manager's) location and contact details. Advertising or any service associated with advertising is forbidden. Note: This is currently Beta version. Please contact us at the following e-mail i
【無料】集中したいときに！おすすめの作業用BGMサービスまとめ
何かの作業に集中する際に「音楽」や「音」は大切な要素です。 そこで今回は無料で聴けて、さらに作業用BGMとしても使えるとっておきのWebサービスやアプリをご紹介します。 noisli Noisliは、雨音やノイズなど、の環境音が聴けるサービスです。 BGMは「雨」「雷」「風」「森」「葉」「川」「波」「水」「火」「虫の声」「カフェ」「電車」「風車」「ホワイトノイズ」「ピンクノイズ」「ブラウンノイズ」の16種類。 環境音を単体で聴くのはもちろん、音同士を重ねたり、音量も調節できるので自分だけの環境音BGMをつくることができます。 またランダム、生産性、リラックスなどのテーマもあり、自分で決められない人はそのボタンをクリックするだけで、そのテーマにあった環境音ができあがります。 → noisli またNoisliはiOSアプリにも対応しており、下記からダウンロード（240円）できます。 → iP
ハマりすぎ寝不足注意！世界を席巻する無料音楽試聴サービス30選 - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
音楽共有サービスを串刺し検索できる最強のプレイヤー「Tomahawk」｜男子ハック
あのアーティストの曲が聴きたいなと思って色々な音楽共有サービスで検索するのは結構面倒くさいです。でもTomahawkがあれば多くのサービスを一度にまとめて検索することができちゃいます！ これって超便利じゃないですか？ 使い方は簡単。画面上部にある検索ボックスに聴きたいアーティストやアルバム、曲名を入力するだけ！ ちなみに「Taylor Swift」と検索するとこんな感じになります。 アーティストページが用意されているので「Taylor Swift」を見てみるとこんな感じ。 Tomahawkが対応している音楽共有サービスは以下。これ以外にもローカルファイルの再生もできます。つまりiTunesに入っている曲はTomahawkから再生ができます。 YouTubeSpotifySoundCloudex.fmOfficial.fmGroovesharkownCloudSubsonicJamendo環
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ggsoku.com
Facebook - フェイスブック - ログイン (日本語)
Crystal Dew World
http://atnd.org/events/33746
CSSを使ったレイアウトのテクニックがしっかり学べる良コンテンツ -Learn CSS Layout