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

経営者にとって、情報システムは頭痛の種になりがちだ。業務に必須だが投資に見合った効果が出るとは限らない。ほかの設備投資に比べて専門的で難解でもある。 野村総合研究所で約20年間勤務した後に、人材派遣大手スタッフサービスのCIO（最高情報責任者）を務め急成長を支えた著者が、ベンダーとユーザー両方の視点から、“システム屋”の思考回路と、上手な付き合い方を説く。 この連載では、企業・組織の基幹情報システム構築を請け負うITベンダー・システムインテグレーター、すなわち“システム屋”について論じてきました。今回は、これまであまり“システム屋”というカテゴリーで論じてこなかった、インターネット・モバイルなどのサイト構築を請け負う“システム屋”について考えてみたいと思います。インターネットが普及するにつれて、ネット事業が本業ではない一般企業でも、この新種の“システム屋”と接点を持つ機会が増えていると思い

これまでに使った20のjQueryプラグイン :: 5509 5509のnoriさんとチャットで会話しているときに nori: みんなでよく使うプラグインをまとめる、とかは？ nori: ↑それぞれがまとめる nori: 意外と知らないやつとかあったりするかも hiromu45: 皆さんはどうですかー？大募集！ hiromu45: みたいなのやりますか。 なんて話題になったので、ＴＢ（トラックバック）企画にしちゃいます！ 自分の普段使うプラグインやこれは便利だ！なんてプラグインを書いてエントリーに書いて、トラックバックしてください！ 便利なプラグインのまとめ サイトの制作時に使ったプラグインや、これは便利だ！と思っていたプラグインをまとめてみました。今だったら自分で書くかなっていうプラグインも含めてまとめてあります。 jQuery Opacity Rollover http://h2ham

2009-08-02 15:10:00 iPhone使わない方法を追記 iPhoneを色々いじってる過程でやってみたら出来たのでメモ。さほど悪い事は出来ないと思うけど、色々自己責任で。 iPhoneとSBMガラケーでは全く別のネットワークを使用しているため、通常iPhoneからは公式サイトやIPでアクセス制限をかけてる勝手サイトは見る事が出来ない。特に見る必要も無いのだが、実験としてやってみた。 iPhoneは通常 "smile.world" というAPNに接続している。一方、ガラケーはググって見たところ "mailwebservice.softbank.ne.jp" というAPNに接続しているらしい。っと言うことは、iPhoneの接続先をこれに変えてしまえばiPhoneもSBMガラケー側のネットワークに入れる・・・はず。 用意するモノ 香港版 or SIMUnlock済みの iPhone

ハーマンミラー正規品 サイズ幅67.5ｘ奥行60ｘ高さ91~105.5cm 材質背・座/ペリクル(エラストメリックポリエステル)、脚/グラファイトカラーベース(アルミダイキャスト粉体エポキシ途装リンクル途装)、キャスター/ナイロン双輪 重量約26ｋｇ 保証期間/構造体、機構部、可動部12年間、ガス圧シリンダー2年間

ブログにTwitterへのリンクを常時表示することができる「Twitter “Follow” Badge」を導入してみました。 作成ページにて、 ・Twitterアカウント ・ラベル（表示するテキスト） ・カラー ・右 or 左（表示する場所） ・トップから何ピクセルのところに表示するか を入力すると、コードが生成されます。 生成されたコードを</body>タグの前に貼り付ければOKです。けっこう簡単です。 とりあえず、ネタフルでもトップページに導入してみました。 スクロールしても、常に同じ位置に貼り付いていますので、それなりに目立ちます。ちなみにクリックすると、Twitterアカウントのページにジャンプします。 なお、IE6では表示されないということです。 （via Twitter / masakiishitani） ▼Masato Kogure (kogure) on Twitter

Photoshop Tip: Sharpening with Photoshop's High-Pass Filter | GoMediaZineで紹介されているTipsがとてもいい感じなのでご紹介します。 写真がなんとなく眠いというとき（特に、リサイズした後など）、［シャープ］フィルタや［アンシャープマスク（USM）］フィルタを利用されている方が多いと思います。 このTipsでは、［ハイパス］フィルタを利用するというものです。 写真を用意します。 command+Jキーで背景レイヤーを複製。 ［フィルタ］メニューの［その他］→［ハイパス...］を選択。 ［半径］を「10」程度にして、［OK］をクリック。 ［レイヤー］パネルで［描画モード］を「オーバーレイ」に設定。 仕上がりを見ながら、［不透明度］を変更。 不透明度の変更を行うには、スライダをドラッグするよりも、テンキーを押して（「40％

自分だけの巨大年間カレンダーを作れる『YearMadeForMe』 August 3rd, 2009 Posted in ライフハック・生産性 Write comment 一年をざっと見渡せる巨大なカレンダーはいろいろと役に立つ。 自分の部屋やオフィスに張っておけば「あ、あのイベントまでこのぐらいか・・・」「今年ももうあと・・・」といった意識を高めることができるだろう。 そこでおすすめしたいのがYearMadeForMeだ。このサイトではこうした年間カレンダーを印刷して郵送してくれる（ちなみに$27だ）。なお、サイズは1m×50cmである。 普通の年間カレンダーと違うのは始まる日を自分で指定できる点だ。思いついた日を起点にカレンダーを作ることができる。また記念日や特別な日をあらかじめ印刷しておくことも可能だ。 個人でなくてもチームなんかで作ってもいいかもですな。1年といった把握しにくい時間

広がるFREEの活用法＝ゼロ化への処方箋 6月に米国で開催されたWIREDのビジネス・セミナー「Disruptive by Design」でのアンダーソン氏の基調講演は、7月に刊行される自署『FREE』へのイントロ的な内容だけではなく、その応用編的な議論もなされていた。 具体的には、世界で最も成功しているリアル／ネットの新聞として知られるWall Street Journalの副編集主幹を務めるアラン・マレー氏によるネット上での情報メディアのビジネスモデルの5項目の必勝法が紹介されている。 最良の収益モデルは有料と無料のバランスから生まれる 他でも入手可能なコンテンツからは金は取れない 人気のあるコンテンツは課金してはならない 有料コンテンツは特定の層（ニッチ）にアピールできなければならない ニッチ度は、高ければ高いほど良い うーむ。含蓄があるものの、その実践が可能なプレーヤーはWSJのよ

コンテンツ価値のゼロ化は、ネット上ではなく、リアル社会で始まっていた……。そんな状況を冷静に見つめ、「FREE」という価格設定を戦略的に執っていくことで、なし崩し的なゼロ化を回避するフリービジネスモデルの構築が急務になっている。 コンテンツ価値ゼロ化がリアル社会で進行中 先日、8月末にデジタルコンテンツ協会から刊行される『デジタルコンテンツ白書2009』の編集会議に参加してきた。一昨年にその傾向が見て取れ、そしてそれがリーマン・ブラザーズなどグローバル金融機関の破たんとして顕在化し、やがて実体経済へも波及した経済不況の影響は、当然のことながらコンテンツ業界にも現れていることが統計上も明らかになっている。 しかしながら、アナログからデジタルへ、パッケージからネットへという大きな流れの中、産業構造の移行が必ずしも順調に起こっていない国内コンテンツ業界では、その大きな流れだけでは説明できないもう

問い合わせやクレーム、テクニカルサポートなど外部との連絡を行う部署はお持ちだろうか。外部と言わずとも、社内であってもユーザ部署と開発部署があれば、そこには何らかの連絡口があるかも知れない。 Webブラウザベースの見やすいチケット管理システム そうした連絡口を適切に設けないと、相談しやすい人に相談が集まり、知らないうちに工数がふくれていたり、安請け合いして苦しむことになってしまう。そこで対応すべき作業をチケット化しよう。 今回紹介するオープンソース・ソフトウェアはosTicket、オープンソースのチケット管理システムだ。 チケットとは言わば依頼内容の全てだ。osTicketではメールやWebフォームからの入力や、電話をオペレータが入力したものなど全てをチケット化し、一元管理する。専用のメールアドレスを設けておけば、自動的に取得し、その宛先に応じてプライオリティを自動設定してくれる。 設定画面

主に弁護士、会計士など、時間に対する単価をちょうだいする方々向けだろうか。それでもIT業界でも時間に対する対価をもらうコンサルティング的な動きをする人たちもいるので、きっと使えるはずだ。 GoogleカレンダーのXMLを使って請求書を作る もしあなたがそうならアポイントメントや仕事の時間をGoogleカレンダーで管理すると良い。その結果、こんな素敵な請求書が作れるようになる。 今回紹介するオープンソース・ソフトウェアはGoogle Calendar Invoice Creator、Googleカレンダーから請求書を作成するソフトウェアだ。 Google Calendar Invoice CreatorはAdobe AIRで作られたソフトウェアで、GoogleカレンダーのXMLファイルを指定して取り込み、その内容から請求書を生成するというソフトウェアだ。 請求書作成画面 試してみた所ではうま

USBメモリやSDカードなど、各種フラッシュメモリについてエラーがないかどうかチェックしたり、フォーマットできるのがこのフリーソフト「Check Flash」です。バルク品でノーブランドかつ激安のフラッシュメモリなどを買ったときにこのソフトを使ってチェックすればかなり便利です。 また、USBメモリなどのデータすべてに違うデータを上書きし、各種復元ソフトで二度と復元できないようにすることも可能です。 ダウンロードとインストール、使い方は以下から。 HOME PAGE OF MISHA CHERKES http://mikelab.kiev.ua/index_en.php?page=PROGRAMS/programs_en 上記サイトにアクセスし、クリックしてZIPファイルをダウンロード後、解凍します 中にある「ChkFlsh.exe」が本体なので、検査したい各種フラッシュメモリをパソコンに装

Googleマップを3Dで、つまりバードビューのように表示して、奥行きを感じさせることが出来るようになるのがMaps Flash API。 そのサンプルがいくつか紹介されていたので書きとめておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Googleマップを3Ｄで表示する「Maps API for Flash」サンプルいままでは、3Dのマップを表示するにはGoogle Earth プラグインを使う必要がありましたが、Maps API for Flashによって、Googleマップで3Dのマップを表示させられるようになります。 そのサンプルが、Google Geo Developers Blogで紹介されていました。 Google Maps for Flash API のデモ動画Weat

セミナーや記事を通してコンテンツを活かす方法を幾つか紹介してきましたが、サイトデザインを考えるときと同様、まず質問を投げかけるのが道筋を作る手がかりになる場合があります。「これはサイトにとって良いコンテンツか？」といった単純な質問をするのではなく、質問を洗練させていくことで、よりフォーカスされたコンテンツ開発につながる場合があります。 サイト開発に携わる役職は様々。携わる役目も違えばサイトの捉え方も違ってきます。サイトナビゲーションひとつをとっても、ユーザビリティ、IA、グラフィックデザインの切り口によって出てくる質問が異なるでしょう。それは、コンテンツ視点でも同じです。ナビゲーションもコンテンツの一部として捉えるとが出来、サイトや利用者にとって最適なのか判断の手がかりになる質問が出てきます。 例えばナビゲーションに対して、「このコンテンツ (ナビゲーション) はサイトの役割とゴールに適し

公開日 : 2009年8月2日 (2011年1月11日 更新) カテゴリー : ユーザーインターフェース (UI) ユーザーインターフェース（UI）設計のコンサルティング会社、ソシオメディアさんのサイトを見て気づいたのですが、サイト内検索窓があるものの、なんとそこに[検索]ボタンがありません。サイト内検索の機能を持つサイトは珍しくないですが、このように[検索]ボタンが無いものは、とても珍しいのではないでしょうか。 ソシオメディアさんは、UI設計におけるパイオニア的な存在で、私自身も時々、セミナーに参加して勉強させていただくこともあるのですが、パイオニアとして常に「斬新で」「シンプルで」「使える」UIを模索し続けた結果（または、ある仮説に基づく先進的なトライアル）なのでしょう。それにしても、[検索]ボタンを省いてしまうとは大胆だな...という第一印象を持ちました。 でもよくよく考えると、[検

オープンソースのCMSを納品する際の注意点 2009年8月2日 オープンソースのCMSは開発費用を抑えれることで多くのWEB制作会社が利用していると思いますが、MTなどでは月に1度くらいの頻度でクロスサイトスクリプティングの脆弱性が発見されている。 最近ではEC-CUBEのクロスサイトスクリプティングの脆弱性も発見され、悪用されるとユーザーのウェブブラウザ上で任意のスクリプトを実行されてしまう。そうなると偽ページの表示や、偽情報の流布による混乱、フィッシング詐欺による情報の漏えいなどが起きる可能性がある 「EC-CUBE」の利用サイトは迅速なバージョンアップを：読売新聞 WordPress 2.8.4未満を使用している場合は要アップデート 納品後のアップデートを行う取り決め 保守契約を結んでCMSを納品しているケースであれば、このような問題が発生した際にアップデートを行うことは当然であるが

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

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

サクサクと書けるときもあれば、ネタが浮かばなかったり、うまく言葉にまとめられなかったりと、スランプに陥り、なかなか筆の進まないこともありますね。 ブログメディア「Dumb Little Man」では、ライティングにおいてスランプに陥ったときのコツとして、以下の5つを挙げています。 その1: 過去は忘れよう 過去学んだライティング方法やアドバイスをいったん忘れ、あえて型にはまらず、自由に書くことを心がけよう。 その2: ライティングの訓練をやろう 1週間に3～4回程度、10～15分で特定のトピックについて書く練習をしよう。ワーディングなどは気にせず、とにかく書き進めること。このように定期的に訓練すれば書く力は次第についてくるもの。 その3: ブレストをやろう 紙の真ん中に思いついたトピックを書き、円で囲む。別の色の鉛筆を取り出して線を描き、そのトピックに関連するワードを円の周りに書いていく。

そもそも、パソコンを使う上で無くてはならない基本のハックが "キーボードのショートカット" ですよね。今回は「キーボードのショートカットだけでテキストを選択する方法」をご紹介しましょう。 前回の記事では、マウスを使った方法だけを紹介したので、ショートカット派のみなさんはさぞかしご不満だったろうと思います。今回はキーボードショートカットのハックのみをご紹介しますので、ショートカット派の人は存分に堪能してください！ ■共通ショートカット このショートカットはほとんどのアプリで有効です。 * Ctrl＋Shift＋左／右矢印： 選択開始位置から、その行末or行頭までのテキストを選択 （「Mac：Ctrl ＋Alt／Option」と元記事にありましたが、Windowsと同じキーでもOKの場合も） * Shift＋上／下矢印： 一行毎にテキストを選択 * Shift＋Page Up／Page Dow

定番綿Tシャツ 61 colors 90 ~ XXXL よれにくい！透けにくい！長持ち！ United Athle（ユナイテッドアスレ） 5.6oz ハイクオリティーTシャツ

ライフハッカー過去記事「プロアマ問わずライターさん必読、スランプから脱出する5つのコツ」ではライティングのコツをご紹介しましたが、今回はその続編。誤字脱字やタイプミスを減らすための校正のコツについてご紹介します。 ライター向け情報ブログ「Ghostwriter Dad」では、校正スキルを上げるためのコツとして、以下の10点を紹介しています。 1. 一呼吸おいてから編集にとりかかる 下書きを書いたら、編集・校正作業まで少し時間をおこう。最低1時間、できれば1日程度空けるとよい。下書きと編集との間をとると、自分の下書きを客観的にチェックしやすくなり、ミスにも気づける。 2. 文をシャープにしよう 最終稿は下書きの10%減が目安。重複した表現を避け、無駄な言葉を取り除こう。 3. 静かな環境でやる 校正には正確性が求められる。編集作業をするときは、気が散らないような静かな環境で集中してやろう。

ベッドのスプリングがきしむ...。ただそれだけのことなのに、毎日・毎晩・毎回のプチイラッが積み重なると、相当なストレスになってきます。ベッドのスプリングがちょっとでも嫌〜な音を出し始めたら、できるだけ早めに以下のポイントをチェックしましょう。 1. マットレスの寿命を知る 大体、普通のマットレスの寿命は約7年〜10年だそうです。ただし、以下のような場合は寿命が更に縮まります。 （1）ディスカウントショップで買った。 （2）マットレスの上で飛んだり跳ねたりする子どもがいる。 （3）そのベッドで寝る人はちょっと太っている。 上記に当てはまらない場合は、マットレスのきしみは恐らく寿命が原因なので、ちょうど買い替え時期なのかもしれません。 残る5つのチェックポイントは、以下にて。 2. マットレスの位置確認 マットレスはボックススプリング（ベッドのマットレスの下に置くバネ入りの台）の真上にきちんと

米誌「Forbes」では、ウソをついている人のありがちな言動として、以下の8つを挙げています。 1. 目を合わさない ウソを言っているときは、相手とできるだけ目を合わさず、腕や足を組んで固まっている傾向がある。 2. 一人称で語りたがらない 自分をウソから遠ざけようという心理が働き、不自然に二人称や三人称で話す。 3. 身振り手振りで話さない 真実を語っているときは、話すリズムにあわせて自然と身振り手振りをするもの。そうでないときはウソを言っているのかもしれない。 気になる残りの5つの兆候は、以下からどうぞ。 4. 挙動不審 やたら汗をかいていたり、目がキョロキョロしていたり、やたら声が高くなったりしていたら要注意。 5. 「実は...」という前置きが多い ウソをついているときは、やたらと「実は...」や「マジで...」など前置きをしてから話しがち。 6. 言葉に間が増える ウソをついてい

TOP  >  WebDesign  >  クリエイティブなフォームの為のインスピレーション集「20 Creative Web Forms For Design Inspiration」 WEBに置いてユーザーと運営側を繋ぐフォーム。ログインフォーム、コンタクトフォームと色々と種類はあれど、現在、様々なサイトで導入されています。以前「クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials for Creative Forms using CSS」」と言う記事でも少しお伝えしましたが、今日紹介するのはクリエイティブなフォームの為のインスピレーション集「20 Creative Web Forms For Design Inspiration」です。 Five Cent Stand 一風変わった様々なフォームデザインが収録されて、クリエイテ

TOP  >  Design , vector  >  使いやすいベクターデータ素材セット24選「24 useful free vectors」 WEBにせよ、グラフィックにせよ、その自由度の高さから非常に便利なデータ形式ベクターデータ。色や大きさなどの変更にも柔軟に対応してくれます。今日紹介する「24 useful free vectors」は使いやすいベクターデータ素材を集めたエントリーです。 Pens, pencils and markers アイコンからオブジェクトまでデザイン業務に使いやすそうなベクターデータが全部で24個公開されています。今日はその中からいくつか気になったベクターデータを紹介したいと思います。 詳しくは以下 ■200+ free vectors icons: Primo インターフェイスから、爆弾まで幅広い種類のアイコンをベクターデータで。 ■Packaging

国内外で広く使われているCMS WordPress。様々なテーマが数多く配布されていますが、今日紹介するのはファッションニュースからWEBマガジンまで日記やブログとはひと味違った、特徴的なWordpressテーマ集を集めたエントリー「15 Super Featured Free WordPress Themes」です。 Fashion Blogger 機能的でバラエティーに富んだフリーで使えるwordpressのテーマがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Travel Diary 背景や細かなデザインに特化したブログ名前の通り旅行記用のテーマみたいです。 ■Gridline Lite 動画を中心に見せるWEBサイトです。シンプルで割り切ったデザイン。 ■e-channel 複数の企画を展開するWEBページに最適なテーマ。 デザ

Androidアプリを開発できる「Simple」という、BASICのようなプログラミング言語が発表されています。 Bringing an easy to learn and use language to the mobile world and the Android platform is the goal of the Simple project. 「Simple」を利用するとAndroidのアプリ開発ができるので「Simple」でプログラミングにチャレンジする、という人も増えるでしょうか。自分で作ったアプリを持ち歩けるのは面白いですよなぁ。 Linux/Mac/Windows版をそれぞれダウンロードすることが可能です。試しにMac版をダウンロードしたところ、CompilerとRuntimeのJavaアプリケーションが入っていました。 （via Twitter / Kohichi

JavaScriptで必要なデータ構造の覚書です。 目次 配列 配列を生成する。 配列にデータを追加する。 配列にデータを格納する。 配列からデータを取得する。 配列中のすべてのデータに同じ処理をする。 オブジェクト オブジェクトを生成する。 オブジェクトにデータを格納する。 オブジェクトからデータを取得する。 オブジェクト中のすべてのデータに同じ処理をする。 関連記事 配列 配列は複数件のデータを扱うためのデータ構造です。 ■配列を生成する。 配列の生成は以下のように行います。 var 配列の名前 = []; var 配列の名前 = [ データ, データ, … ]; 配列の生成では、配列の名前を指定します。 もし、生成時にデータを格納する場合に、[]内にデータを指定します。 なお、JavaScriptでは配列の生成時にサイズを指定しません。 例えば、空の配列array1を生成するには、以