はじめに この記事では、npm及びgulpのインストールが完了していない、もしくは昔チャレンジしたけれど、完了しているかわからない人向けの解説を行います。 GIFアニメで動きを解説しておりますので、参考にしていただければと思います。 gulpを使用するにあたり、ローカルとは別に、global環境にもgulpをインストールする必要があります。 （厳密にはなくても動かす方法がありますが、あくまで公式の推奨事項に則って説明します。） 以下の記述にしたがって環境構築を行いましょう。（Mac向けの解説です） 流れ 1.npmのインストール2.gulpのインストール npmのインストール 1.ターミナルを開く 「command」キーと「space」キーを同時に押すとSpotlight検索が画面に現れます。検索フォームに「Ter」のように入力していくと、Terminal.appがサジェストされます。 �

便利すぎて、正直びっくりした。 Local by Flywheel のウェブサイト WordCamp US へ参加した際にブースを出していたのを見かけていたのが “Local by Flywheel” というローカル環境を構築するためのツール（https://local.getflywheel.com/）。 MAMP (Pro) の UI が綺麗で速くて各サイトが分離されていて、機能がとても多い版というと分かりやすいでしょうか。また、WordPress の環境に特化しており、ワンクリックインストールやマルチサイト、SSL、Apache/Nginx の選択や切り替え、メールのデバッグツールや開発中のサイトの一時的な公開など、WordPressを使ってウェブサイトを作りましょう、となった場合に必要になりそうな機能を備えています。 で、無料です。 トップページに書かれているその機能は以下のように

日本で最も有名な歓楽街である東京・吉原。江戸の遊郭以来の特色ある歴史を持つこの街に、国内初の遊郭・赤線専門書店が開店し、話題になっている。かつての遊郭跡に建つ店舗には、若い女性客も多く訪れるという。どんな店で、いかなる本を扱っているのだろうか。実際に足を運んでみた。 吉原の一角に白のれん赤線とは、戦後の日本に存在した売春の実質的公認地帯のこと。戦前の公娼制度は占領下で廃止されたが、それまでの遊郭などは特殊飲食店街と名前を変えて昭和３３年の売春防止法完全施行まで存続。その営業可能区域は地図上に赤い線で区分されていたので、赤線という呼び名が定着した。 話題の「カストリ書房」は、東京メトロ浅草駅から北に２０分ほど歩いた吉原大門の近くに位置する。店名は、戦後の日本で濫造された主に性風俗内容を扱う大衆娯楽誌「カストリ雑誌」が由来。地区のメインストリートである仲之町通りから脇に入った小道に面する店の周

「Web担当者フォーラム2016秋」では明治大学の高木教授が、「人工知能の虚空と現実 ― マーケティングで本当に使うために人工知能を正しく理解する ―」と題して、探索木、エキスパートシステム、データドリブンな知能実現など、まず知っておくべき人工知能の基礎を解説した。また、マーケティングで機械学習を活用すれば、 人の思い込みを越えることなどAIの実践面も紹介した。 「人工知能は何でもできる」は誤解人工知能は今まさにブームである。科学雑誌だけではなく、ビジネス雑誌でも特集されることがある。しかし、中身は次のようだと高木教授は言う。 とんでもないことがたくさん書いてある 映画のようにロボットが反乱を起こして人を支配するようなことは当面はあり得ないし、「人工知能は何でもできる」と過剰に期待すると失敗する。そこで、マーケティングに人工知能を使うという話の前に、そもそも人工知能とはどのように生まれ、発

マーケティングや広告の業界は、毎年毎年新しいキーワードが出現していて、業界関係者を踊らせる。しかしこれらの「新しい言葉」について、どのように接するかというのはある種の「態度」として重要だと思う。 例えば、「バズマーケティング Buzz Marketing 」と「バイラルマーケティング Viral Marketing」とは同じなのか？違うのか？ 例えば、「ブランデッドエンタテイメント Branded Entertainment」とは「ブランドコンテンツ Brand Content」は同じなのか？違うのか？ 例えば、「コンテンツマーケティング」と「インバウンドマーケティング」とは同じなのか？違うのか？ 例えば、「インサイドセールス」と「アウトバウンドコール」とは同じなのか？違うのか？ 基本的な「態度」として、「それ、前からある○○○と一緒じゃん」という風に考えてしまうのは危険だし、勿体ないとも

広告で大切にすべきなのは何？ 前回のコラムでは、「アドブロック」のような手段で広告が非表示にされたり、広告が無意識にスルーされたりしてしまう時代に、広告主はどう変わっていくべきかという話について考えてみました。 その選択肢の一つとして、スバルのファンミーティングやケロッグのオールブランアンバサダーのような、既存顧客とのコミュニケーションをご紹介しました。ここでポイントになるのが効果測定の考え方です。 以前にもご紹介しましたが、既存顧客を重視したアンバサダープログラム的なアプローチをとると、新規顧客を重視したマスマーケティング的なアプローチに比べて、KPIの人数が3桁、4桁も足りないということが発生します。 参考：アンバサダープログラムとは何か？検討する際に必ず議論のループが起きてしまう訳 広告であれば100万人の新規顧客候補の認知を獲得することができるのに対して、ファンミーティングのような

新しい年を迎え、ロゴデザインを新しく作成したり、変更するのにもぴったりな時期。しかし、実際どんなデザインがいいのか迷ってしまうのも事実です。今回は、2017年のロゴデザインのトレンド予想を詳しくみていきましょう。 デザインの傾向は年々変化していますが、ロゴデザインの基本的な考え方はいつの時代も変わっていないので、ユーザーに強い印象を残すだけでなく、ブランドのメッセージやコンセプトをうまく伝えることができるでしょう。 コンテンツ目次 1. ミニマルスタイル 2. 手書きデザイン 3. ネガティブ・スペース 4. ラインアート 5. ビンテージ・デザイン 6. 簡素化デザイン 7. 動きのある部品 2017年を大予想！注目すべきロゴデザインのトレンド7個まとめ Designhill が世界中のトップロゴデザイナーと一緒に実施したリサーチでは、2017年に予想される新しいデザイントレンドがいくつ

月間会員数が33.5万人（2016年11月20日現在）を越え、Web界隈では知らない人はいないと言っても過言ではないメディア「ferret」。2014年9月にメディアとしてリニューアルし、始めに強化した流入経路は“ソーシャル”とのことでした。今回は、なぜソーシャルから強化し始めたのかというトピックからソーシャル活用の考え方まで、ferret編集長の飯髙氏にお伺いしてきました。 Interview / ソーシャルメディアラボ編集長 大久保亮佑 ■目次 プロフィール メディア立ち上げ時には個人のSNS活用 タッチポイントを増やし、プラットフォーム依存がないダイレクト流入を増やす ソーシャルを活用して間接的にターゲットユーザーに届ける 周りの情報に流されずに、SNSの知識を経験に変える 今後の展望 プロフィール 株式会社ベーシック　ferret編集長　飯髙 悠太氏 Facebook：https:

ブログやサイトのロゴを作るときって時間的・金銭的に結構なコストがかかりますよね。 見栄えが良いロゴを作るにはある程度のデザインスキルを必要としますし、プロに依頼して作ってもらうとなると数万円単位で費用もかかってしまいます。 そこで、一つの解決策として「Logaster」というロゴジェネレーターを使う方法が結構おすすめです。 参考までにこんなロゴが一瞬でつくれます。 日本語もいい感じに出来上がります。 「Logaster」とは？ ロゴにしたい文字、たとえばブログの名前や会社名・サービス名を入力するだけで、ロゴを自動で作成してくれるジェネレーターサービスです。 ⇒ Logaster | 777logos.com 海外のロゴ作成サービスですが、日本語にも対応しているので使い勝手は悪くないです。 出来上がったロゴのサンプルをベースに、エンブレムや色を変えたり、フォントを変えたりすることもできます。

本当のことを話します。 ワードプレスのブログテーマ【MAG】。このサイトで今、実際に使っているテーマです。これまでカスタマイズ例なども記事にしてきましたが正直に言います。 MAGは、インストールするだけで、このサイトのように仕上げてくれます。 手前味噌な... が。ここでは、さらにMAGのユーザビリティー・収益性・デザイン性を最大限に発揮する記事をまとめました。コピペで設定できる大胆なカスタマイズから基本的な設定例まで、すべてMAGをベースに解説しています。これらを参考に、アレンジして有効活用してください。

レイアウトの自由度2.5倍。 ワードプレスのTCDテーマ「MAG」では、テーマオプションから簡単に広告を設置できます。メインカラムの広告枠は大きく分けて3ヶ所。お使いのあなたならご存知のとおり。それぞれの場所で2枚ずつ、横に並べることもできる。嬉しいイージーっぷりです。

HOME ブログ 3分の話 , 【PR】 「盲点って本当に見えていないの・・？」読書嫌いな私がむさぼり読んでしまった【進化しすぎた脳】が面白いっ！ 右目を閉じて・・ 左目で右側の白い点を見ながら、パソコンのブラウザから顔を前後に動かしていくと30～50cmくらいのどこかで、左側の黒い点が消えるっ！（スマホだったら結構むずかしいけど5～10cmくらいのところかな？ぼやけるけど、たしかに消える場所がある。） これ、理科だったか、図工だったか、もしくは保健体育だったか？何の授業だか忘れたけど、小学生の頃にやった記憶がある。。 目から入ってきた視覚的な情報（光）は、眼球の中にある網膜が受け取り、視神経を伝って脳へ送られる。その視神経が束になっている部分には、網膜に穴が空いているから、ココの部分だけは見えない。 そうするに、これが「盲点」ってやつですね。 そう、私は今まで「盲点」っていうのは、文字通

日本でも提供がはじまった Amazon Dash Button 。 www.amazon.co.jp 自分の周りでも、水や子供用のおむつなど用に登録し、手に入れてる人がちらほら出てきた。 面白そうなのは IoT 時代に向けた（？）、白ROM、白SIMならぬ、白Dash Buttonともいうべき、デベロッパーバージョンの"AWS IoT Button"まで出てきていること。使い方の妄想は膨らむばかり。 aws.amazon.com この Dash Button は構造的にも仕組み的にもシンプルなので、他にも国内の流通なんかでも類似のサービスが出てきそうだ、たとえばイオンとかセブン＆アイ・ホールディングズあたりが・・・と思ってしまうが、恐らく出してくるのは難しいだろう。 技術的には簡単にどこでも作れてしまうかもしれない。しかし、Amazonはあの強力な特許を持っていることを忘れてはいかない。業

えぇー今回の任務は「ぺいじ」の読込み遅延の改善でありましてぇー えぇー察するに、一瞬で出来る奥義を伝承するものでありましてぇー 今日も家老は絶好調だ。前置きはやめよう。 通常の「いいね！」ボタンも・・ 記事下に設置する「いいね！」ボタンも・・ ウィジェットに設置する「ページプラグイン」も・・ Facebookまわりのものは特に、ページ表示を遅くしがちだ。しかしこのWEB戦国時代においては、外すわけにはいかない装備でもある・・・ならば、Facebookのソーシャルプラグインたちの重たい負担を、少しでも軽減させよう。余計な読込み遅延をぶった斬るのだ。 数文字追記するだけの瞬間奥義 作業は一瞬。FacebookとWEBサイト連携をしているとよく見かける、このコードたち。 1つ目のコードが「スクリプトコード」だ。こいつが鍵を握る。この中に、数文字追記する。 Before <div id="fb-r

サイドバーでよく見る「アレ」。 どん！ ね・・あれ、見たことない？ あ！知ってる！毎日見る！露出度ハンパないよねー ・・名前なんやったっけ？ くォラァっ！！！・・・あ、「ページプラグイン」ってゆーんすけど・・  […] The post 「私の名前はページプラグイン。」Facebookページのいいね！ボタンをWordPressウィジェットに設置しよう first appeared on Requ.log | レクログ.

コトラー先生の新しい本、その名も『Marketing 4.0』が出た。 Marketing 4.0: Moving from Traditional to Digital 作者: Philip Kotler,Hermawan Kartajaya,Iwan Setiawan 出版社/メーカー: Wiley 発売日: 2016/11/17 メディア: Kindle版 この商品を含むブログを見る 近代マーケティングの祖であるフィリップ・コトラー先生は、いまから６年前に「マーケティング3.0」という考えを世に出し、これからは「人間 human」を中心にしたマーケティングを行うべきだ！と主張。 コトラーのマーケティング3.0　ソーシャル・メディア時代の新法則 作者: フィリップ・コトラー,ヘルマワン・カルタジャヤ,イワン・セティアワン,恩藏直人,藤井清美 出版社/メーカー: 朝日新聞出版 発売日:

Photoshopには写真を補正するだけではなく、デザインに必要とされるさまざまな便利な機能があります。しかし、機能の使い方だけを覚えてもなかなか実践に活用することはできません。 なので、ここでは「デザインの現場では、どの機能をどのように使っているのか？」がイメージできる、Photoshopの実践的な使い方が学べる日本語解説付き動画をまとめました。 見ているだけでもスキルアップにつながるので、実践に役立ててください。 「特訓Photoshopプロのテクニック教えます！」というすごいタイトルのフォトショップの本について：スリームデザイン著 部分的に色を変えたいときの【色の置き換え】の使い方 画像や素材の一部分だけ色を変えたいときには、Photoshopの【色の置き換え】がとても便利！ この動画では、同系色をいっぺんに変える方法だけではなく、一部分だけ色を変える方法と、一部分を残してモノクロに