前に同じタスクランナーのGruntを導入してみましたが、gulpというのも結構話題に見るのでこちらも導入し試してみました。 エラーがでてインストールできない人は、ページの下の方に自分がとった解決策が書いてあります。 gulpとは gulpとはnode.jsを使ったタスクランナーです。機能的にはGruntと一緒です。設定を記すgulpfile.jsの書き方が少し違うのと、処理スピードがGruntより速いようです。 公式サイトはこちらから gulp.js – the streaming build system インストール 基本的なインストール方法はGruntと一緒です。 こちらのコマンドをコマンドプロンプトに入力します。 npm install -g gulp 次にそのプロジェクトフォルダの階層まで移動します。 cd 階層へのパス ここで試しにgulpのバージョンを確認してみます。 gul

ウェブサイトを閲覧するユーザーの環境は多岐に渡ります。したがって、ウェブ制作者は多くの環境の動作確認をしなければなりません。その時の手間を大きく省いてくれるBrowsersyncというツールを紹介します。 Browsersyncとはファイル変更を監視し、自動でブラウザリロードを行ってくれるツールです。ローカルサーバーも起動できたり、複数のブラウザで操作の同期が可能といった便利機能も満載です。 Browsersyncのデモ動画 Browsersyncのデモ動画を紹介します。デスクトップブラウザとスマートフォン（iPhone）のブラウザが同期しており、ファイルの編集後に自動リロードしています。CSSでハリネズミを走らせるアニメーションです。HTMLやCSSのファイル編集がリアルタイムに反映されていることがわかります。 Browsersyncは何を便利にしてくれるのか ファイルの編集後に複数ブラ

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

デザインプロセスを超高速動画で見せてくれる動画をまとめた記事を発見したのでご紹介。ご紹介も何も、実際の動画を見て！って感じなのですが、サイトのデザインからロゴデザインまで10本立てです。ここではピックアップした動画をご紹介しますが、残りはMashableでどうぞ。 ■ロゴデザイン（by Mason Roberts）スケッチからツールを使ったロゴの完成まで ■サイトのデザイン　HTML5で作られたサイトの完成まで

仕事をする際、基本となる「時間管理」。しかし、「自分には向かない」「スケジュールどおりにいかないから面倒くさい」と思っている人はいないだろうか？ しかし、時間管理とは、実に「簡単」で「フレキシブル」なものなのだ。時間管理術のプロが、すぐに始められる「時間管理術」を紹介する。 納期の前日に「バタバタ」と慌てて仕事を片付ける……。あなたはそんな「バタ男」（もしくはバタ子）になっていないだろうか？ バタバタしたいわけでは決してない。なのに、いつもバタバタしてしまう。だとしたら「タイムマネジメント」（時間管理）を試してみてはいかがだろうか。 タイムマネジメントとは、文字どおり「時間をどう使うか」を考えて行動することだ。つまり、「事前に時間の使い方を計画して行動すること」である。このタイムマネジメント次第で「バタ男」状態は大きく改善できる。 「計画どおり？ 無理むり」――タイムマネジメントにまつわる

Internet Explorer、Firefox、Safari、Chrome、Operaなど主要ブラウザの中の特定ブラウザのみに有効なCSSハックをbradKELLETTから紹介します。 Documenting the Hacks: CSS Browser Targeting CSSハックは使用しないに越したことはありませんが、必要がある場合には最小限簡潔に記述しておくようにします。 各ブラウザの新しいバージョンがリリースされた際、これらのハックが無意味なものになることも念頭においてください。 Internet Explorer 6 IE6のみに適用します。 <textarea name="code" class="css" cols="60" rows="5"> #selector { _property: value; } </textarea>

CSS Nite in Ginza, Vol.35フォローアップ（2）鷹野のセッション 記事公開日：2009年5月25日（月） 2009年5月21日にアップルストア銀座で開催したCSS Nite in Ginza, Vol.35『私がPhotoshopじゃなくてFireworksを使う17の理由』／鷹野雅弘（スイッチ）のフォローアップです。 なお、配布資料は会場で配布したものをリファインしています。 配付資料（PDF、2ページ、0.7MB） 音声（MP3、52:58、15.16MB） ムービー（FLV） デモデータ（16.12MB） 確かに少し重めのFireworksですが、今回、同時に裏でアプリケーションを走らせて録画していたために、かなり重くなってしまっていたため、デモがスムーズにいかない点があり、残念です。（その分、ぜひムービーをご利用ください）また、じっくりご紹介できる機会があれば

先週末にWCAN x CSS Nite 2009 SPRINGがありました。今回はCSS Niteとの共催セミナーということでセッション数も多めです。テクニックから仕事効率化、ブランディングまで幅広いレイヤーのお話を聴くことができました。 毎度のごとく名古屋国際会議場で。今回も過去最多の200名超の参加があったらしいです。前回が160名程度といことでしたので、どんどん大規模になっていってますね。 [SESSION-1] CSS3＋jQueryで行こう！ [SESSION-2] CSSレイアウト：IE 6対応のかんどころ Lightning Talks [SESSION-3] デザインビュー派？ コードビュー派？ Dreamweaverでのコーディング再点検 [SESSION-4] ブランディングの正体 懇親会 関連記事 [SESSION-1] CSS3＋jQueryで行こう！ 益子 貴寛　

本連載では、「1枚企画書」に続いて竹島愼一郎氏が提唱する「5枚プレゼン」をPowerPointで実践する手順を全5回で紹介します。即断即決を可能にするのが先週までに紹介した「1枚企画書」ですが、プランニングの王道はやはり複数枚の企画書です。ただし枚数は5枚に限定するというのが秘中の秘策です。 初回は、5枚プレゼンのコンセプトと複数枚の企画書特有のレイアウトについてレクチャーします。 ※本記事は「ビジネス極意シリーズ パワポで極める5枚プレゼン」から一部抜粋し、編集・再構成したものです。 「企画書の枚数が増えて困る」という意見をよく聞きます。 たしかに企画で考えたことを網羅すると、際限なく長いものになってしまいます。なかには大企画だと主張したいがために数十枚もの企画書を上げてくる人もいます。 このページに掲載したのは「ビジネス極意シリーズ パワポで極める5枚プレゼン」の事例のひとつですが、5

セミナー オンライン オンラインセミナー「Cookieレス時代に取り組むべき攻めと守りの計測方法」｜2025/10/16(木) 近年、AppleのITP（Intelligent Tracking Prevention）や各国のプライバシー規制強化により、従来のCook …