オーガニック流入20％アップ！ASOの基礎知識
今回はアプリの集客における重要なキーワード、「ASO（アプリストア最適化）」について書きます。 無償で実施でき、かつ非常に良質なユーザーを獲得できる可能性を秘めているこの集客手法は、それでいてなかなかPDCAを回すに至らないことが多いのではないかと思います。 簡単にASOについて説明しつつ、手が回らなくともこれだけはおさえておくべき要素に焦点を絞ってお話しできればと思います。 ASOについての基礎知識 ASOとは何ぞや ASOとは「App Store Optimization」の略で、アプリストアの最適化のことを言います。 「アプリストア検索で上位表示されるようにすること」と「検索結果からインストールまで誘導すること」の2つがその中心となります。つまり、WebにおけるSEO＋LPOのアプリストア版、と言ったようなものです。
SVG線画が美しいリッチアニメーションの作り方 (1/2)
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
もうマリンバは鳴らさない！iTunesの曲をiPhoneの着信音にする
富士見iPhoneクラブのメンバーが、iPhoneのちょっとした使いこなしテクを毎回紹介していく月曜日。iPhone上級者なら「なにを今さら…」と思うかもしれないが、案外知らなかったり、使っていなかったりするネタもあるかもしれないぞ。 当然の話だが、多くのメーカーが本体を開発しているAndroidなどと違い、iPhoneのフォルムにはバリエーションがない。そこでケースや壁紙などでこだわりを見せる人が多いわけだが、意外と気にされることがないのが着信音だ。 iPhoneクラブメンバーたちのように、極端にiPhoneユーザーが多い環境では、誰かのマリンバ（着信音）が鳴り響くたび、皆があわてて自分のiPhoneを確認する……ということも珍しくない。デフォルトでも多くの着信音が用意されているが、自分の好きな音楽を着信音にしたい、あるいはこれが鳴ったら一瞬で飛び起きるような音をアラームに設定したいとい
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
box-shadowを極めて「Mac風UI」を作る！ (6/6)
box-shadowでページカールエフェクトを実現する 最後におまけとして、サンプル6の写真にページカールエフェクトを付けるサンプルを紹介しよう。ページカールエフェクトとは、写真の両下端に影を置き、写真が少しめくれたように見える効果だ。サンプル7ではbox-shadowプロパティに加えて、CSS3のtransformプロパティを利用してページカールエフェクトを実装している。 ■サンプル7[HTML] <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>box-shadow ページカールエフェクト | ASCII 菊池崇のCSS3実践道場</title> </head> <body> <figure> <img src="santa-monica.jpg" alt="写真 サンタモニカ" /> </
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト