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

入社4年目にもなってtech.kayac初登場のせいです。 ブログ書けプレッシャーにとうとう屈する時がきました。 これで夢にkyo_agoが出てうなされなくてすみます。(彼はtech.kayacの尻たたき担当でした) 先々月「ぼくらの甲子園!熱闘編」というゲームをモバゲー内にてリリースしました。 これは去年リリースした「ぼくらの甲子園!」の続編です。 モバゲーユーザの方、是非遊んでみてください。 今回はこの「ぼくらの甲子園!熱闘編」がどういうインフラ構成になってるか紹介したいと思います。 注) 題名に「カヤック流」とはつけましたが、カヤックでは多様性を善としている風潮があり、 ゲームによってインフラの構成が違うどころか、利用しているプログラミング言語すら違います。 なので全てのゲームがこのような構成になってるわけではありません。 前提 今回のインフラ構成を決めるに至って考慮した点は「ラクに

jQueryでマウスオーバーすると全体的にピカーンってなるやつ マウスオーバーは普通同じ大きさの画像を切り替えたりしますが、他の要素の背景画像を変えることで派手なマウスオーバーにすることができます。 投稿日2011年10月11日 更新日2011年10月12日 準備 htmlは特に変わったことはしません、適当な要素にクラスを割り当てます。 html <p class="button"><a href="#">ボタン</a></p> その他マウスオーバーしたときの大きめの画像を用意します。 ここでは「bg.jpg」という名前で1000×1000の画像を使用します。 bodyのbackgroundを指定する方法 一番単純な方法はボタンをマウスオーバーしたときbodyのbackgroundを変更する方法です。 jQueryでimageとpositionの設定をしますので、cssでその他の設定をして

Webサイトの目的を見据えて、適切なレイアウトに いま知らないと困るWebデザインの流行テクニックと最新情報を一冊にまとめた、2011年1月29日発売のweb creators特別号「Webデザイン表現＆技法の新・スタンダード」から、ピックアップして記事を紹介していきます。レイアウトや配色設計の手法から、人気のデザイン表現、ユーザビリティを劇的に向上するナビゲーション＆インタラクション、CSS3＋HTML5やスマートフォンサイト制作などの最新技術まで、Webデザインとコーディングに関する多彩な情報を解説していきます。

ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ

一定期間更新がないため広告を表示しています

著者プロフィール：吉田典史（よしだ・のりふみ） 1967年、岐阜県大垣市生まれ。2005年よりフリー。主に、経営、経済分野で取材・執筆・編集を続ける。雑誌では『人事マネジメント』（ビジネスパブリッシング社）や『週刊ダイヤモンド』（ダイヤモンド社）、インターネットではNBオンライン（日経BP社）やダイヤモンドオンライン（ダイヤモンド社）で執筆中。このほか日本マンパワーや専門学校で文章指導の講師を務める。 著書に『非正社員から正社員になる！』（光文社）、『年収1000万円！稼ぐ「ライター」の仕事術』（同文舘出版）、『あの日、「負け組社員」になった…他人事ではない“会社の落とし穴”の避け方・埋め方・逃れ方』（ダイヤモンド社）、『いますぐ「さすが」と言いなさい!』（ビジネス社）など。ブログ「吉田典史の編集部」、Twitterアカウント：＠katigumi 先日の時事日想で「『常に自分は正しく、相手

Text of Steve Jobs' Commencement address (2005) - Stanford Report, June 14, 2005 この原文を私が日本語に翻訳して字幕を作成して、分割なしの１本の動画としてYoutubeに反映させました。 スティーブ・ジョブズ 日本語で学ぶ伝説のスピーチ（字幕） 日本語の翻訳付きの動画をご覧ください 以下は、その和訳を、原文の段落に従って掲載しましたので、動画を見て気に入った箇所を改めて読みたい方の参考になれば幸いです。 なお、それぞれの題目をクリックすると、その場面から動画がスタートするように設定していますので、ぜひご利用ください。 COMMENCEMENT ADDRESS.ありがとう。今日は世界で最も優秀と言われる大学の卒業式に同席できて光栄です。実は私は大学を出ていないので、これが私にとって最も大学の卒業に近い経験になりま

美容院のサイトやホテル、民宿などのサイト でたまに見かけるWeb上で簡単に予約できる システムを構築できる、というWordPressの プラグインです。タイトルの通り、まだ実用 性のあるものではありませんが、プラグイン では初めて見たので備忘録的に記事にします。 タイトルで釣るっていう不毛なトラフィックが嫌なので、一応明記しましたが、使い勝手もUIもまだ良い訳ではありませんので、本当に今後期待をこめて、という記事です。 リリースされたばかりのようで、日本語化もまだされてもいません。少しでも多くのデベロッパーにこのプラグインの存在を知ってもらって、より改善していけたら素敵だなぁと思ってご紹介します。 こちらでも書いてありますが、美容院や、スパ、マッサージ、病院など、予約が必要な施設向けに開発されたプラグインです。この手のシステムはどこかで見かけた事がある方もいらっしゃるのでは無いでしょうか？

渡辺会長提言「知事や市長が、みなとみらいに球場を」

映画「マトリックス」を再編集し、それぞれの場面ごとに、その起源になったと思われる他の映画のワンシーンを繋いで作られたリミックスの動画です。動画の後半では「GHOST IN THE SHELL / 攻殻機動隊」や「AKIRA」のワンシーンもマトリックスの起源として登場してきます。 Everything Is A Remix: THE MATRIX on Vimeo https://vimeo.com/29996808 マトリックスがインスパイアしたと思われる、他の映画の再生時間一覧はこちらです。上記のリンク先（Vimeo）へ行き、動画下リストの再生時間をクリックすると、対応する再生時間に動画が直接飛びます。 0:27 - Fist of Legend (1994) 0:38 - Tai-Chi Master (Twin Dragons) (1993) 0:44 - Fist of Legen

社会人になった時点で、ある程度の敬語やら丁寧語やらの講習・勉強は済ましているのがほとんどだと思いますが、「話し方」「伝え方」まではあまり意識して使えていない方が多いように感じます。（過去の自分も含めて） なので今回はWebディレクターという職域を任された場合に発生する口頭でのコミュニケーションにおいて、何をどうすると内容が人に伝わりやすいのか？をまとめてみました。 どういった時に口頭でのコミュニケーションが必要になるのか Webディレクターとして仕事をする上で、「口で言って物事を伝える」という場は実はそんなに多くはありません。が、その少ない機会というのがすごく重要な場合ばかりなので、どんな場所で必要になるのか？をまずは書いておきます。 代表的なパターン（対外部） ・クライアントに対し提案、交渉を行う時 ・要望やクレームに対する回答を返す場合 ・成果など、何かを報告する時 代表的なパターン（

web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも

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

みなさんは一日に何時間をモニターのまえで過ごしていますか？ 仕事は基本的にパソコンを前にして、通勤時間もiPhoneや携帯電話をのぞきこみ、帰宅してもパソコンを前にしてブログを書いたりウェブを楽しんでいるという人が多いのではないでしょうか？ 私も一日のほとんどをこうしてモニターを前にしていますが、もともと眼球を収めている頭蓋骨の形が幸いしているのか、定時で行っている眼筋トレーニングが功を奏しているのか、あまり視力は落ちません。 しかしそれでも、一日の終わりには目の奥には疲労がたまってきて、ひどいときには頭痛や、全身の疲労におそわれることもあります。次の日まで目の疲れが持ち越すこともあるので、眼精疲労回復のための目薬は必須アイテムです。 眼精疲労の一部は、明度のかわらないスクリーンを長時間眺め続けることで眼筋が緊張したままになっていることが原因といわれていますので、それを Nocturne