この先は「デイリーポータルZをはげます会」会員向けの有料コンテンツです。会員になるとごらんいただけます。

お疲れ様です、大塚です。 Appleの新製品発表会が間近に迫ってきましたね。新しいiPhoneの発表はもちろんのこと、今年の「One more thing」も楽しみです。 しかしながら、新しいプロダクトにドキドキ・ワクワクしながらも、心のどこか冷静な部分で、 「また新しい解像度が出てきたわ…」 と、新しい苦悩を抱えてしまうエンジニアやディベロッパーの方も多いのではないでしょうか？高解像度ディスプレイを搭載したマルチデバイスへの対応は、なかなか骨が折れる作業ですからね。 …え、仕組みがよくわからないままコーディングしていたって？？ そいつぁーまずい。 なぜ、多くのスマートフォンやタブレット向けのWebサイトでは、画像が2倍で作られているのか？ その理由と、ディスプレイや解像度の仕組み、今日ここで覚えていって頂戴。 ディスプレイの仕組み ぼくたちが普段使用している、PCやスマートフォンのディス

心構え ・HTMLは最小限にする ・JSも最小限。不要なら ・デザインとか全部決まってから手を付ける。 開発環境 ・リアルタイム入力補完ができるエディタ （プログラマならEcripseとかEmeditorとか、MacならCodaか） ・動作確認の InternetExplorer ＞Macで動いてWindowsでレイアウト崩れた！Windowsが悪い！　←なに言ってんだ・・・？？ ・おまけでDreamwaver。 下準備 ・予め画像を切り出しておく。 HTMLコーディング開始 ・画像切り出しは全部後回しにして、 ZencodingでHTMLを「一気に」組む。 HTML”だけ”組む。 IDやclass名もここでつけちゃう。 ブラウザで開くとめちゃくちゃだけど気にしない。 文字も入力しない。 画像やCSSパスを設定する。 ・作ったHTMLをDreamwaverにコピペして、 Dreamwave

Bracketsがメジャーバージョンアップ 昨日、これまで小刻みなマイナーバージョンアップを繰り返し0.44までバージョンを重ねていたBracketsが1.0と、正式なバージョンアップを行いました。わーい！！確か私は0.14くらいから（2年近く経ってる？）使っているはずですが、開発には既に3年ほどかかっているそうです。 Brackets – A modern, open source code editor that understands web design. 今回はこれについてではなく（別途記事を書きます書きました→Bracketsだって激しく進化してますよ！メインエディターとして1年使ってみて）、この1.0と同時にリリースされたBrackets制作チーム肝いりの拡張機能、「Extarct for Brackets」の紹介をしたいと思います。これはまだまだ多いPSDカンプからのHTM

ようです、今日楽天メソッドで、購買意欲を高める黄金テクニックについて話したいと思います。 楽天メソッドとは、楽天市場にありがちなページの作り方です。縦に非常に長いです、ユーザーの購買意欲を高めるパターンに沿ってコンテンツを作成していきます。 具体的には、以下のような流れに沿って作成します。今回シルキーカバーオイルブロック化粧下地を例にして説明します。 １、訪問ユーザに対して、不安を煽る。 訪問ユーザーに対して、「あなたには○○○という悩みがありませんか？」という質問を投げかけて、不安を煽ります。 2、買うべき理由を提示 訪問ユーザーに対して、「この商品があればあなたの○○○という悩みを解決することができます！」という買うべき理由を提示します。 3、商品特徴を紹介する この商品の魅力や特徴を文章やデータを使って納得させます。 4、ユーザーの声を紹介する この商品を使ったことで実際に○○○とい

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ コンテンツマーケティングはブログだけじゃないと書いておきながら、やっぱり基本はブログということで、今回はそのブログをより有益な存在にするためのアドバイス記事をカリスマブロガーのニール・パテルに学びます。 — SEO Japan コンテンツマーケティングの長所は、多数のソーシャルシェア、新たなEメールの購読者、そして、コメントをもたらしてくれる点だ。ただし、前提として、コンテンツの質が高く、また、コンテンツマーケティングを適切に実施する必要がある。 しかし、コンテンツマーケティングのタスクはあまりにも多く、失念してしまうこともある。 そこで、この取り組みを成功に導くため、チェックリストを策定した。

JAO（日本アフィリエイト協議会）が発表した2014年調査の統計データによると、アフィリエイト報酬が月額3万円以上あるのは、全体のわずか3.2%の人のみという結果が出ました（上記画像は下記ページより引用）。 アフィリエイト市場調査2014を発表 ～前年に比べアフィリエイト収入は増加傾向 日本アフィリエイト協議会は12月26日、「アフィリエイト市場調査2014」の調査結果を発表致しました。本調査は2014年10月10日（金）～10月15日（水）まで、ネットリサーチ会社の株式会社クロス・マーケティングの協力のもと、アフィリエイトサイト運営者（アフィリエイター）1,000名を対象に実施したアフィリエイト・プログラムに関する市場調査になります。 アフィリエイト報酬を稼ぐのは難しい： 3万円以上の月額報酬を稼いでいる人が3.2%ということは、逆を言えばアフィリエイトで3万円未満の報酬しか稼げない人が

【画像表示の不具合について】 皆様方へは、ご迷惑をおかけし大変申し訳ございません。 現在もまだ、一部の画像に関しまして反映されない不具合が継続しております。 現在、修正にあたっております。復旧まで今しばらくお待ち頂きます様、何卒お願い申し上げます。 フォト蔵　システム部 【写真検索の不具合について】 皆様方へは、ご迷惑をおかけし大変申し訳ございません。 現在、「写真検索」におきまして、検索後ページに何も表示されないなどの不具合が発生しております。 調査並びに修正にあたっております。復旧まで今しばらくお待ち頂きます様、何卒お願い申し上げます。 フォト蔵　システム部 【画像タイトル及びタグ入力における不具合について】 皆様方へは、ご迷惑をおかけし大変申し訳ございません。 現在、フォト蔵は、画像タイトル及びタグ入力におきまして、後に記載の漢字が含まれる場合、タイトルが表示されないや、文字化けする

日本の企業で作成しているExcel表の多くは、罫線の使い方やフォントの指定、色使いなどに問題があり、非常に見にくい。読み解くのにも時間がかかるので、グローバルなビジネスではとても通用しない。見やすく美しいExcel表を作成するための作法を、五常・アンド・カンパニー代表取締役の慎泰俊氏が解説する。筆者は「外資系金融のExcel作成術」（東洋経済新報社）をはじめ、これまでの著書で一部の人にとっては

あなたがどんなに素晴らしい商品を売っていてもその素晴らしさを伝えなかったら、その商品はないのと同じなんです もっと売上を増やしたい。 多くの企業がそう思っていることでしょう。 でも、「ほんとうにそう思っているの？」。 そんな質問をしたくなる会社が多すぎる。 ボクはいつも言っていることがあります。 「どんなに素晴らしい会社やお店、商品でも、その素晴らしさをお客さまに伝えなければ、お客さまにとって存在しないのと同じことなんです」 伝えなければ、存在しない。 だからお客さまにあなたの会社の価値、 店の価値、商品の価値を正しく伝えなければならないってことです。 そうじゃなきゃ売れないんです。 だって・・・、 存在しないんだから。 「わかりやすさ」 これがとっても大切なことです。

ソーシャルアプリ事業部でデザイナーをしております。 こーたと申します。 どうぞよろしくお願いします。 今回は普段仕事でよく使う、illustratorの 「覚えなくてもいいけど覚えておくとちょっと作業が楽になる」 そんな小技を紹介したいと思います。 「Ctrl」+「Ｓ」くらいのシンプルさです。 覚えなくてもいいけど、覚えて頂けると幸いです。 とっくに知っているよ！という方はささっと読み流してください。 どこでも色を拾えるスポイトツール。 この画像のこの色を使いたい！ でもカラーパレットから色を探すのは大変。。。 そんな場合は、フォントからグラデーションまで、 何でも吸い取ってくれる万能なスポイトツールでアートボード外の色も吸い取ることができます。 現状、ピンク色ロゴを、デスクトップ上の参考画像（カメの甲羅）の色に変更したいと思います。 まずは、色を変更したいロゴを選択したら、ツールバーから

きっとあなたも、日常のコミュニケーションの55％が、言葉ではなくボディーランゲージで行われているという話を聞いたことがあるのではないでしょうか？　とはいえ、身体が発するシグナルを読み解くことは簡単ではありません。例え同じジェスチャーでも、文脈に応じで意味が変わります。 ここでは、ボディーランゲージが重要な鍵となるような、よくある3つのシチュエーション、「相手の嘘を見抜くとき」「デートのとき」「求職活動の面接」を例に、相手が自分の気持ちを正直に伝えてくれていない場合でも、身体のシグナルから相手の本音を読み解く方法をご紹介します。 私たちはよく嘘をつきます。初対面の人と会った時など、たいてい最初の10分間で一つは嘘をつくものです。ときには一度に複数の嘘をつくことさえあります。ほんの些細な嘘かもしれませんが、とにかく嘘をついていまうのです。また、衝突を避けるためにわざと嘘をつくこともあります。し

Webサイトの色を決めるとき、どうやって決めていますか？サイトの目的、ターゲット、どのような印象を与えたいか etc…　ここらへんがポイントになってくるのではないでしょうか。Webデザインにおける配色が、どのような印象を与えているのか考えてみたいと思います。 さて、一ヶ月をきりました。何がって……野球の開幕が！とりあえず昨日オープン戦で久しぶりの野球を楽しんできました。………と、全く関係のない話をしているわけではなく…。Webサイトの配色を調べるにあたって今回はセ･リーグ6球団のWebサイトをテーマに取り上げてみました。各球団チームカラーがあるので、そのカラーを使いどのような印象を与えているか見てみたいと思います。 まず、冒頭で書いた配色を決める基準となるポイントを考えてみます。目的、ターゲット、与えたい印象の３つを書き出してみると、ざっくりではありますが目的とターゲットはどの球団もだいた

クラウドソーシングサービスなどというサービスにちょっと手を出してみました。結論からいうと、正直あまり使いたくないなと思いました。よくも悪くも名前を聞くランサーズというサービスについてです。なんかもっと上手に付き合う方法がある気がしてたんだけどなあ。 クラウドソーシング(というかランサーズ)について どんなサービスか ランサーズ 一言でいうと、仕事をやってほしい人と仕事をしたい人のマッチングサービスです。 特徴 良い所 営業しないでもお客さんと出会える可能性がある エスクロー入金(後述します) 手数料は無難な料金設定だと思う。特に文句はない。 悪いところ 今からツラツラと書く。 どんな仕事内容がマッチングされているのか システム開発 webシステム・アプリ開発・ソフトウェア開発・VBAなど・ゲーム開発・サーバ構築・セキュリティ・DB構築 Web制作 ホームページ/webデザイン・スマホ/モバ

ECサイトでは「アクセス数×注文率×客単価×リピート率」という掛け算が売り上げになります。勝ち組の特徴は、この計算式の中で、アクセス数以外に着目していることです。なぜなら、アクセス数を向上させるには一般的にバナー広告やリスティング広告など露出にお金をかけることが必要であるため、売り上げが伸びても利益率が上がらないからです（布田氏） 布田氏がアクセス数よりも大事だとするのが注文率、すなわちコンバージョン率だ。布田氏が見てきたECサイトのコンバージョンを平均すると1％前後だという。これを2％にするだけで、売り上げは倍になる計算だ。 もちろん、それは簡単なことではない。アクセス数はある程度のコストを掛ければ、すぐにでも目に見える成果を出すことができる。だが、コンバージョンは、地道な改善の繰り返しでしか達成できないからだ。そして、それを徹底追求しているECサイトこそが勝ち組なのだという。 「ユーザ

レスポンシブWebデザイン（RWD）で作ったウェブサイトを運営しはじめてから気になっていたことが一つあります。それは、RWDで作られたウェブサイトでもデスクトップ版のレイアウトが見られるようにする機能が必要かという疑問です。僕が書いた本でもp.176のコラム「レスポンシブWebサイトでも『PCサイト』ボタンが必要？」で触れた内容ですが、先日のBruce Lawson氏のブログ記事を読んでいて、再び気になったので自分の考えをまとめてみました。 モバイル版ブラウザの「デスクトップ表示」機能 たとえばDolphinやChromeといったモバイル向けブラウザにはデスクトップ版を表示するための機能が用意されています（FirefoxやMobile Operaにもついてるそうです）。わざわざこういうった機能が装備されているということは、これがユーザに求められる機能だからだと思います。（以下はiPhone

ここ数日、Sumallyのフォロワー数が激増してなにがあったのかびびってる私です。 でもってメルマガのご質問にメルマガでは答えられない長さの回答になるのが来ましたので、ブログで回答いたします。メルマガ読者の方にはこういう特典（笑）もありますので、月315円ではございますが、お布施のつもりでどうぞの営業コメントです。 http://www.mag2.com/m/0001522550.html http://magazine.livedoor.com/magazine/69 本日のご質問。ブログ初心者向けの内容なので、すでに月間数十万PVくらいの方は笑ってスルーお願いします。これからブログ書く、または今書いてるけど誰も読んでくれないという方のみチェックしてください。その前に、初めての方からメールを頂く場合、けっこうな確率で「永石さん」と言われます。永江一石をつないで永石になってると思いますが、