どうも、ブログマーケッターJUNICHIです。 やっぱりブログって色んな事書かないと飽きて続きませんね。 SEOの記事ばっかりだと頭使うから疲れます。 でも頑張れる限りは、キーワードの話をします。 今回は、多くの人が無視している、超素晴らしいキーワード選定ツールの紹介です。 それは、GoogleのSearch Consoleです。 もともと、Googleウェブマスターツールって呼ばれていたツールです。 Search Consoleを導入して、2～3カ月以上WEBサイトを運営している人ならば、このツールを上手に使う事で、掘り出し物のキーワードが見つかるので、是非この使い方を覚えてみて下さい。 Search Consoleの『検索アナリティクス』・『検索クエリ』は超優秀なツール Seach Console自体は、キーワード選定をするためだけのツールではないんだけど、その中にある「検索アナリティ

こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で

おもしろいもん観たいじゃん

こんにちは、あんみつ（@murata_atsumi）です。 この記事はCAMPHOR- Advent Calendar 2014の20日目の記事です。 私ブログが超苦手で普段からあんまり書かないから、何書こうか迷ったのですが、 一応CAMPHOR-には主にデザインの部分で関わることが多いので、 デザインのことを書こうと思います！ はじめに エンジニアの皆さん、そしてそうじゃない皆さんも、たまに『メイン画像』を作らなければいけないときがあるんじゃないでしょうか。 メイン画像というのは、こういうのとか （引用：https://www.cyberagent.co.jp/recruit/fresh/internship/ ） （引用：http://tokyometro10th.jp/future/opendata/ ） こういうのとかですね。 または、Facebookページのカバー画像や、OGP用

インク流量は、ブラシにテクスチャを設定した場合に効果が大きく現れる。 インク流量はテクスチャの掠れ具合を制御するために使う。 インク流量の割合が低いほど、テクスチャが掠れるようになる。 不透明度の割合が低い場合に、ひと筆で同じ場所を擦るように描いても色の濃さは変化しないが、 インク流量の割合が低い場合は、ひと筆で同じ場所を擦るように描くと段々と色が濃くなっていく。 ▼テクスチャを設定すると、インク流量の効果がよく分かる。 ▼テクスチャを設定していない通常のブラシでは効果が全く現れない。 ▼テクスチャを設定していない通常のブラシでも、割合が1～8%の間には効果が現れる。 不透明度を下げた場合と違い、掠れたようなブラシになる。 ▼どちらもストロークを重ねると濃くなっていく。 ▼ひと筆で同じ場所を往復させると、インク流量のほうは、段々と濃くなっていく。

第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい　動的な⇔静的な　情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）

CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ

先日、「プログラマーがイラレで絵を描けるようになると、こうなる - pblog 」という記事を書いたら好評だったようでイロイロとレスポンスを頂けて嬉しいです。 このLesson4を特化したのが我が著書「イラレパズル」です。絶版やけど。＞プログラマーがイラレで絵を描けるようになると、こうなる - pblog http://t.co/nYyaku0CHd— ヤマサキタツヤ (@yamasakki) 2014年7月18日 そんな中「イラレパズル」というイラレ練習本を著者の方に教えて頂きました。 絶版とのことで仕方なく古本で購入（古本だと印税とかいかないんですよねえ、、、申し訳ない） イラレパズル―Illustrator図形おえかき学習えほん 作者: ヤマサキタツヤ出版社/メーカー: エムディエヌコーポレーション発売日: 2003/02メディア: 単行本 クリック: 4回この商品を含むブログを見る

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

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

作成：2013/12/24 更新：2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること １．リファレンス スクリプトの書き方／基礎知識 ２．スクリプトの記述 ３．文字列／特殊文字 ４．演算子 ５．オブジェクト ６．プロトタイプ ７．イベント ８．変数 ９．if文 １０．配列 １１．連想配列 １２．正規表現 １３．デバッグ できること １．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あなたはSEOでビッグキーワードでの上位表示に固執していないだろうか？ 残念ながら、ビッグキーワードでの上位表示に固執する方、または固執していた方に限って、Googleからペナルティを受けて検索圏外になってしまったという方が多い。 ハミングバードアップデートによって、Googleのアルゴリズムが大きな変化を見せた今、コンテンツの質も量もない状態では、どんなキーワードでも上位表示を達成することはできない。 逆に言うと、コツコツと良質なコンテンツを作り続けていれば結果的にビッグキーワードも攻略できるようになっている。 例えば、弊社のクライアント様の例では施策開始後３ヶ月目で、あらゆるビッグキーワードで３位以内に表示されるようになった。これは被

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressでの記事の投稿はサイト運営の核となる作業だ。 弊社が運営しているバズ部はもちろんのこと、クライアントサイトでもWordPressを使っており、全てのサイトがSEOだけで何万、何十万のPVを集めることに成功している。 その要因の一つが、WordPress の投稿方法に細部まで徹底的にこだわっているからだ。ここでは、WordPressに投稿する方法とともに、集客を最大化するための方法を紹介していく。 実際に弊社も WordPress に記事を投稿する時に守っている。ぜひ、あなたもこの通りに実践してみて欲しい。 具体的には、この記事で主に以下の内容を解説している。

レストランで魅惑の一皿に出会ったとき。あるいは、とっておきのレシピで作った手料理がいつになく上手に仕上がったとき。｢この料理を写真に撮ってみんなに見せたい！｣と感じませんか？ FacebookやTwitter等のSNSでは、日々たくさんの料理写真が共有されています。でも、なんだか私の料理写真はあまり美味しくなさそう......。料理の写真って、どうすれば美味しそうに撮れるの？ なぜか全然美味しそうに見えない私の写真に｢いいね！｣は付かず......。実物はもっと素敵だったのに！ 困ったときはプロに聞くのが一番早い。というわけで、料理専門の写真教室｢フェリカスピコ｣を主宰するフォトグラファーの佐藤朗さんに、かわいく美味しそうな料理写真を撮るコツを習うことにしました。 カメラは、7月27日にFUJIFILMから発売されたばかりの｢X-M1｣を使用。機械に弱い私は内心不安だったのですが、必要なポ

「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や