こんにちは。日々、新しいWebサービスが登場しています。 そこで今回は、最近話題になったWebサービスを11個ご紹介いたします。 Tempo 人工知能の要素が組み込まれたカレンダーアプリです。予定にまつわるすべての作業が、1カ所でできるようになっています。 nohana（ノハナ） 毎月1冊無料でフォトブックが手に入るサービスです。ミクシィの新サービスですね。 Tweetping 世界のどこでどれだけのつぶやきがTwitterに投稿されているのか、リアルタイムで分かるWebサービスです。 The Secret Door サイトに登場する「扉」を開けると世界のどこかへ行けるサービス。 Googleストリートビューの技術を使っています。おもしろいです。 名無しの美人 ブレイク寸前の美人や女優、可愛い娘が見つかる写真サイトです。休憩にぜひ。 コトナス 「コトナス」は、ビジネスアイデアをコンテスト形

Webサイト制作支援 Website Support このページについて ツールやライブラリの紹介などWebサイトの制作に役立ちそうなコンテンツを掲載しています。 Webサイト制作の知識を必要とするコンテンツが含まれておりますので、閲覧の際はご注意ください。 なお、Mac OSについての確認は行っていません。 予めご了承の上ご覧ください。 ツール パスワード自動生成 パスワードの暗号化 エンティティ変換 URLエンコード/デコード Unicode変換 QRコード生成 文字カウンター 画像サイズ計算 文字変換 ディスプレイのPPIを算出 CSSセレクタ―利用可否チェック 画像ファイルをBase64文字列へ変換 CSSカスタムイージング CSS Selector Nth Tester カラーコード相互変換 CSS Sprite Generator マルチアイコン生成 Googleカレンダー予定

jQueryプラグインで実装できるスライダーにスワイプ機能（スマホ対応）の追加をしました。 利用したのは下記プラグイン jQuery Slider2 スライダー機能を実装します。実際動いているスライダー内の download ボタンからダウンロード。 TouchSwipe スワイプ機能の実装。Latest TouchSwipe on github download からダウンロード。 【html header】 jquery本体と、DLした3つのcssとjsを読み込みます。 <link rel="stylesheet" href="jquery.slider.css"> <script type="text/javascript" src="jquery-1.8.0.min.js"></script> <script type="text/javascript" src="jquery.s

「ホームページが売上に繋がらない・・・」職業柄このような相談を受ける機会が多々あります。 売れる企業サイトと売れない企業サイト、その違いは何でしょうか？ 売れない企業サイトの特徴 サイト名が企業名のみ 奇をてらったデザイン 新着情報が更新されていない 商品の効果が記載されていない 「スピード対応」など言葉が抽象的 「お客様の声」に良い事しか掲載していない サイト訪問者にとってもらいたい行動が不明確 どうでもよい徒然日記的な社長ブログ Twitterの無意味なつぶやきが表示されている サイドバーにバナーが多い 「用語集」「リンク集」など無意味なページがある ヘッダ画像がスライドしたりフェードして切り替わる 画像が多く重い（ページを開くのに時間がかかる） 1.サイト名が企業名のみ Googleなどの検索エンジンは、サイト名に含まれるキーワードを一つの参考として、検索結果を表示します。 例えば、

[対象: 全員] コンバージョン率を上げるために簡単にできる改善策を今日は紹介します。 クレジットカードの入力エリアを“視覚的に補強”する方法です。 Baymard InstituteのE-Commerce Checkout Usabilityで説明されていたやり方になります。 A（左）とB（右）を比べてみてください。※クリックで拡大 違いに気付きますか？ 2つ違ってますね。 背景色 セキュアバッヂ クレジットカードを入力するエリアだけがほかのエリアとは背景色が変えられていています。 またGeoTrust（ジオトラスト）のセキュアバッヂが置かれています（Aではページ右上に置かれているがBでは近くに移動してある）。 たったこれだけのことでセキュリティに対するユーザーの安心感が増すんだそうです。 SSLを使っていれば技術的にはクレジットカード情報を含むすべての情報は暗号化されたうえで送信されま

デザイナーと名が付く職種にはさまざまなものがありますが、この数年で劇的に市場のニーズが高まったのが「Webデザイナー」でしょう。 ネットワークの通信速度が一昔前に比べて格段に速くなり、スマートフォンが驚く速さで普及したことで、ユーザーがWebに接する時間は大幅に伸びました。その結果、魅力的なWebページを"創る"人材への需要がとみに高まっています。 魅力的なWebページを作るうえで最も必要とされるのは、ユーザにとって使いやすく、情報が得やすいデザインを考えられるスキルです。現在のWebデザイナーの中には、DTPなどの世界で経験を積んだ後に、HTML/CSSという慣れないコーディング技術をどうにか学んで転身した方が多く、紙媒体で伝える手法と、ブラウザで伝える手法の違いを思い知らされた方は少なくないのではないはずです。 そのような方々に対して、次なる障壁として立ちはだかるのがJavaScrip

昨今、これまで以上にWebサイト(管理画面ではなく公開側のサイト)のハイパフォーマンス向上について様々な情報を目にするようになりました。 従前のWebサイトでは、サイトのチューニングは主にサーバーサイドで取り組む課題が多かったのですが、Ajaxの普及やスマホアプリなどJavaScriptの多用によって、クライアントサイドの高速化やHTMLソース上の工夫等による高速化がより重要になってきました。 そこで、今回はMT/PowerCMSの設定やテンプレート、プラグインによってWebサイトを高速化するためのTipsについてまとめてみます。 Minifierプラグイン https://github.com/alfasado/mt-plugin-minifier Minifierプラグインは、HTML, JavaScript, CSSコードの圧縮、画像のExif情報の削除、コンテンツのgzip圧縮等の

Closure Compilerはブラウザで動くGoogle製のJavaScriptコンパイラ。圧縮化、難読化が可能です。また、難読化された構文を元に戻すことも出来ます。 Closure Compiler

JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ

Macでスクリーンショットを撮りたいとき、どのコマンドだっけと忘れてはいないですか。Windowsだとスクリーンショットボタンが単独でありますが、Macはショートカットキーを押さないとスクリーンショットが撮れません。また、ショートカットキーも複数あるので、どういった場合にどのキーを使えばよいかおさらいしておきましょう。 ・Command + Shift + 3 画面全体のスクリーンショットが撮れます。 ・Command + Shift + 4 選択した範囲のスクリーンショットが撮れます。 ・Command + Shift + 4 + Space 上記の範囲指定しているときに、スペースキーを押すと、メニューや画面単位でスクリーンショットが撮れます。

@JUNP_Nです。アクセス解析といえばGoogleAnalytics。Web担当者やサイト・ブログ運営をしている人は毎日見ているかと思いますが、カスタムレポートは使っていますか？毎日見る項目が決まっているのであればカスタムレポートを設定しておくと便利です。 サイトの成長はしっかりとPDCAを回すこと。大事なのは仮説検証を繰り返すこと。Web担当として仕事をしている人からしたら当たり前の話ですが、趣味でサイト運営やブログ運営を行なってい人はアクセス解析といえばPVを見るだけという人も多いみたいです。 男子ハックの場合ですが、毎日以下のカスタムレポートを確認しています。カスタムレポートを使えば、毎日のGoogleAnalyticsの確認を効率よく行うことできます。 カスタム レポートは、独自に作成するレポートです。ディメンション（都市、ブラウザなど）と指標（訪問数、ページビュー数、直帰率など

Windows：Wi-Fiルーターを持っていなくても、『Virtual Router Plus』を使えば、手持ちのPCをWi-Fiホットスポットして使用できます。Wi-Fi対応のデバイスと自宅のインターネット回線を共有したい場合に便利です。Windows 7でのやり方は以前にも紹介しましたが、Windows 8ではこのオプションがなくなっているかのように見えます。実は機能自体はまだあるのですが、使うには結構な量のコマンドライン作業が必要となります。 Virtual Router Plusならそんな手間はいりません。プログラムをダウンロードしたら起動させ（インストールも不要）、共有したいネットワークを選択します。Wi-Fiネットワークに名前とパスワードを割り当てたら、後は起動させるだけ。Wi-Fiのみ対応のデバイスも、これでサクサクと使用できるはずです。 Virtual Router Plu

無料で利用できるGoogleやMicrosoftの高品質なストックフォト ストックフォトは主にプロの写真家によって撮影された写真で、素人のそれとはやはり質が違うため有料のものがほとんどでそれだけの価値のある写真です。 その性質上、商用利用の業務色が強く比較的一般ユーザーには馴染みが薄いということがあるものの、一般ユーザーが自分のブログや創作活動にも上質な写真素材を利用したいという需要は少なくないと思います。 GoogleやMicrosoftでは自社サービスの付加価値を高める一環として、このようなストックフォトの無料提供を行なっており、一般ユーザーにとっては非常にお得な情報なので紹介してみたいと思います。 まずはGoogleからですが、こちらはGoogleドライブに統合されているGoogle Docsから利用できるようになっています。 Google Docsでドキュメントを作成し画像挿入から