コンテンツマーケティングとは何か？ 「コンテンツマーケティング」という考え方が日本でも浸透してきた。元々は2000年頃にアメリカで生まれたマーケティングコミュニケーションの考え方だ。新しいSEOの手法だという人もいれば、ブログを書くことだ、バズるコンテンツのことだ、いやネイティブ広告のことだという人もいる。コンテンツマーケティングとはいったい何なのだろう？生活者と企業の“つながり方”に注目すると、その革新的なコミュニケーション手法の本質が見えてくる。

「スマホサイトのチェックが面倒」「JavaScriptのデバッグが大変」そんなときに便利なのが、Google Chromeの「デベロッパーツール」です。Chromeデベロッパーツールを使いこなすと、Web制作の面倒な作業を効率化できます。 この連載では、nanapiのフロントエンドエンジニアである手塚 亮さんが、コーダーやデザイナー、ディレクターの仕事の「時短」に役立つChromeデベロッパーツールの活用法を紹介します（編集部）。 レスポンシブの表示確認は大変 レスポンシブWebデザインのWebサイトをコーディングしているときに面倒なのが、「ウィンドウサイズごとの表示結果の確認」ですね。端末によって異なる画面サイズをいちいち調べて、ウィンドウサイズを合わせて確認していてはかなり手間がかかります。 そんなとき、Chromeデベロッパーツールの「Device Mode」が使えます。 Devic

インターネットの代名詞「ドットコム / .com」 「ドットコムバブル」「ドットコム企業」という言葉が1990年代後半〜2000年代前半に流行ったように、インターネットサイトのドメインと言えば「.com」が主流です。 元々はサイトのドメイン名と使われていたものをそのまま社名として採用する会社も多かったです。 代表的な例としては、世界最大のショッピングサイトであるAmazon.com（アマゾン・ドットコム）、価格.com（読み方は、カカクコム）などがあります。 Yahoo!とGoogleも会社名は違いますがドメインは「yahoo.com」と「google.com」です。 このように、企業やサービスのドメイン名と言えば「.com」を使うのが当たり前でした。 そもそもドメインとは？　URLとはどう違うのか？ ドメインとは、IP ネットワークにおいて個々のコンピュータを識別する名称の一部（wiki

人物紹介：のっち 2015年9月からLIG長野チームでライターをしているアラサー。変な物と変な人と牛乳がだいすき。 突然ですが、女性みなさまは、自分の”キャリアプラン”ってどのように描いていますか？ 「将来は絶対東京でバリバリやったるで！」とか「のんびり田舎でカフェがやりたい♩」とか、描き方は百人百様ですよね。 ただ女性の場合、結婚や出産などの様々な外的要因に左右されたとき「自分の好き」を仕事にし続けること、そして夢を諦めてしまう女性が多いのも、また事実です。 今回は、泣く泣く好きな仕事から離れてしまったママさんたちを応援する、素敵なコワーキングスペースがあると聞いて足を運んでみました！ じゃじゃじゃーん♩　それがこちらの女性のためのコワーキング「HanaLab.UNNO」です♩ それではさっそく行ってみましょう！ ・ ・ ・ ・ ・ おおおおおおおおおめっちゃ広〜い！　ざーっと見た感じ、

2015年の春頃にChromeが「プッシュ通知」に対応したことで、WEBサイトから「プッシュ通知」を送れるWEBサービスも増えてきましたね。 「プッシュ通知」といえば、スマホアプリをイメージしますが、これからはもっと広く「プッシュ通知」が使われるかもしれません。 プッシュ通知とは スマートフォンを使っている方なら、アプリから最新ニュースの通知が届いていることと思います。Facebookでもメッセージが届いたりすると通知が来ますよね。 Macを使っている方ならカレンダーアプリやメールアプリなどからの「通知」が表示されているかと思います。 このような「プッシュ通知」は、基本的にそのデバイス（スマホやPCなど）にインストールしたアプリを経由して届きます。ですので、FacebookアプリがインストールされていないスマホにはFacebookからの通知は当然届きません。 これまでECサイトやWEBメデ

[レベル: 上級] Googleは、Accelerated Mobile Pages （アクセラレイティッド・モバイル・ページ）という、モバイル端末でのウェブページの表示を高速化するためのプロジェクトを公開しました。 略して、AMP（アンプ）と呼びます。 AMPで策定された仕様に従ってモバイルサイトを構成すると、モバイル検索結果からリンク先ページがまさに“一瞬”で表示されます。 AMPをデモで体験 AMPを使ったページがどのようにモバイル検索から表示されるのかを見てみましょう。 Inside Searchの公式アナウンスに動画があります。 まずこれを見て、何となくでいいので雰囲気をつかんでください。 ただ、見てもどんなだか十分にはわかりませんでしたよね。 実際に試したほうが理解できます。 AMPを体験できるサンプルのリンクもアナウンスに出ていますが、日本からでは機能しないので少し細工を加え

「コンピュータープログラミング」が子供たちの間で人気だ。簡便な学習用プログラミング言語を使って、中学生が自ら手で企画した授業が行われるなど裾野が広がっている。子供の「ゲーム好き」を教育につなげたい親の心情がブームを後押ししそうだ。2月、東京学芸大学付属国際中等教育学校（東京・練馬）で一風変わったプログラミング体験授業が開かれた。教えるのも教わるのも1年生。カリキュラムの作成や準備、当日の進行ま

We are doing some updates on our site, and we need to be offline for a while. We will be back with you shortly! Meanwhile, follow us on Social.

10月生 募集中！ 今ならお得な特典あり！ Ｗebデザイナー専攻 10月生：残席 15席 動画クリエイター専攻 10月生：残席 10席 グラフィックデザイン講座 10月生：残席 10席 補助金適用時の負担額（70%の場合） Ｗebデザイナー専攻 総額572,000円 →実質負担額 208,000円 （補助額364,000円） 動画クリエイター専攻 総額445,500円 →実質負担額 162,000円 （補助額283,500円） グラフィックデザイン講座 総額319,000円 →実質負担額 116,000円 （補助額203,000円）

連休前、勤め先のブログで「gogh（ゴッホ）」というタイマーアプリを勧める記事を読みました。 gog…

Not Foundなど エラーページの変更(カスタマイズ)方法ウェブページが見つからなかった際に表示される「404 Not Found」エラーページなどの内容を、独自のデザイン(内容)にカスタマイズする方法を解説。他にも「403 Forbidden」や「500 Internal Server Error」など、ウェブサーバ側が表示する各種エラーメッセージは、すべて自由に変更できます。

ネット広告を活用されている方であれば、誰もが知っている「ランディングページ」という言葉。 ランディングページと言われると最初に思い浮ぶのは、縦長のページという方も多いのではないでしょうか。 ランディングページでは、LPOという言葉に代表されるよう各社のマーケターが試行錯誤を繰り返す一方で、「ランディングページに◯◯の法則を取り入れると効果的」であったり、「ボタンは◯◯色だとCTRが高くなる」などと、まことしやかにささやかれています。 その結果、どれが本当に効果的なのか分からなかったり、中には、鵜呑みにして制作を依頼したものの、どこか代わり映えしない、せっかく制作したのに結果に繋がっていない、という話をよく耳にします。 今回は、論より証拠として幅広い業種で年間100件以上ものランディングページ制作をこなす株式会社FREE WEB HOPEの代表取締役社長 相原氏に「効果の出るランディングペー

お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの？ 僕がフロントエンドを担当しているサービス『料理サプリ』で大規模なフロントエンドコードのリファクタリング行う際に表示テストを自動化するために作成しました。『料理サプリ』はPC・スマホ合わせて大体350-400ページの表示パターンが存在する比較的規模の大きいサイトです。全ページに影響を与えるような作業は大規模な回収となり、今回のリファクタリングでは表示テストの計画などの段取りが必要でした。従来の人手によるQAでは細かいバグを見過ごしたり時間がかかり効率が悪いので、可能な限り自動化しようと考え実装しました。 実装の概要 この監視のシステムは以下の２つ実装を組合わ

株式会社VOYAGE GROUPは、2022年1月、株式会社CARTA HOLDINGSと合併いたしました。 関連リリース：CARTA HOLDINGS、基幹グループ会社のCCIおよびVOYAGE GROUPと統合へ https://cartaholdings.co.jp/news/20210513_01/ CARTA トップへ

10歳のこどもから学んだユーザビリティ向上のポイント夏休みの後半、原稿用紙15枚の自由研究に苦しめられていた姪っ子（10歳）を「楽しそうだな〜」と手伝っていました。そんな時「私も久しぶりに自由研究したい！」と思い、ちびっこが家にいることですし、最近のちびっこがWebサイトをどのように利用しているのか研究してみることにしました。という事で今回の記事は自由研究風に進めようと思います！ 調べたいこと認知度の高い Web サイトを、小学生がどのように利用するのかを観察し、こども向けの Web サイトに必要なもの、Web サイトを制作するうえで注意すべき点を調べます。 予想難しい漢字は読めないので読みとばすイラストやキャラクターなど、可愛いものに興味を示す明るい色彩のサイトに興味を示すまだ習っていない漢字や難しい表現は読み飛ばし、自分の理解できるもののみにフォーカスしていくと予想。これは自分の知らな

本日配信されたiOS7.0.3の目玉新機能「iCloudキーチェーン」。一度設定しておけば、ウェブサイトのID・パスワードを自動で入力してくれてログインがラクラク！しかも、他のiOS端末やMac間でもID・パス情報を同期できるんです。

よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。 画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成 角丸パネルを重ねる時、それぞれの角丸をバランスよくする 円をよりくっきり見せる 滑らかなベジェ曲線を描く エレメントをくっきり美しく 斜めの線を使った小さいアイコンを作るこつ レイヤーパネルの設定をカスタマイズ 「ベベルとエンボス」より「シャドウ（内側）」がいい場合 曲線と直線を美しく手描きするこつ 複数のカラーから調和のとれたカラーパレットを作成 広範囲のコントラストをもつ複数のカラーから調和のとれたカラーパレットを作成します。