ドットインストール代表のライフハックブログ

2011年06月06日20:15 カテゴリTipsiTech ubuntu - Intel MacもPCもブートできるSDカードを作ってみた 体調が悪いと、こういう系のことをするなあ私。 UbuntuをUSBメモリーやSD Cardにインストールして使っている人は少なくないと思われますが、どうせなら Intel Mac でも使えるようにしてみようと。 Transcend SDHCカード 8GB Class10 トランセンド・ジャパン サイズは8GB以上あればOK。最近はClass 10でも千円ちょっとで買えます。 今回使ったのは余り物の Class 6 8GB。それでもそこそこ使えるものができました。 Macで下準備 まずは Mac の Disk Utility でパーティションを二つ切ります。 一つは100MB以上でジャーナリングなしのHFS+ (Mac OS Extended)。ジャー

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

今さらですけど、「SEOってどんなもの？」 っていうおさらい的な記事を書いてみます。 一部の業者さんによってSEOへの認識は まったく違うものになってしまい、頭の良い 人まで勘違いするようになってしまいました。 残念な事です。 というわけで、おさらい。SEOとは何か、について簡単に。とくに釣られたわけではないでｓ SEOとは SEOはサーチエンジン最適化の略称です。現在はもうGoogleが主流なのでGoogleに最適化するのがSEO、という認識で大体あってます。勿論、人が使う検索エンジンは他にも沢山ありますが。 では、「最適化」とはどういったものを指すのでしょうか、という話なんですが、まぁ最適化する為の施工なので、 ユーザーにとって有益でないコンテンツを表示させないようにする クローラーにsitemapを送信してインデックスするのを助けてあげる URLの変更等で、適切なリダイレクト処理を行

すばらしいアイデアは、はじめの一歩にすぎません。クリエイティブな炎を燃やし続けなければ、すぐ「むだ足」に終わってしまいます。Jocelyn K. Glei氏は、生産性向上ブログメディア「The 99 Percent」で、勢いを継続させることこそ、アイデアの実現に不可欠であると説き、その理由と実践法について、次のように述べています。 脳神経科医のオリヴァー・サックス（Oliver Sacks）氏は、『Musicophilia: Tales of Music and the Brain（邦題・音楽嗜好症(ミュージコフィリア)―脳神経科医と音楽に憑かれた人々）』で、脳炎にかかり、ほとんど記憶がなくなった音楽学者クリーブ・ウェアリング（Clive Wearing）氏について述べています。 クリーブ氏の短期記憶は数秒しかもたず、「実際にやっていなければ、ほとんどなにも記憶できない」とサックスは綴って

僕の知っている範囲だと、優秀なプログラマはフリーランスか小規模な法人のオーナー社長であることが多い。人を雇っている場合でも、ほんの数人である。もちろん僕もその一人。そりゃまあGoogleやMicrosoftの本社には凄いプログラマもいるだろうけど、日本人だと本当に一匹狼系の人が多い。 僕もフルタイムの従業員を雇って１年以上経ち、人を雇うと何が起きるのかについてけっこう分かってきた。なので、なぜこのようになるのかについて考えてみた。 なんと金銭的な面「だけ」でも、合理的な理由をつけることができる。僕を含めた何人かを平均したモデルで例を出してみよう。すごく単純化しているけれど。 いま一人の優秀なプログラマがいて、平均的な会社でサラリーマンとして働いても年俸1000万取れる実力があるとしよう。この人が独立した場合、「好きなプロジェクトを選べるのでやる気が出る」「独立していることについてのリスクプ

今は世界でも評判の高い日本車ですが、日本車が世界で売れ始めたのは 1970年代の“オイルショック”がきっかけです。 オイルショック前には日本車なんて、おもちゃみたいなモンだと思われてた。 ところが石油がいきなり高騰したため、車無しでは生活できないアメリカ人の多くが、燃費の悪いアメ車を “緊急避難的に” 手放し、日本車に買い換えたんです。 そして「石油が高いから仕方なく買い換えた日本車」が、「実は品質もアメリカ製より優れてるじゃん！」と気がついた。 オイルショックがなければ、日本車が世界で売れ始めるタイミングはもっとずっと遅かったでしょう。 とはいえ、「オイルショックがあったから日本車が今の地位を築いた」のではありません。 オイルショックは“突然訪れたチャンス”ではあったけど、それによって消費者に「たとえ石油が安くなっても、日本車のほうがいいかも！」と思わせたのは、日本車の実力です。 もし「

ﾆｬｽ! (=ΦωΦ=) 野良猫 @Ua__aU @shi3z_bot こんばんは。最近よく考えるのですが、HTML5+Javascript的なサービスが増えてきた場合、サーバーサイドでない部分は簡単にコピーできるためクローンアプリが増える気がします。端からオープンと考えるべきか、コンテンツ保護も考えるべきか、どう思われますか？ 豚 @butabuta_bot .@ua__au　こんにちは。最近よく耳にする話題ですね。ソフトウエアだけに値段をつけて商売になる時代は10年前に終わったと感じています。クライアントソフトウエアはいわばメイド服であり、服はコピーできますが中身はできません。むしろ模倣されることでメイド喫茶はプレゼンスを上げます ﾆｬｽ! (=ΦωΦ=) 野良猫 @Ua__aU @shi3z_bot 返信ありがとうございます。最近Javascriptのエンジンを公開して、ゲームなども

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

内容：「みんなでガント.com」は、オンラインでガントチャートを作成、共有できるサービスだ。プロジェクトの細かいタスクごとに開始日と終了日を設定でき、それぞれについて担当者や進捗率を記入できるので、個人はもちろん、複数メンバーでのプロジェクト管理に重宝する。 「みんなでガント.com」は、オンラインでガントチャートを作成、共有できるサービスだ。プロジェクトの細かいタスクごとに開始日と終了日を設定してガントチャートを表示し、進捗率の記入などを行うことができる。個人はもちろん、複数メンバーでのプロジェクト管理にもってこいのサービスだ。 トップページの「ガントチャートを作成」ボタンを押すと、新しくガントチャートを作成するための初期設定画面が表示される。記入が必要な項目は、パスワードと初期年月の2つのみ。これらを入力して「表を作成」をクリックすると、Excelのワークシートに似た新しいガントチャー

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / まずはじめに、これは合ってるかわかりません…。 でもたぶん合ってると思う。 width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、 「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」 という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial-scaleとwidthを同時に指定した場合がめちゃくちゃにややこしい。 initial-scaleは、PCのブラウザいうとズーム機能に近いが、それによりドキュメントの幅が調節される。これは例えば

五月病が抜け切らないIT系新入社員に贈るシリーズ第1段。 ~/.ssh/configにはいろいろな設定が書けるが、周囲を見渡した限り、あまり活用されているようには見受けられない。そこで、今回は便利な設定をいくつか集めてみた。 長いホスト名に短い名前をつける Host exp1 HostName verrrryyy.looooong.hostname.example.jp　ssh verrrryyy.looooong.hostname.example.jpの代わりにssh exp1でログインできるようになる。 ちなみに、zshの場合、configファイルに登録されたホスト名はsshコマンドを打つときに補完されるので更に便利。 特定のホストへログインするときのユーザ名や鍵をカスタマイズする Host github.com User tkng IdentityFile ~/.ssh/id_rsa

「jQuery-URL-Parser」を使うと、URLを分解して簡単に値を取得できますよ。 使い方はこんな感じです。 var url = $.url('http://example.com/folder/index.php?item=value'); url.param('item'); こうするとクエリーのitemの値”value”が取得できるというわけです。 他にもホスト名やディレクトリ,#以降のアンカーの値も取得できますよ。 これはいいかも。 詳細＆ダウンロードは以下からどうぞ。

©Owen W Brown 先週「Google+1」の発表がありましたが、その少し前にはTwitterが「フォローボタン」を出しており、最近は何かとソーシャルブックマークやソーシャルメディア関連のボタンを設置することが増えていますね。「いいね！」を付けて欲しいとか、はてなブックマークボタンを設置してほしいと、といった要望があって対応することも多くなっています。 必要になる度に探すのは手間なので、一か所で参照できるようメモをしていたのですが、せっかくなので少し内容に手を加えて共有したいと思います。 ※ボタンはそれぞれ1種類ずつしか掲載していませんので、違う種類はリンク先でご確認ください。

☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

いや、全く意味がわからなくて思わず書いたんですけどね。 SEOの終わりとソーシャルとnanapiのコンテンツの未来 - ロケスタ社長日記 @kensuu ソーシャルメディアが力をつけてくるとネットでどういう変化が起こるのかというのが、上の記事で非常に細かく分析されて、まさにその通りだなぁって思うのですが、SEOは無くならないです。そもそも現代のSEOはコンテンツファームでもなんでもありません。 どうしてSEOが終わらないのか 「SEO重視で行きたいのでよろしくお願いします！」 「わかりました。今の時代のSEOでいうとコンテンツ重視と言う事ですね？リンクを集めたり、ページを量産しても今はサーチエンジンに最適化されるとは言えません。」 最近私が交わした会話ですが、コレが私が言いたい事の真理です。 ・SEOの企画書とかもうやめてほしい ・お客もまだSEOすればいいと思ってる こういう声を良く聞こ

ちょっと興味深いエントリが目に留まりました。「プログラミングへのこだわり」を方向づける: 設計者の発言基本的に、この方自身もプログラマーや開発者をされているようですし、他のエントリを読んでも「プログラマーの地位向上をすべき」ということで、私にとっても非常に共感することをおっしゃっているのです。それでも、ちょっとこのエントリの内容については疑問に思うところがあったので、勝手ながら私の意見を書かせていただきたいと思います。 業務システムの生産性や保守性を高めるための基本は「コードを１行でも減らす」である。なぜなら、コーディングとこれにともなうテスティングこそが、開発作業の中でもっとも人手のかかる作業だからだ。個別案件においては、良いコードだろうが悪いコードだろうが少なければ少ないほどよい。 これは、まさにおっしゃる通りですね。もちろん、可読性ということもあるため、厳密には最少のコードが最良とい

SEOはそろそろ終わる？ 最近、「SEOってもう終わるよね」と思っています。昔のブログを見たら、2005年にも同じこといってて恥ずかしかったわけですが、そろそろ本当に終わるんじゃないかと思ったので、もう一度まとめてみます。 あ、SEOの定義って何？という話にもなりがちなので、以下にも書いてみました。気になった方はどうぞです。 とても大雑把なSEOの言葉の定義と「SEOは終わる」議論のずれ - ロケスタ社長日記 @kensuu コンテンツビジネスの背景 まず、Webコンテンツビジネスの背景を説明してみます。 Webでコンテンツを提供している会社のビジネスモデルは、多くが広告料です。広告はいろいろな売り方がありますが、一番多いのが「ページビューの多さに応じて増えていく」というパターンです。ページビューとは、要は「そのページが見られている数」のことです。 広告には、クリック率や、効果（実際に紹介

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

Web ページからデータを抽出してデータベースに突っ込むことに性的興奮を覚えるみなさん、 ScraperWiki 使うとキモチイイですよ。以上です。 そうではないみなさんには少々の説明が必要かと思いますので少々書きます。 ScraperWiki はスクレーパ（Web ページをスクレイピングするスクリプト）とスクレイピングで得られたデータを共有しようぜっという Web サービスです。Wiki と名が付いていますが Wiki っぽいページ構成になってるわけではなく、スクレーパやデータを誰でも編集できるようにして成果を共有するという理念が Wiki と共通しているのが由来みたいです。 ScraperWiki を使うとスクレーパを作るのがラクになります： Web ベースのエディタでスクレーパを書き、その場で実行できる PHP、 Python または Ruby が使える（HTML パーサなどのモジュ

ドットインストール代表のライフハックブログ

こんにちはこんにちは。一昨日、さくら VPS に Git をインストールするエントリーを書きましたが、実はバージョン管理は etckeeper にもお世話になっています。 etckeeper というのは、Git 等のバージョン管理ツールを用いて、/etc 以下をほぼ自動的に管理してくれる有り難いツールです。下記のタイミングで自動的にコミットしてくれます。手動で任意のタイミングでコミットすることもできます。 -yum コマンド実行の前後 -日付が新しくなったとき << 以下、さくら VPS（CentOS 5.5 -64bit）で etckeeper を使えるようになるまでの手順をまとめてみましたので、よろしければ参考にしてください。 *目次 Git のインストール etckeeper のダウンロード etckeeper の設定ファイルの編集 etckeeper のインストール etckeep

6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の

大勢の人の前で話すとき緊張する人は多いと思います。わたしも緊張して言葉が出てこなくなることあります。どうして言葉が出てこなくなるのか、その原因があるセミナーに参加してわかったので書いておこうと思います。 １.緊張すると言葉が出てこなくなるタイプ （原因）これは前もって言うことを用意していなかったり、言いたいことの内容が曖昧だったり、声に出して練習していなかったり、準備不足が原因らしいです。 （対策）対策としては、準備をきちんとすることだそうです。声に出して練習、リハーサルをしたり、頭の中にきちんと言うべきことを入れておくとよいかと思われます。緊張して、頭の中が真っ白になってしまうタイプも準備不足、練習不足が原因らしいです。準備、練習、リハーサルは大事だと思います。*1 ２.自分の話をちゃんと聞いてもらえているか反応が気になってうまく話せなくなるタイプ （原因）うまく話せる自分でありたいとい

Webシステム開発で使っている便利なツールをあげてみました。 あらためて社内の開発環境を見直す機会があったので、使っているツールを並べてみました。こうして見ると色々なツールを使って開発をしていますね。わりと定番系なものが多いですが、良かったら参考にどうぞ。 1. Apache / PostgreSQL / PHP Mac OS X に MacPorts でインストールしたApache / PostgreSQL / PHP 環境を使って開発をしています。 PHPは5.3、PostgreSQLは8.4 or 9.0です。 ただ旧バージョンのPHPを使ったり、Linux でなければ動かないモジュールを使うこともあるので、その際は社内のCentOSサーバにSSHで入って開発したりもします。 Vimを使ってるので、SSHで入ればどのサーバでも開発できるのは利点ですね。 Mac を使い出して、しばらく

IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

6：以下、名無しにかわりましてVIPがお送りします：2011/04/28(木) 00:52:10.20ID:Dgw3aJhg0 Windowsキー＋D 開いている全てのウィンドウの最小化・復元 Windowsキー＋E スタートメニューにあるマイコンピューターを開く Windowsキー＋F ファイルやフォルダの検索ができる Windowsキー＋L ログオフをする（追記：正しくはロックする） Windowsキー＋M 開いているすべてのウィンドウの最小化 Windowsキー＋R ファイル名を指定して実行させるウィンドウを開く Windowsキー＋U ユーティリティマネージャーを開く（ＸＰのみ） Windowsキー＋F1 Windowsのヘルプを表示する（ＸＰのみ） Windowsキー＋Pause システムのプロパティを表示する Windowsキー＋D デスクトップの表示切替 Windowsキー＋