ユーザープロフィール

ゲストさん

Webマーケティングのイロハ

1947件

Webマーケティングとは、サイトに訪れたユーザーの動向などを調査し、それに従ってターゲットの選定やデザインの変更といったさまざまな施策を行うことです。Webマーケティングを行うWebディレクターやマーケッターには、広告やSEO、ソーシャルメディア、メールマガジン、コンテンツマーケティングなど、総合的な知識・スキルが求められます。このカテゴリでは、そんなWebマーケティングに役立つトピックスを掲載しています。

JavaScript入門者が初めて作る!シンプルなクイズアプリのチュートリアル

JavaScript入門者が初めて作る!シンプルなクイズアプリのチュートリアル

JavaScriptの構文を勉強したら、何か作ってみたくなりますよね。手軽で楽しく応用しやすい、シンプルなクイズがおすすめです。 Web開発を学んでいる人から「どうすればJavaScriptでクイズを作れますか」という質問を頻繁に受けます。新しいことを楽しみながら学んでもらうのには、クイズが適しているためです。 JavaScriptを使ったクイズのコーディングは、JavaScriptの良い勉強にな…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


主要クラウドサービス別:PHPアプリをデプロイするための完全ガイド

主要クラウドサービス別:PHPアプリをデプロイするための完全ガイド

PHPアプリをデプロイする手順をGoogle Cloud、Microsoft Azure、Heroku、IBM Bluemix、AWSといったクラウドサービス別に解説します。保存版です。 ※本記事は長文です。あらかじめご了承ください。 開発者には、「書いて、テストして、デプロイする」という真言があります。さて、本チュートリアルでは、Google Cloud、Microsoft Azure、Hero…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


サンプルあり!有名サイトに学ぶ、いま取り入れたいUIデザインのアイデア

サンプルあり!有名サイトに学ぶ、いま取り入れたいUIデザインのアイデア

もっとわくわくするような Webサイトに! 海外の有名サイトをお手本に気持ちいい演出方法を学びましょう。 Webは大きく様変わりしています。テキストだけのシンプルなWebサイトから、サイトで情報を伝達するだけでなく、モダンで快適に閲覧できてワクワクするユーザーエクスペリエンスが求められています。 フォントの組み合わせから、インパクトの強いアニメーションやディープなインタラクションまで、視覚的におも…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


大規模でスケールするReactアプリケーション開発のための実践的アドバイス

大規模でスケールするReactアプリケーション開発のための実践的アドバイス

Reactの大きな特徴の1つは、ファイルを自由に構造できることです。自由ゆえ、パッと見て理解できる構造にならないこともあります。そのためStackOverflawや類似サイトでは、どんなファイルの構造にするか数多くの質問が寄せられています。ファイルの構造は主観的で、正しい答えがありません。本記事ではReactアプリを作成するとき、私が考えるツール選び、ファイル構造、コンポーネントの分解方法を解説し…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


CSS初心者が混乱しがちな7つの単位の意味と違いをしっかり理解しよう

CSS初心者が混乱しがちな7つの単位の意味と違いをしっかり理解しよう

「なんとなく」で使っていませんか? CSSではいろいろな「単位」でサイズや余白を指定できます。それぞれの単位の違いを理解して使えれば、「なぜかずれる」といったトラブルも防げます。 CSSには、margin、padding、line-height、font-sizeといったさまざまなプロパティがあります。プロパティでは異なる用途に対応するために長さを指定する単位がたくさんあります。問題は、CSSプロ…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


こんなにあった!UIデザイナー向けアニメーションライブラリー最新ベスト9

こんなにあった!UIデザイナー向けアニメーションライブラリー最新ベスト9

Webサイトをおしゃれに、かっこよく演出するアニメーション系JavaScriptライブラリー。デザイナーにも使いやすいライブラリーをまとめました。デモを見るだけでもアイデアがひらめくかも? Webデザインはこの10年間で大きく変わりました。2007年頃は雑誌のように静的なレイアウトが主流でしたが、2017年には数千のパーツが連動して伸縮しながら移動するデザインも可能になりました。 これから、優れた…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


モバイルファーストなサイトを爆速で立ち上げる!無料Bootstrapテーマ10選

モバイルファーストなサイトを爆速で立ち上げる!無料Bootstrapテーマ10選

サイト制作を効率化するBootstrapテーマを全部で10本紹介。ブログ、プロフィールサイトからECまで、すばやくサイトを立ち上げるのに便利なテンプレートです。 世の中に無数にあるBootstrapテーマはどれもレスポンシブで、どんなサイズのデバイスにも表示できます。その中でもモバイルファーストのサイトにより適しているテーマがあります。 私が気に入った「モバイルファーストサイトに特に適しているフリ…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう

10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう

久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは?  モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015(ES6)の登場で大きく変わりました。JavaScript開発の学習がいかに難しい…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


Webサイトを遅くするダメなSVG画像をスッキリ最適化する手軽な方法

Webサイトを遅くするダメなSVG画像をスッキリ最適化する手軽な方法

「SVGならベクターだから軽くてキレイに表示できる」と思っていませんか? Webで使うことを前提に作られていない場合、逆にファイルサイズが大きくなったり、レンダリングに時間がかかったりすることもあります。 この記事では、SVGOでSVG画像をWeb向けに最適化する3つの方法を紹介します。 SVG画像を最適化すべき理由 SVG(Scalable Vector Graphics:スケーラブル・ベクター…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


Bootstrapだけじゃない!2017年のCSSフレームワークベスト5

Bootstrapだけじゃない!2017年のCSSフレームワークベスト5

WebサービスのUIやサイト制作のベースに使えるCSSフレームワーク。Bootstrapが代表的ですが、ほかにも人気のフレームワークをピックアップして紹介します。 CSSのフロントエンドフレームワークは百花繚乱です。しかし本当に優れたものだけに絞り込むことは可能です。 この記事では、私が考える「現在のフレームワークのベスト5」を比較します。強みと弱み、向いている分野があるので、プロジェクトで求める…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


Vue.jsとAxiosなら驚くほど簡単に作れる!外部APIを使ったWebアプリの実例

Vue.jsとAxiosなら驚くほど簡単に作れる!外部APIを使ったWebアプリの実例

ReactやAngularと並び、ここのところ人気が高まっているVue.js。Axiosを組み合わせれば外部APIを使った Webアプリも手軽に開発できます。 JavaScriptのアプリケーションを作っていると、よくリモートソースからデータを取得したり、APIを使いたくなったりすると思います。最近、公開されているAPIを見ていたら、ソースからデータを取得して処理するのに良いものがたくさんあること…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


開発者はReactとAngularのどちらを選ぶべきか?

開発者はReactとAngularのどちらを選ぶべきか?

新しくプロジェクトを始めるときに開発者を悩ませる、フレームワーク選び。ReactとAngularをあらゆる点で比較しながら、どう選ぶべきか? の基準を考えます。 AngularとReactのどちらを選びますか? JavaScriptのフレームワーク選びで多くの開発者が悩んでいます。始めたばかりの初心者も、次のプロジェクトで使うフレームワークを検討中のフリーランサーも、企業戦略を立てるITアーキテク…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


【前編】マーケターもテクノロジーリテラシーが無いとと生き残れない時代に? 社員全員がマーケター Oisix”CMT”西井敏恭氏が語るテクノロジー時代のマーケティング論

【前編】マーケターもテクノロジーリテラシーが無いとと生き残れない時代に? 社員全員がマーケター Oisix”CMT”西井敏恭氏が語るテクノロジー時代のマーケティング論

2000年6月に設立されたOisix。有機野菜や自然食品のEC事業を中心に展開し、2010年には最初の実店舗を出店、2013年には東証マザーズに上場と順調に業績を伸ばしている。2014年からOisixのCMOに就任し、…

元の記事


フォント選びが楽しくなる!IDEOが作ったフォントマップがすばらしい!

フォント選びが楽しくなる!IDEOが作ったフォントマップがすばらしい!

まるでGoogleマップを操作するような感覚でフォントを探せる! IDEOが作ったツールなら、希望のGoogleフォントを目で見てすぐに見つけられます。 Google Fontsでは、サイトに簡単に埋め込める多種多様なWebフォントが提供されています。正確には818種類もあるのです。818種類の中からどうやって選べはよいのでしょう? 条件検索でセリフ、サンセリフ、ディスプレイフォント(見出し文字用…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


マーケティングで使えるSNSの種類とその活用方法まとめ~LINE、Facebook、Twitter、Snapchat~

マーケティングで使えるSNSの種類とその活用方法まとめ~LINE、Facebook、Twitter、Snapchat~

皆さんはSNSを有効にマーケティングに活用されていますか?最初は取っつきにくい印象のあるSNS広告も、一度なれてしまえばそう難しくもありません。また広告以外にSNSを使ったさまざまなマーケティング手法が活用されつつあります。近年ますますマーケティングでのSNS利用が進む中、主なSNSについてその活用方法をご紹介したいと思います。LINE50%以上にも上る高い普及率を誇るスマートフォン向けコミュニケ…


JavaScriptでシェルスクリプトを書いて面倒な作業はサクッと片付ける

JavaScriptでシェルスクリプトを書いて面倒な作業はサクッと片付ける

書き慣れたJavaScriptでシェルスクリプトを書けば、ちょっとした面倒な作業を自動化できます。 クライアントのWebサイトをSSLにアップグレードしました。証明書はワンクリックでインストールできるので難しくなかったのですが、SSLへ移行後、混在コンテンツの警告がたくさん出ました。WordPressのサイトなので、修正にはテーマディレクトリのアセットをHTTP経由でインクルードしているファイルを…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


まだテーブルで消耗してるの? 用途で選ぶWordPressプラグイン10選

まだテーブルで消耗してるの? 用途で選ぶWordPressプラグイン10選

手作業で作るにはあまりにも面倒なのが、テーブル(表組み)ですよね。そこで、 WordPressで使えるテーブルプラグインをタイプ別に厳選して紹介します。 テーブル(表)は、Webサイトの情報を整理して分かりやすく表示するのに最適な表現方法です。WordPressにはとにかくたくさんのテーブルプラグインがあるので、どれを使えばよいかは悩ましいところです。 本記事はWordPressテーブルプラグイン…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


オウンドメディア運営会社の皆様へ

s

ページトップ