フレークの素 | Web制作・システム開発のCreativeFlakeブログ

このたび、 niftyさんのサービス リニューアルにともなって、サイトにWebコラムを執筆・掲載させていただきました。 CreativeFlakeのブログでも紹介させていただきたいと思います（以下記事全文）。 ネコでもわかる、最低限のSEO対策 2015年版 SEOは決して難しいことではありません。SEOは正しい方法で行えば、長期的に安定したアクセスを獲得することができます。 検索結果でより上位に表示されるのを目指すことを検索エンジン最適化（SEO : Search Engine Optimization）といいます。代表的な検索エンジンは、おそらくみなさんも毎日利用しているGoogleやYahoo、Bingなどです。検索エンジンに好まれるSEO対策を行えば、検索結果の上位に表示される可能性は高くなり、逆に過剰なSEOが検索エンジンに察知されると、ペナルティを受ける可能性もあります。このペナルティというのは、検索順位を下げられることです。SEO対策は、正しい知識を持って、やりすぎないことが重要です。 SEO対策は大きく分けて「外部対策（サイト外に施すSEO対策）」と「内部対策（サイト内に施すSEO対策）」の2種類があります。ここでは最新の検索アルゴリズムに対応したSEO対策を行う上での重要なポイントを紹介します。 キーワード選びはSEO対策で最も重要 サイトを検索結果の上位表示させるにはキーワード選びがポイントとなります。このキーワードを選ぶ際に重要なポイントは「売上につながること」そして「確実に順位が上がること」の2点です。 例えば「イタリアン」という単一キーワードで上位を狙うには非常に時間がかかり、また上位表示できるかも不確かです。まずは「生パスタ　手打ち　東京駅」など、単語2〜3個以上の複合キーワードから始めていくとよいでしょう。 また複合キーワードを決める際にも、事前に競合の有無や上位表示の可能性を調べましょう。 キーワード選びのコツは、検索エンジンのサジェスト機能を利用すると、他のユーザーがどのような単語の組み合わせで調べているのかが分かります。検索エンジンによっても結果は異なるので、業種やターゲットユーザーに合わせて自社に合った検索エンジンを選ぶことが必要です。 コンテンツは量よりも質 サイトのコンテ...

横浜で毎年2月に行われる、カメラと写真映像のワールドプレミアショー CP+（シーピープラス）に今年も行ってきました。 オリンパスはOM-DのMark2が一番人気。２月下旬の発売予定。 毎年、イベントにオリンパスのカメラを持って行くと、こんなかわいいフィギュアがもらえます！2014年に引き続き、OM-D！！ ペンタックスの見どころは2015年3月発売予定のK-S2。 レンズはフォクトレンダーを。 世界最古級のメーカーだけあり、機能性にも、デザイン性にも優れたレンズだと思います。 2014年はGo Proが新しいカメラとして台頭していましたが、AppleがGo Proライクな特許取得したこともあり、今年はありませんでした。 それに変わって、今後はこんなフライングカメラが企業向けにも家庭用にも流通しそうです。 モデルさんたちも撮ってみました。 基本的に男性がカメラを手に、モデルの女性を撮るという風景がどのイベントでも一般的で、CP+でも99%、そんな感じでした。 わたし（←女性）がカメラを向けると必ずこっちを見てくれるのがうれしいところでした。ありがとう！！ かわいい！！ 来年も行きます。 Written by Creative Flake

PCやスマートフォン、タブレットで閲覧可能な、iBooks風な横スクロールのページを作ります。 デモページはこちら 今回の作成のポイントは 1. ブラウザの高さを100%（目一杯に） 2. 2カラム表示 3. Webフォントを取り入れる 1. ブラウザの高さを100% JavaScriptで実現しましょう。 JavaScriptのサンプル var scrollLeft = function () { window.scrollTo(window.scrollX - window.innerWidth, 0); }; var scrollRight = function () { window.scrollTo(window.scrollX + window.innerWidth, 0); }; document.body.addEventListener('click', function (e) { e.preventDefault(); if (e.clientX > window.innerWidth / 2) { scrollRight(); } else { scrollLeft(); } }); 2. 2カラム表示 CSS3で実現しましょう。 CSSのサンプル * { box-sizing: border-box; } html { height: 100%; } body { height: 100%; padding: 2em; font-family: Helvetica, Arial, sans-serif; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em; } h1, h2, h3, h4, h5, h6 { color: #049bb5; font-family: 'Roboto Slab', serif; text-align: center; }...

PCから操作できるChromeの写真加工アプリのご紹介。 Polarr Photo Editor RAW （Chromeウェブストア） 写真をドラッグアンドドロップまたはファイルのアイコンから開き、フィルターの種類を選択。 プリセットフィルターは18種類。というわけで、やってみました。 一部ですが、イメージや雰囲気によって、写真にマッチするフィルターがあればとってもいいかんじ！ さらに、右側のメニューでは色相やコントラスト、シャープ、歪みなど、Photoshopにあるような本格的な写真加工機能も。 さらにさらに、Polarrのうれしい機能は、RAWデータにも対応していること！ もちろんアプリは無料なので試してみては。 Written by Creative Flake

「20人に1人、500人に1人」 って何の数字かご存知ですか？ これは、「日本人（黄色人種）の色覚障害者の割合」で、男性20人に1人、女性500人に1人がこの色覚障害を持っています。 この数字はもはや、色覚に関する見え方の違いという方が正しいのかもしれません。 これは例えば、100人の前でプレゼンテーションを行う場合、確率的に1名は色覚障害者がいる計算になります。 一般色覚 日本人男性の約95%，女性の99%以上。 であるのに対し、 P型色覚(Protanope) 赤い光を主に感じる錐体がない場合、分光感度がずれている場合。 D型色覚(Deuteranope) 緑の光を主に感じる錐体がない場合、分光感度がずれている場合。 実際に、色覚障害者が分かりづらい色はこのようになっています。 ▼色盲の人に見分けにくい色のシミュレーション ※国立遺伝学研究所より 例えば、一般色覚者は色を変えているケースでも、こんなにも見え方は違います。 「色覚バリアフリー」という言葉があるように、色覚障害者に配慮したデザインをすることも必要となるかもしれません。 では、書類作成やサイトのデザインをする際に、どのような点に留意して作成すべきかというポイントです。 例えばグラフなどでは、色で区別するところを、模様で区別することができます。 また、文字と背景色は、色の違いをはっきりとさせましょう。 Written by Creative Flake

年末年始はカレンダー通り、12月29日（月）〜1月4日（日）の期間は休業いたします。 お急ぎの場合や、この期間中のご相談・ご依頼も内容によってはお引き受け可能ですので、 ホームページの お問い合わせフォーム（http://creativeflake.com/contact） または、お電話にてご連絡ください。 よい年末年始をお過ごしください。 Written by Creative Flake

空港の出入国審査で並ぶのが大変、パスポートにスタンプしてほしくない！という人には朗報。 たった１回の登録で色々な空港でずっと使える、自動化ゲートの登録をしてみました。 今回、登録したのは、成田空港第二ターミナル↓↓↓↓↓ 緑の看板が目印です。 場所はこちら。 出発フロア（3F）の各航空会社のチェックインカウンターの並びの一番端、全然人がいませんでした…… ※成田空港WEBサイトより カウンターに行くと、登録申請書がもらえます。 氏名、生年月日、住所、パスポート番号と期限を書くだけ！ そして、両手の指の指紋登録をします。 ↑これを出入国の際の自動化ゲートで認証します。 たったこれだけ、本当に５分で登録完了しました！ こんな感じでパスポートの最後のページにスタンプが追加されました。 パスポート有効期限の「前日」まで有効です。もちろん、自動化ゲートの更新も無料！！ 自動化ゲートは、成田空港、羽田空港、中部空港、関西空港で申し込み、登録ができますよ。 自動化ゲートのメリットは…… １．出入国審査で並ぶ必要がない！ ２．パスポートにスタンプを押されないから、ページが減らない！ ※希望者にはスタンプしてくれます。 日本に住む外国の方も登録OKですよヽ(・∀・)ﾉ 詳しい使い方は 成田空港公式Webサイト または 法務省のホームページ を！ Written by Creative Flake