中国に董事長として赴任することになったという知人から、どうしたら中国の現地従業員をうまく働かせることができるかと聞かれた。私は、かつて中国企業を買収し100名以上の中国人従業員をマネジメントした経験がある。そのときは、ずいぶん苦労をした。 どうしたら上手く中国人の部下をマネジメントできるかというのは、とても難しい問題である。突き詰めると、結局は中国人をトップに据えて任せた方がいいという結論になってしまいがちだ。我々日本人には理解しがたい中国人のプライドや面子の問題があるからである。ただ、自身の経験から、どうすると中国人と上手くいかなくなるか、中国人の部下を怒らせてしまうか、ということについては十分に経験している。それをあらかじめ知っているだけでも、ずいぶんと結果は違うのではないかと思う。 場面1:みんなの前で叱って「面子をつぶすこと」 これをやってしまったことがある。従業員全員にそのミスに
html5Web フォントは「Web サイトにオリジナルのフォントを埋め込む」ための技術です。現行のブラウザーは全て Web フォントに対応している状況です。そんな状況であるため、絶対にコピペできない文章を作ったったwwww は Web フォントに依存したコンテンツでしたが、特別な配慮はせずに公開しました。しかし、公開後、Web フォントが適用されなかった複数の方から「コピペできるんだけどどういうこと?」「意味が分からない」というコメントがよせられました。そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。4種類のフォーマット一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
どんな業界・どんな職業に就いても同じことが言えるのですが、その業界で働いているからこそ学べることがあります。ですが、この業界特有の専門知識のせいで、勘違いが生まれてしまうこともあるんです。例えば、『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』これは私達WEB業界で働いている人であれば、よく知られたコンバージョンを上げるためのポイントの1つです。 ただ、実はこの『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』という事を提案したがために、売れないECサイトを作ってしまうことがあります。なぜか分かりますか? それは『人は買いたい商品の情報であれば、詳しく知りたい』と考えているからなんです。 今回は、WEB業界では正しいと思われているが、実は間違っている可能性のあるECサイトの提案について説明させていただきます。 本当に買いたい人は商品の詳細を詳しく知りたい webデ
昨今注目を集めているWebアプリケーションプラットフォームの1つに、「Node.js」 がある。Node.jsはJavaScriptでWebアプリケーションのサーバーサイドプログラムを実装できる技術で、高いスケーラビリティが特徴だ。本記事ではNode.jsの基本的な知識やフレームワーク「express」を用いたWebアプリケーション作成方法を紹介する。また、Webブラウザ上で動作するIDE「Cloud9 IDE」を用いてNode.jsアプリケーションをWindows Azureで実行させる方法についても解説する。 JavaScript、そして非同期・シングルスレッドで注目を浴びるNode.js Node.jsはJavaScriptでWebアプリケーションのサーバーサイドプログラムを実装できる技術で、開発プロジェクトのスタートは2009年と、比較的その歴史は浅い。しかし、ここ数年でプロジェク
大きく挙げたのは7冊なので、7日の休みで1日1冊ですね! 連休の間に読んでおいて、友達に差をつけよう! うっかり、先輩にも差をつけちゃえばいいと思います。 プログラムを組むとはどういうことか 本を挙げる前に、まずプログラムを組むとはどういうことかということを考えておきます。 ざっくりとした説明なので、だいたいこういう感じ、だと考えてください。 その上で、どのような本が必要かを考えて、本を選んでいきます。 以前描いたものですが、プログラムを作るということと各分野の関係はこのようにあらわせます。 まず、プログラムは最終的にユーザーに使ってもらうためのものです。 ただ、ユーザーはプログラムを直接使うことはできません。プログラムはハードウェアで動かす必要があります。そして、ユーザーインタフェースを介してユーザーが使います。 (ハードウェアからプログラムへの矢印は逆のほうがいいですね) このような、
Rails One ClickはMac OSXのRuby on Rails開発環境をボタン一つで整えてくれるソフトウェアです。 Mac OSXにおけるRuby on Rails開発環境を一気に整えてくれるのがRails One Clickです。ウィザード方式でボタンクリックだけでRuby on Railsが開発できるようになります。 メイン画面です。ボタンを押すとインストールが開始します。予めXcodeがインストールされている必要があります。 ダウンロードやコンパイルも同時なのでちょっと時間がかかります。 ログです。 完了しました。 この画面が表示されていれば完了です。 デモ動画です。 Rails One ClickはDocuments以下に一通りの環境をインストールするので、ルート権限不要で使えるのが便利です。 Rails One ClickはMac OSX用のオープンソース・ソフトウェ
Windows・Mac・Android搭載スマートフォン・タブレットに加えて今後iPhone&iPadにも対応し、リアルタイムに編集可能で、16TBまで容量を増やせるオンラインストレージが「Googleドライブ」です。データをGoogleドライブに保存すれば、いろいろな端末からアクセス可能になり、ウェブに接続するだけでファイルを自動的に同期できます。インストールや使い方などは以下から。 Googleドライブ https://drive.google.com/start#home ◆Googleドライブの利用申請 持っているGoogleアカウントにログインし、上記サイトの「通知する」をクリック。 このような表示が出ます。あとはメールが来るのを待つだけ。 ◆インストール Googleからメールで招待状が届いたら「Take me to Googleドライブ」をクリック。 「Try Googleド
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
まれにWebサイトを設計する上で、意外と軽視されがちというか、深く考えずにずらずらとコンテンツが横並びされるパーツ。それが『メニューバー』です。今朝色々と見て回っていたら、あぁ確かにと思った記事があったので、今回はメニューバーに焦点を当ててみようかと。 メニューバーの2つの役割 Important Elements of a Successful Web Page Design (成功したWebページデザインの重要な要素) この記事をみてはっと昔を思い出した訳です。 10年前にさかのぼると、私も結構いい加減な仕事をしていた時期がありました。 というのも、私のWeb制作は全て独学であり、学校ではCADを教わったくらいで・・・。 WindowsPCを買ったのは18歳で、そこからネットにはまり、本屋をあさって学んだ訳です。そのころのネット接続といえば従量制だったので、ネットで気軽に調べるなんて事
以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの?と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基本が大事だろうと思い、先輩達のアドバイスを受けながら、【デザインの基本原則】を教えることになったわけです! 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください!新人デザイナーに教える手間が1.2時間はぶけるかもしれません!(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速本題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした【レイアウトデザイン
iPhone版iMindmap、iPad版iMindmapのニューバージョンが、別アプリとしてリリースされました。 これがとにかくすごいです。もうこれ事件ですよ! iOSアプリの中で、マインドマップアプリとしては間違いなく最強です。 しかも、まさかの無料なのでとにかく落としてみてください! ここでは、その特徴や感想などまとめておきます。 1. iMindMapニューバージョンはこれ! 注意ですが、旧iMindmap mobile(有料)もまだApp Storeに別アプリとして残ってます。最新版は以下です。 最新版は、アプリ自体はなんと無料。 サブスクリプション購入(いまなら導入キャンペーン価格 \1200 / 年)することで クラウドサービス追加機能追加が可能となります。 iMindMap 2.0.3(iPhone版) カテゴリ: 仕事効率化, ライフスタイル 現在の価格: 無料(サイズ:
1. アイデアを 塩漬けにしない 世界中の人に手伝ってもらう方法 サイボウズ・ラボ 西尾泰和(@nishio) 2012-04-28 ニコニコ超会議 超エンジニアミーティングにて発表 1
どうも僕です。 昨年7月にフリーランスになって早10ヶ月。2012年4月期も旅行行ったりしましたが、無事乗り切ることができ、明日から無事11ヶ月目を迎えます。 ちょっと前に「ノマドワーカーがクールなんて幻想」なんてエントリがありましたが、10ヶ月で実践してきた、僕なりのノマドワーカーぶりをまとめてみます。 最近良く聞かれるのですが、「何故フリーになったか」は先のエントリに書いているとおりです。 好きな事ができる。もちろん何かあったら自分で責任を負う訳ですが、変に「これは当たらないからダメ」だとか「収益にならないから」だとか、企画を通すだけで面倒なステップを踏まなければならなかったりとか、制約の多い会社よりよほど楽しいです。 仕事は取りにいかない。降ってくるから。有難い事に、以前からの付き合いで会社役員をやらせて頂いていること、以前の職場の繋がりで数社と委託契約を結ばせて頂いていること、スポ
Windows・Macに対応し、いろいろなソーシャル系サービスへバラバラに保存しているドキュメント・写真・動画などをそれぞれにいちいちログインすることなく、GoogleドライブやDropboxのように一つのフォルダーとして一括管理でき、まとめてダウンロードしてバックアップしたり、フォルダーにドラッグ&ドロップするだけで高速アップロードしたり、一気に移動したりできるのが「SocialFolders」です。インストール・操作方法などは以下から。 一括管理できるのはBox・Evernote・Facebook・Flickr・Google Docs・Instagram・Photobucket・Picasa・SmugMug・SoundCloud・Twitter・YouTubeです。 SocialFolders: Download PC http://socialfolders.me/ ◆インストール
Wise Disk Cleaner 「Wise Disk Cleaner」は、Windowsのパソコン内に溜まった不要なデータやファイルをまとめてクリーンアップしハードディスクの容量を節約したり、Windowsの起動や動作を高速化してくれる無料のディスククリーナー・ソフトです。 Windowsを長い間使用していると、様々なアプリケーションの使用やシステムアップデート時などに残った不要なファイルがゴミとして蓄積し、ハードディスクの容量を圧迫したり、Windowsのシステムやアプリケーションの起動や動作の速度に影響を与えることがあります。 本ソフトは、システムドライブ全体を高速スキャンし、アプリケーションの一時ファイル(テンポラリファイル)やキャッシュファイルなど拡張子ごとに分別した不要なファイルを、簡単な操作でまとめて削除することができます。 Wise Disk Cleaner の使い方 1
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
コピーライティングは、WEBマーケティングで結果を出すために必要不可欠だ。 いくら商品やサービスに自信があったとしても、コピーライティングのスキルがなければ結果は出ない。 しかし現実を見ると、商品やサービスの販売実績が伸びない理由を、商品の質に求めて、肝心のコピーライティングを改善しようとしないビジネスオーナーは意外なほど多い。 とても大切なことなので、繰り返すが、商品やサービスの売れ行きが良くない場合は、まずセールスレターのコピーライティングを見直そう。 そのための参考になるように、ここでは、売れるコピーライティングを書くために必要不可欠な10の要素を、 トップコピーボディコピークロージングコピーの3つに分けてお伝えする。あなたがセールスレターを書く時のチェックポイントとして役立てて欲しい。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億
コピーライティングで、もっとも神経を使う部分はキャッチコピーだ。 なぜなら、ほとんどの人は、キャッチコピーを見ただけで、自分に関心があるかどうかを判断しているからだ。 従って、コピーライティング全体の成否は、キャッチコピーで何を言うかで決まる。それにも関わらず、日常の生活の中で、見るからに効果のないキャッチコピーを目にする機会は非常に多い。 私の感覚では、本当に有効なキャッチコピーは10に1つもないだろう。そこで、あなたがキャッチコピーを書く時に、忘れては行けない7つの基本ルールを書いたので抑えておこう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン(RWD)で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました: 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottam Social jQuery Plugin [ad#ad-2] Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます。 7種類のテーマがあり、CSSベースでカスタマイズも可。 カウントの表示はスタティック・アニメーションに対応。 カラーは簡単に変更できます。 より大きいカウント用に省略表記も対応。 MITライセンスのため、あらゆるブログ・サイトに使用しても無料! Koottamのデモ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
前回の[カラーデザインの基本。トーンを理解する!]と[カラーデザインの基本。色の三属性とは?]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基本ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基本ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう!(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX(ユーザーエクスペリエンス)は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
ブログ移転のお知らせ! ▼当ブログは移転しました!新しいサイトは以下となります!! http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします!! http://feeds.feedburner.com/bamka 【読了時間:約6分】 慣れというのは怖いものです。最初は速くて感動していたiPhone4も、時間が経てばそれが普通になってしまいます。 そして、いずれは遅いと感じるようになってしまう。 しかし、iPhoneのスペックは決まっています。ですので、iPhone自体の速度を速めることはできません。 そこで私ができることは、操作のステップを短くし、iPhoneでの各種操作を単純化させること。 今日は、私がiPhoneでの最速を求めた結果である、17のコツ(設定・Tips・アプリ活用術)をご紹介していこうと思います。 ■目次 ◇最速を求める基本コンセプト ◆
デジタル一眼レフカメラは、知れば知るほど楽しくなる。絞りとは? シャッタースピードとは? ISO感度とは? 仕組みを理解すると明るい写真が撮れるし、長時間露光などの応用も効く。 今回は、デジタル一眼レフカメラの基礎を学ぶ方法を紹介したい。 解説サイト これからカメラを始める方や、もう一度勉強したい方は、次のサイトの解説が役立つはずだ。カメラの仕組みを体系的に理解する事ができる。 カメラ遊遊塾|デジタル一眼レフ入門 デジタルカメラの基礎知識|リコー 解説ビデオ 絞り、シャッタースピード、ISO感度の関係を、視覚的に解説したビデオ。2番目のビデオは英語だが、イラストが分かりやすいので問題ないだろう。Exposureは露出、Apertureは絞りを意味する。 デジタル一眼レフカメラ撮影テクニック【基本編:露出】 - YouTube The Three Basics of Exposure and
いざ、最高のコピーライティングで売れるランディングページを作り上げようと意気込んでみても、いざ書き始めると、「何を書けば人は私の商品を買ってくれるのだろう」という迷いが必ず生まれる。 そして、悩みに悩むうちに、顧客の顔が見えなくなり、あらぬ方向に行ってしまう。 そこで重要なのが、平均的な消費者の行動を科学的に分析して、販売戦略に生かすという「消費者モデル」のアプローチを知ることだ。 消費者が無意識に取る行動科学を理解した上で、セールスコピーを書けば、必ず反応率の高いレターを書く事ができる。ここでは、その中から要点を絞って売れるセールスコピーを書くために、知っておくべき7つの消費者心理を紹介する。 ここで紹介している人間心理をしっかりと理解し、うまく活用すると、どんなものでも好きなように売れるようになる。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で
別にグラフィックスに限ったことじゃないし、そもそも論文とか全然関係ないけど。GPU 周りでもたまに話題になるし、自分でもたまにわけわからんくなるから整理しとく。 メインメモリは遅い CPU からメインメモリにデータを読みに行く場合、これはとにかく遅い。例えばレジスタにあるデータを読みに行く場合と比べると、だいたい数倍から数100倍の遅さ。ヤバいからなんとかしよう。もっと早くアクセスできる場所にデータおいとこう。 キャッシュライン CPU がメインメモリからデータを読み出すとき、必ず小さなメモリチャンクをキャッシュ上にロードする。ロード単位はプロセッサによるけど、だいたい 8 ~ 512 バイト。このロード単位をキャッシュラインと呼ぶ。 アクセス対象のデータが既にキャッシュに載ってる場合は、メインメモリじゃなくてキャッシュを読みに行く。ない場合はメインメモリにアクセスするけど、そのデータはも
外国語を書くのに、すべて丸投げしておまかせできるウェブサービスは存在しない。 有料で、向こうにちゃんと翻訳できる人がいる場合でもできるのは、〈外国語で書く〉という問題解決を支援することである。 複数の情報源(ソース)から得られたものを突き合せて信頼性を高めるのが情報に関する問題解決の基本スタンスである。 どのような辞書も事典も専門家も、間違えることは必ずあるから、ひとつの情報源だけに頼ることは避けられる。 突き合わせるだけで問題が解決する訳ではないが、突合せにより浮かび上がる情報源の間の違いが、問題解決の糸口になる。 機械翻訳 英語←→フランス語、日本語←→韓国語などに比べて日本語←→英語その他の外国語の機械翻訳は、現在のところ実用レベルにはほど遠い。 しかし、とても信用できない機械翻訳も、異なる機械翻訳から得られる複数の結果を突合することで、見えてくるものがある。 ◯翻訳比較くんwith
一時期、私は、何を書いてもセールスレターの成約率が上がらず、自分のコピーライティングのスキルに自信を失いかけていた。 読み手の反応も良い。セールスレターを呼んだ人から、多数の問い合わせや個人的な相談メールも貰える。 しかし、そうした反応はあるのに、実際にお金を出して商品を購入してくれる人がほとんどいないのだ。結果、「自分のコピーライティングには何が足りないのだろうか?」と何ヶ月も悩み、様々な人に相談し、様々なことを試した。 今となっては笑い話だが、「最後の最後で購入してくれないのは、お前が女にモテないからだ。」と言われ、苦手なナンパの練習をしたりしたほどだ。 ここで、お伝えするクロージングテクニックは、そうした経験を乗り越え、それまでの5倍以上の成約率を出すセールスレターを書けるようになった私の秘蔵のテクニックだ。成約率が上がらず、悩んでいる人にとって、必ず大きな気づきとなることをお約束す
「Dropbox」は最高に素晴らしいサービスです。新しい競合サービスが現れてもビクともしません。PCとウェブ間でのファイルの同期がいとも簡単にできてしまいます。ただし、大容量のファイルを同期させる場合は、長い時間がかかってしまうのも事実。「もう少し速く同期できないのかな?」といつもジリジリしているあなたに朗報! 簡単な解決方法があります。 Dropboxの初期設定では、ファイルのアップロード速度を自動的に制限しています。おそらくネットワークの帯域を独り占めしないようにするためでしょう。それ自体はすばらしいことですが、特に大きなサイズのファイルを同期させる時など、もっと速くアップロードしたい時もありますよね。この速度をアップさせる方法はとても簡単です。 WindowsならシステムトレイでDropboxをクリックして「設定 > 帯域」、MacならメニューバーでDropboxをクリックして「設定
当サイトで紹介しているEAは海外製品が多いため、「英語が苦手」という人にとっては少し敷居が高く感じると思います。そのような方からお問い合わせを頂く時は決まって「川上さんはきっと英語が得意なんでしょ?」と聞かれるのですが、全くそんなことはありません。僕の英語は中学校レベルです^^; それではなぜ海外製品を使えているかというと、Google翻訳という無料のサービスを使って必要な英文を日本語に変換するといったことをしているからです。試しに「Google翻訳」を開いて、左側のフォームに I am a junior high school level language skills. とでも入れてみてください。すると、右側のフォームに翻訳結果がリアルタイムで表示されます。この翻訳結果が正しいかどうかは置いておいて、「単語を眺めていればなんとなく意味がわかる」といった程度でも十分やっていけます。 この
ランディングページのデザインは、インターネットの技術の向上に合わせて変遷している。それに伴い、高いコンバージョンを見込めるレイアウトも、めまぐるしく変わっている。 しかし、結局、どのビジネスも最終的には似通ったデザイン/レイアウトに落ち着いていく。 なぜなら、結果を出すランディングページデザイン/レイアウトには、ある一定のルールのようなものが存在するからだ。そして、そのルールに則ってランディングページを作ると簡単に高い数字が出せる。 つまり、ゼロからデザインを考えるのではなく、既に結果が出ることが証明されている成果保証済のレイアウトやデザインを使う方が、遥かに簡単で結果が出やすいのだ。 そこで、近年非常に良く見られるランディングページのレイアウト/デザインをインフォグラフィックでご紹介する。 拡大表示はこちら 出典:http://www.formstack.com/the-anatomy-
Googleアドセンス で月5万稼ぐためのコツ7選 1)まずはCTR・CPCを知ること まずは、以下の単位を頭に入れちゃいましょう! CTR=クリック率 CPC=クリック単価 例えばCTR(クリック率)が1%・CPC(クリック単価)が30円ならば、100PVあたりの見積もり収益は30円となります。 つまり、毎日1000PVであれば月収9000円になる計算ですね。 2)適切な広告サイズを見極めよう 基本的にクリック率が高い広告サイズは レクタングル(大)(336×280) レクタングル(中)(300×250) この2つがおすすめです。 Googleアドセンスでは、広告サイズが大きいほどクリック単価が上がるため、なるべく大きなサイズの広告を掲載した方が稼ぎやすいですね。 3)最もクリックされる所に掲載しよう 僕がおすすめする掲載位置がこちら。 記事終わり 最初の見出しの前 記事の間 特に絶対に
良いデザインって?技術を学ぶ前に知っておきたいデ... / Webサイト制作において、私なりの色選定の考え方... / ヴィジュアル要素の表現方法 | Arch他...全10件
最近はMac App Storeもアプリ数が増えてきてるようで、普段はあまり見ることがないからGWを利用して色々試してみたら色々とシンプルかつ便利なアプリが増えてたのでメモ。なんだかMacBook Airが快適になってきました。【注意事項】紹介している価格は、本エントリ掲載時(2012/5/7 4:00)のものです。アプリはいつ値段が変更されるかわかりません。ご購入の際はMac App Storeの最新価格をよくご確認の上、くれぐれも「自己責任」でお願いします。 Mac App Storeの厳選無料アプリ8選 個人的に気に入ったアプリを以下に列挙。順不同。 Twitter無料公式Twitterクライアント。 シンプルで見やすいのとSafariからブックマークレットで 投稿出来るので、必須かつ常時起動状態。FreeRAM Booster無料メモリクリーナー。 メニューバーに常駐するタイプで現
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
SEに最も必要なスキルは「伝える力」だと言われています。分業が前提となるシステム開発において、意志の伝達がうまく出来ないことは致命的だからです。 よって、作成するドキュメントにも正しく伝える技術が求められるのですが、しかし多くのSEはドキュメント作成を苦手としているようです。 そこで今日は、SEがドキュメント作成で失敗しがちなポイントと、ドキュメント力を強化するための5つの視点について、『エンジニアのための文章術再入門講座』からご紹介します。 1.SEがドキュメント作成で失敗しがちなポイント SEがドキュメント作成に失敗しがちなポイントは、主に以下の2つです。 相手の関心と不一致 知識差のための説明が不足 例えば、システム開発プロジェクトの部長向けの進捗報告の場面を思い浮かべてください。性格にもよりますが、一般に部長クラスの方が気にするのは「予算を超過しないか」「顧客との関係は良好か」「今
厳しい就職活動を制した今年の新卒社員の皆さんは「奇蹟の一本松型」と命名されたそうです。入社から1カ月、社会人生活に少しは慣れた頃でしょうか? 上司や同僚との付き合いは思いのほか難しいですよね。さらに、今後はクライアントや取引先など社外とのやりとりも多くなることと思います。 そんな時、仕事を円滑に進めていくために重要な役割を果たすのが「メール」です。今回はビジネスメールの「超基本」となるお作法について紹介します。 Photo by Thinkstock/Getty Images. 1. 読んでもらえる件名をつける。 「CC(同報)」も含め、毎日何十通ものメールが行き交う中で、自分のメールを相手にきちんと読んでもらうためには「件名」が重要です。 【確認お願いします】明日の会議の議題につきまして 【報告】今月の勤怠について というふうに【】(すみ付きカッコ)などで「報告」なのか「確認」なのかを書
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません(実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……)。今後もう少し機能が追加されて
<ul id="menu"> <li><a href="#">html</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Perl</a></li> </ul> HTMLは最後まで変更しません。 #menu { width:530px; padding:0; margin:0; list-style-type: none; } #menu li { width:20%; float:left; padding:0; margin:0; text-align:center; } #menu li a { width:auto; color:#fff; font-size:12px; font-weight:
メルマガ「ゆーすけべーラジオ」にてWebサービス/アプリをつくるにあたっての僕なりのエッセイを連載中です。先週は実装前に行う企画作業についてまとめてみたのですが、評判がいいので、折角ですしBlogで公開させていただきます。特に複数名でのものづくりに参考にしてみてください! 何度か述べている通り、Webサービスにおいて「何を」つくるかは最も重要なことであり、いくら崇高な技術を持っていても「何を」つくるかによって、その技術が生きるか死ぬかが決まってきます。何をつくるかをしっかり決めることにより、実際に本番用のコードを書く実装の段階にも確信が持てますし、リリースした際のフィードバックも活きてくるでしょう。世の中でよく使われているサービスやアプリを見るとアイデアに富んだ今まで無かったと言われるような「何」がしっかりとしたものが多いと思います。 こうしたサービスの企画をつくるに当たっては各自の流儀に
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
php, 雑記いつもなら寝ている時間なのだけれど、なぜか睡魔がやってこないので過去の思い出をまとめてみる。去年の2月ごろ、新規案件のウェブサービスに開発メンバーとしてアサインされた。作るべきものが大量にあったため、4チーム(工期中多少増減したが)に分けてドメインごとに作業分担をした。そのうち、ウェブアプリケーション本体(フロント、API、マネージツール)を担当するチームのサブリーダーが自分の役割だった。そのプロジェクトは去年の末に一旦の区切りを迎え、自分はそこで退職し、新たな環境に身を置くことにした。それから丸4ヶ月経って、自分が書いたコードと新しい環境で書かれていたコードを見比べて、思うところが多々ある。それらを文章としてまとめたいと思う。 失敗したこと簡単な骨組みを作ったあと、デプロイの仕組みを作った。php には phar という仕組みがある。これは jar/war のようにウェブサ
相変わらずWPにウトい僕ですが、 案件で急遽、高速化が必要になり、さくっとできるプラグインで対応したかったので調べてたんですが、せっかくなのでMaka-Veliにも入れて、色々試してみました。 といっても、実際に全て検証し切れてるわけでは無いですし、どんな物でどんな効果があるのかを検証しきれる能力も無いのでご注意ください。あくまでも「高速化に使えそう」と思った物だけなので、実際の効果は不明です。(わからずに使うとトラブル起きますしね)※あとで自分がみたいだけのまとめ兼用という記事です。 詳しくはそれぞれのリンク先と、プラグインをご紹介されている記事等でご確認頂ければと思います。 なお、検証にあたり数値を取得してるわけではありませんのでご了承ください。 WordPressの更新 とりあえずWPを最新版(現時点の WordPress 3.3.2 )に入れなおしました。 まあベタです
プロカメラマンが教える! 知っておきたい写真のこと1002012.05.08 12:0022,593 そうこ 写真好きあつまれー。プロからのちょっとしたティップスが100個もここに詰まっています! 賛成するもの反対するものあるかも知れませんが、まずは覗いてみましょうか。プロカメラマンからの100のこと。 1)高価な機材を使っているからと言って、腕のいいカメラマンとは限らない。2)常にRAWで撮影すること。3)単焦点レンズでの撮影は、腕磨きになる。4)写真編集はそれだけで、1つのアートだと言える。5)三分割法は99%の場合において効果的である。6)マクロ写真は誰でもできるわけではない。7)UVフィルターはレンズキャップの役割もある。8)写真フォーラムなんかに何時間も行くよりは、外に出て写真を撮った方がいい。9)平凡な日々の生活の中にある美しい一瞬を切り取ること。それが、入賞作品になる。10)
昨日知ったWebサービスに久々に感激したので勢いでシェアします。Web制作で必ずと言っていいほど必用になるダミー画像を生成してくれるサービスなんですが、これが個人的にかなり便利でした。 PLACEHOLD.ITはダミー画像の生成サービスなんですが、凄く手軽に生成出来るのでかなりオススメです。 ダミー画像を生成する、というシンプルなサービスですが、これが想像以上に有用的でした。 使い方 使い方は至って簡単。placehold.itというドメインの後にサイズを指定すればいいだけ。 例えば350×150ピクセルの画像が欲しいなら http://placehold.it/350×150 にアクセスすれば指定したサイズの画像が表示されます。 なので、 <img src="http://placehold.it/350x150" /> これで以下のようにダミー画像を表示させる事ができます。 勿論、細か
いつものパンケーキもこの方法だとふわっふわに!材料も少ないので試してみてね☆この食感はヤミツキ♪ このレシピの生い立ち ラジオ番組【サンデーズ・ブランチ】のコーナー【ななえ’sクックブック】で放送したレシピです。ブランチメニューにピッタリな1品を毎週お届けしています!http://sb2010.exblog.jp/ いつものパンケーキもこの方法だとふわっふわに!材料も少ないので試してみてね☆この食感はヤミツキ♪ このレシピの生い立ち ラジオ番組【サンデーズ・ブランチ】のコーナー【ななえ’sクックブック】で放送したレシピです。ブランチメニューにピッタリな1品を毎週お届けしています!http://sb2010.exblog.jp/
こんにちは、アシアルの志田です。 社内でもgitが浸透し、皆バージョン管理といえばgitだよね、という空気になってきました。 ですが、これまでバージョン管理システムを使ったことがない人にオススメしても、 「gitて…まあ…そりゃ…ねえ、いつかやらないといけないけど…」 「ギット?ジット?俺はgiはジと読む派なので、gitは胡散臭いと思う」 「そもそもバージョン管理して何が嬉しいの?なんか難しそうでいやだ」 というような反応ばかりでした。 きっとみんな、gitって難しくて訳のわからんもんだと思っているのでは?と思い、 今回はgit入門の入門、gitってなんだ?というところから、簡単にgitを使う際の流れについてご説明します。 ちょっと不安を覚えるようなイラストがついていますので、頑張って読んでください。 バージョン管理ってなに? プログラムを書いていて、こんなことありませんか?私はあります…
日本のバックグラウンドを持ちながらアメリカでデザイナーとして生きる二人がデザインについて語ったら—? 上杉周作(@chibicode)、小学校まで日本で育ち、その後アメリカへ。エンジニアとしてApple、facebookでインターンをした後、その肩書きを捨て実名Q&AサイトQuoraでプロダクトデザイナーに。エンジニア/デザイナーというバックグラウンドを持つ彼と、同じく高校卒業まで日本で育ち渡米、デザイナーであると同時にbtrax CEO、Brandon K Hill(@BrandonKHill)の対談から考える、「デザイン」そして「デザイナー」の役割とは。 対談日: 2012年5月4日 対談場所: btraxオフィス (サンフランシスコ市内) インタビュアー: 日比谷すみれ 日本とアメリカのプロダクトやデザインの違い教育—答えを求めるのか、何を作り出すのかデザイナーとは一体?デザインと向
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く