Google製無料広告制作ツール「Web Designer」とは
グーグル製HTML5アニメーション作成ツールとして注目を集める「Google Web Designer」。本連載では、全4回にわたってGoogle Web Designerについて紹介します。 連載ラインナップ（予定） 第1回：Google Web Designerとは 第2回：Google Web Designerの基本操作 第3回：バナーのチュートリアルで学ぶGoogle Web Designerの使い方 第4回：コンポーネントを使ったインタラクティブバナーの制作 4回の連載で、Google Web Designerのインストールや基本操作を学び、最終的には簡単なアニメーションバナーから、より動きのあるバナーの作成を目指します。 ※本連載は、Windows環境での作業をベースに説明を進めていきます。 Google Web Designerでできること Google Web Design
保存版！スマホアプリマーケティング全施策まとめ (1/2)
「ランキングが上がらない」「開発費が回収できない」アプリを作って終わりにしない現場のノウハウを凝縮。 「DL数が伸びない」「DAUが増えない」「課金されない」スマホアプリビジネスの悩みを、ASO、広告運用、内部改善など、豊富な事例をもとに解説。iOS/Androidマーケの全体像がつかめる国内唯一のアプリマーケ実践本です。連載時から大幅に加筆修正し、最新情報を盛り込みました！ 事例に学ぶスマホアプリマーケティングの鉄則87 価格：2,700円 (本体2,500円) ／形態：B5変 (208ページ) ISBN：978-4-04-866451-6 スマートフォンアプリのマーケティングノウハウを紹介する本連載。第2回で、アプリのマーケティングにまず必要なことは「app definition statement（アプリの定義宣言）」を読み込むことだと解説しました（関連記事）。今回から、アプリを「広
CSS3アニメーションが簡単に書けるjQuery Transit
jQuery TransitはGitHub でも公開されており、ページ右下の「Download ZIP」ボタンからダウンロードできます。プラグイン配布ページでダウンロードするとminify（圧縮）されているので、プラグインの中身を見たい場合はGitHubでダウンロードしましょう。 利用するWebページの body の閉じタグ直前で、jQuery本体と「jquery.transit.min.js」を読み込みます。 //(中略) <script src="jquery.min.js"></script> <script src="jquery.transit.min.js"></script> </body> //(中略) これで準備はOKです。 step2 基本的な使い方 実際のプラグインの使い方を説明します。 jquery.transit.min.js を読み込んだ後、transition
30分で作れる！セミナー受付がラクになる自動システム (1/4)
Googleフォームの用途で多いのが、セミナーやイベントの申し込み受付です。前回は機能を説明するために簡単な問い合わせフォームを作成しましたが、Googleフォームはもちろん実用的なフォームの送信に使えます。今回は、セミナーやイベントの受付時に便利なシステムをGoogleフォームで作りましょう。Google Apps Script（以下、GAS）を使えば、以下の処理を自動化できます。 セミナーの申し込み者に会場地図付きの受講票メールを返信する セミナー当日の朝にリマインダーメールを送る 会場での受付に便利な確認用のチェックシートを生成する セミナー申し込みフォームの作成 最初にセミナーの申し込みフォームを作成しましょう。Googleドライブの「作成」ボタンから「フォーム」メニューを選んでください。
サンプルで学ぶTumblrテーマの作り方 (1/2)
Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。前回は、既存のテーマを簡単にカスタマイズする方法を説明しました。今回は、いよいよオリジナルのTumblrテーマを実際に作っていきます。 Tumblrテーマの開発環境を準備しよう WordPressのようなCMSのテーマ制作では、MAMPやVagrantなどでローカル開発環境を構築して作業し、完成後に本番環境にコピーする流れが一般的です。Tumblrの場合は、ブラウザー上でテーマのHTMLを直接編集できるので、今回はHTMLファイルをデザインカスタマイズ画面に貼り付けて、保存とプレビューを繰り返しながら作っていきましょう。
顧客行動を可視化する「カスタマージャーニーマップ」とは
既存サービスの改善や新規サービスの開発・運用に役立つ「カスタマージャーニーマップ」が注目されている。カスタマージャーニーマップとは、サービスを利用する際に顧客がとる一連の行動や思考、感情の起伏などを視覚化した図のこと。自社と顧客との接点（「タッチポイント」という）を書き加えることで、どのタイミングでどのようなサービスを提供すればよいのかを検討できる。 例えば、冬の日曜日、街の中心部からやや離れた場所にある評判のレストランを訪ねたが、あいにく満席だったとする。その際、自分が寒い中を歩いてきて空腹だったとしたら、店にどんな対応をしてもらうとうれしいだろうか。待ち時間を教えてもらい、その間にメニューを選び、先に調理しておいてもらう。あるいは、空腹が我慢できないほど待ち時間が長いときは、別の店を紹介してもらえると、客としては助かるかもしれない。 こうした顧客の行動や文脈をあらかじめ調査し、可視化し
Googleフォームで自動返信システムをサクッとつくる (1/4)
Google Apps Script（以下、GAS）を使えば、Googleのアプリケーションにちょっとした機能を加えて実用的なサービスに仕立てられます。今回は、問い合わせフォームを簡単に作成できる「Googleフォーム」を使って、問い合わせメールへ自動で返信するシステムを作ります。 【フォーム作成】問い合わせフォームを作る Googleフォームは、問い合わせやアンケートなどのフォームを簡単な操作で作成できるWebアプリケーションです。まずは企業サイトを想定した、シンプルな問い合わせフォームを作成してみましょう。 1. https://drive.google.comにアクセスしてGoogleドライブを開きます。「作成」ボタンをクリックし、「フォーム」を選んでください。
いまさら聞けない「Twitter Bootstrap」とは？ (1/2)
スマートフォンやタブレットの普及によって、いつでもどこでもインターネットにつながるようになり、さまざまなWebサービスをたくさんの人に提供できる環境が整ってきました。それに伴い、中小企業や個人のスタートアップが活発になり、新しいWebサービスが次々と生まれています。 そこでエンジニアの間で関心が高まっているのが、「いかに効率よく開発・制作」し、「アイデアをいかに早く形にして世の中にローンチする」か、ということです。 この連載では、特にスタートアップで注目を浴びているフロントエンドツール「Twitter Bootstrap」について、基本的な使い方から実際のWebアプリ開発での導入方法までを紹介します。まずはTwitter Bootstrapが何なのか、どのような場面で使われているのか、確認しましょう。 Twitter Bootstrapの特徴 Twitter Bootstrapは、米ツイッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作をちょっと便利にするGoogle Apps Script入門
Web制作のためのTumblrテーマカスタマイズ入門