こちらの画像、左側（286KB）と右側（44KB）とで、ファイル容量が5倍以上異なります。でも見た目に大きな違いはありませんよね？　画像のファイルサイズが小さければ、ユーザー側はギガ消費を抑えられるし、読み込み速度も速くなります。サイト管理側も、ストレージ容量を削減できます。このように、サイトに掲載する画像を自動で最適化してくれるのが、ウェブテクノロジの画像軽量化ソリューション「SmartJPEG」。 「SmartJPEG」は、見た目そのままに画像容量を抑えてくれるサービス。バージョン2.0を7月10日にリリースし、アニメーションGIFの生成、WebPの出力に対応したほか、画像内容に応じてJPEG・PNGのどちらが適しているかを自動判断できるようになりました。さらに、ブログシステム「WordPress」から「SmartJPEG」を呼び出して、画像の軽量化を自動で行うプラグインも同時にリリー

※この記事は、2015年4月15日に公開された記事を再編集したものです。 世の中には、物事を美しく魅せるための「比率」が存在します。 建築や、Webデザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面で利用されるこれらの比率。具体的には黄金比、白銀比、青銅比、白金比、第二黄金比など、利用される比率は複数存在します。 そこで今回は、その中でもよく使われる黄金比・白銀比を簡単に、自動で計算してくれる便利なサービスを5つ選んでみました。 黄金比とは 黄金比とは、「Golden Ratio」の日本語訳で、1：1.618という人間にとって最も安定し、美しく感じられる比率のことです。 正方形の一辺にその約60％分の長方形を足した時、自然とバランスが取れていると感じることができます。名刺などの縦横比もほぼ黄金比で構成されており、有名なものをあげると、パルテノン神殿、モナ・リザ、ミロの

Sorry, JavaScript is required to view Global Stats charts.

友人に教えてもらってからちょっと使って、結構感動したのでここでもシェア〜！どっかでシェアした事があると思うんですが、PingendoというBootstrapを使ったプロトタイプがめちゃめちゃ速攻で作れるアプリとして昔からあったんですが、それがいつの間にかめっちゃ使いやすくなっていたので、ここでも共有させて貰えればと思います。 Pingendo自体でサイトを作るというより、あくまでもプロトタイプの段階でのサイトレイアウトをぱぱっと作る上では結構使える場面もあるんじゃないかと思うので、是非一度使ってみるのも良いかと思いますー！ それでは行ってみましょう！ とりあえずサイトからアプリをダウンロード Mac版と、Win版、それからLinux版とあるみたいですね。とりあえず、Macから見てるので、Mac版で見てみようと思います。っていうか、Boostrap4っていつになるんだろ。 テンプレートを選択

Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n

コードを書かずに、本物のようなアプリを再現できる 簡単３ステップで、動くプロトタイプをすぐに作成できます。Web・iOS・Androidはもちろん、カスタムサイズでもお作りいただけます。 プロトタイプ作成機能 ワイヤーフレーム機能

アプリの世界では普通ですが、ウェブでもユーザの操作に対してちょっとした反応を返したり、システムの状況を提示する「マイクロインタラクション 」がますます重要になってきそうです。ユーザがスマホやアプリの操作に出てくるマイクロ・インタラクションに慣れてくると、無意識のうちにそういった動作をウェブにも求めるようになると思います。 下のGIFアニメはBetterTouchToolのウェブサイト で使われているマイクロインタラクションの例ですが、このようなちょっとした動作がウェブサイトの印象を変えたりしますよね。 数値化は難しい領域ですが、たとえば競合サイトとの差別化のために相対的なユーザ体験を高める施策の一つとして有効に活用できそうです。クライアントに「こんなのできませんか？」と聞かれる機会も増える気がしています。 そして、ウェブ制作においてもマイクロインタラクションの実装が増えると、今度は、それら

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ Googleがモバイルフレンドリーとページスピードを一度に計測できるツールをローンチしました。モバイルとデスクトップの両方のスピードが計測できます。とりあえず試してみましたが、日本語サイトもキチンと計測してくれました。ただし、メールで送付されるレポートも含め、計測結果やアドバイスなどは全て英語となっています。見た目も非常にわかりやすいため、日本語対応してくれると嬉しいですね。– SEO Japan Googleの新しいユーザーフレンドリーなツールはスモールビジネスの役にきっと立つだろう。モバイルフレンドリーであるかという点と、どのくらい読み込み速度が速いかを計測してくれるのだ。 ＊リンク先は全て

Pooleリーダーの鮫島です。 競合、丸裸にしてますか？（ライバル視しているサイトの、アクセス数やどこからトラフィックがあるのか、どういったキーワードを選定しどのくらいの検索数があるのかなど、SEO周りの対策を分析していますか？） 私は、主に提案資料を作成するときや、サイト設計をするときなどにします。 そういうときは、競合分析ツールを使うと効率的に情報を取得することができます。 というわけで、今回は私が普段使用している競合分析ツールを厳選して7ツールご紹介します。 無料で使える！ 競合サイトを分析できる7つのツール 1. Dockpit（ドックピット） https://www.valuesccg.com/dockpit/ 最近、認知度が高まりつつある競合分析ツールです。 機能の一部が無料で使えるのがかなり助かりますね。 無料登録で取得できる指標はざっと下記の通り。 自社サイトと競合サイトの

Googleは世界中の情報を整理するという使命を遂行するために、いくつものツールを提供しています。 検索エンジンだけに目を奪われがちですが、そのツールは非常に便利なのです。あなたの生活を豊かにしたり、もちろん仕事にも役立ちます。Mashableの14 Google Tools You Didn’t Know Existedを参考に、早速見ていきましょう。 1. Google Ngram Viewer 過去500年間ほどの間に書かれた本の冊数を誰も知り得ません。その中に記された文字は億か兆かと、想像をいくらしても分かりませんね。Googleが所有する過去の書物に関する膨大なデータベースから、どのくらいの頻度で出てくるのかを見ることができます。例えばGoogleを検索すると、1990年代の半ばから急激に書物での出現率が増えていることが分かります。書物とは世の中のトレンドを映す鏡のようなもの、い

「あのサイトのアクセス数はどのくらいだろう？」と思ったことはありませんか？　どの計測ツールを使ったかによって数値は変わってくるため、一概に比較はできません。しかし、サイト毎の影響力を調べたいというニーズはあるのではないでしょうか。 「SimilarWeb」は、ウェブサイトの訪問者数を調べられるサイトです。訪問者数だけではなく、「参照流入が多いのか検索流入が多いのか」「流入経路」「検索キーワード」までもわかってしまいます。しかも無料です。 使い方は簡単。中央の検索フォームに、調べたいサイトのURLを入れるだけ。今回は例として、Yahoo! JAPANのトップページを入れてみることにします。 トラフィック概要です。ウェブサイトのランキングなどが表示されていますね（世界50位！）。2月の訪問者数4億1200万、サイト滞在時間00:13:10など、2月のサイトのアクセス数なども表示されています。Y

photo credit: Swami Stream via photopin cc 今月は20万いくぞぉぉぉぉ！ というわけで僕がブログを書く時に使用しているツールを 全部っ！！ ご紹介したいと思います。 だって僕が作ったツールじゃないから、、、隠すなんてセコいマネはしない！ ぜひおすすめして作者さんに還元してもらいたいです。 僕が、「稼げて且つ、皆様に役立つ記事」を必死に考えるために利用しているツールです。WEBサービスからフリーソフト、iPhoneアプリまで！ ぜひ、ぜひ参考にして下さいっ 現在のブログの基本を見直すツール 自分のサイトがスパム判定されていないか？ Google スパムサイトチェック [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3

こんにちは！ 幼稚園くらいの時に双子の兄弟と仮面ライダーごっこをしている時に(僕がライダー1号で兄弟は怪人・蜘蛛男)ライダーキックをやろうとしたら盛大に転び、 左の眉毛らへんを柱の角にぶつけ切ってしまい、病院で麻酔なしで縫う事になった為、手足を押さえつけられて仮面ライダーの「改造手術」のような状況を経験した事がある享平です。 少しズレていれば左目をぶつけていましたから眉毛あたりをぶつけたのは不幸中の幸いだったと思います。 僕に子供ができた時はヒーローごっこに潜む危険を十分すぎる程教えてあげようと思います。 さて、リスティング広告を運用する上でキーワードの選定というのは重要な作業の一つです。 広告を運用していくとキーワードの数は何千、何万という膨大な数となってしまいます。 そんなキーワードを1つ1つ探して入札しているととても一日では終わらない作業量になってしまいます。 そこで今回は僕が実際に