HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ

上記のように最初に具体的な言葉を持ってくるだけで、すごく中身がわかりやすくなります。 また、僕の先輩がよく使うのですが、【緊急！】【要返信！】といった目立つ表記を最初にもってくるのはうまいです。 カギ括弧で囲むだけで、優先度がすぐに理解できますよね。 2. 箇条書きを使うこれは言うまでもありません。 長い文章でズラズラ説明するよりも、グループ分けした方が頭に入っていきやすいです。 ブログだと使っている人は多いですが、メールでは箇条書きを使っていない人が意外と多いです。メールでも意識して使いましょうよ！ ただ気をつけたいのは、「羅列しすぎない」ということ。あまりに箇条書き項目が多すぎるとわかりずらいです。。 箇条書きはできれば5つまでに抑えたほうがいいと思います。 「じゃあ5つ以上の項目があるときはどうするの？(･ ･?)」 その場合には、「親要素・子要素」を決めます。 例えば10個も箇条書

不動産広告には、パッと見ただけではなかなか「良い不動産」なのか「悪い不動産なのか」見分けが付きにくい広告があります。今回はそんな広告の注意して見て頂きたいチェックポイントをご紹介します。 前面道路が狭過ぎないか 良くあるのは前面道路が狭過ぎる物件です。前面道路が狭い一番のデメリットは「車が通らないこと」です。自動車が通る為には前面道路の広さは最低でも３m以上欲しいところです。 自動車を持っていない人でも、車が通らない物件を買うことはデメリット尽くしです。まず、救急車や消防車などが家の前まで来る事が出来ません。万が一火事になったら、消火活動にもの凄く手間取ることになります。 また前面道路が狭い物件は、家の建設・リフォーム・解体にも多額の費用がかかります。工事車両を家の前まで持ってくる事が出来ないため、材料は全て手運びになり人件費が膨れ上がります。工事の種類によってはそ、もそも対応出来ない場合

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

インフォグラフィックスとは インフォグラフィックスとは、たんなるグラフやチャートではなく、デザイン的要素やビジュアルを加え、より魅力的にデータを魅せる手法のことです。 近年マーケティング分野が注目されるなかで、その伝え方として広がりを見せています。 データ量やデザイン性などこだわればキリがありません。それでもデザインのコツをおさると、パワーポイントやエクセルだけでも、見栄えのするグラフィックにすることが可能です。 本記事では、パワーポイントをつかった簡単でオススメなテクニックを紹介します。みなさんのコンテンツづくりにお役立て下さい。 参考リンク：「インフォグラフィックス」の作り方とツールまとめ - NAVER まとめ 参考リンク：インフォグラフィックス-infogra.me（インフォグラミー） 参考リンク：インフォグラフィックスの作り方（関ヶ原の戦い兵力ツリーマップ篇） | ビジュアルシン

SEOの基本中の基本！主要なHTMLタグ「titleタグ」「meta description」「h1タグ」の書き方まとめ こんにちは、じつかわです。ナイルという会社でSEOコンサルタントをやっています。 さて、いきなりですが、皆さんがSEOを勉強し始めたとき、一番最初に覚えたことはどんなことでしょうか。おそらく「titleに対策キーワードを入れる」ことではなかったでしょうか。 「title」「meta description（メタディスクリプション）」「h1」というあたりのHTMLタグは、SEOでは非常に重要な役割を果たします。 とくに「titleに対策キーワードが入っていなければ、SEOはほとんどできない」といっても過言ではないほど、検索エンジンの評価において主要HTMLタグにキーワードが含まれていることは重要です。 SEOに取り組んでいる人であれば「そんなの普通にやってるよ！」と言われ

【保存必須】見とれてしまうほど高画質！デザイナー必見のフリー画像素材サイト10選 オススメのフォトストックサービス10選まとめてご紹介します。 本記事で使用している「著作権フリー」の定義について 本記事で使用している「著作権フリー」の定義について この記事で表記しています著作権フリーとは、商用利用や改変利用が可能なライセンスのことを指しています。再配布や再譲渡などの全ての行為がフリーというわけではありませんのでご注意ください。わかりやすさを重視し本記事ではこのように表記させていただきました。 また、Google画像検索の結果として表示される画像についても、必ずしも上記に当てはまるものではなく、Googleがそうみなした、というものですので、画像を使用される際は必ず掲載サイトのライセンス条件をご確認下さい。 なお、今回紹介する クリエイティブ・コモンズ・ライセンスについては、こちらで詳しく説

こんにちは、LIGブログ編集部です。 写真や画像の合成、切り抜きといった作業ができるPhotoshopは、グラフィックデザインやWebデザインにおいて必須のツール。自由度高く編集ができて便利な一方、初心者からすると「使い方がよくわからない」と困ることもありますよね。 そこでこの記事では、初心者向けに初期設定から写真加工を行うまでのPhotoshopの使い方をわかりやすく解説します。 Photoshopを使いこなすための第一歩として、ぜひ実践してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求くだ

コンテンツマーケティングが大切であり、検索順位を上げるにも良い方法であることが盛んに言われている。ユーザーニーズに応えるコンテンツを中心にした施策に価値があるのは確かだが、コンテンツに意識がいってしまうがゆえに、SEOやマーケティングの担当者が自在に使いこなせる他のさまざまな方法が忘れられがちだ。 この記事では、コンテンツの制作やマーケティングに費用をかけることなく検索順位を改善するための方法を6つ、ランドが紹介する。 SEOやインバウンドマーケティングのコミュニティに、こんな考え方が広がってきている。 SEO担当者にできることは、もはやコンテンツの制作とコンテンツマーケティングしかない。 だから僕たちは、コンテンツを制作し、マーケティングを開始し、アウトリーチを行い、コンテンツへのリンクの獲得に務めるというわけだ。 これは、SEO担当者に求められる仕事をあまりにも過小評価している――本当

レスポンシブにデザインしたサイトを作った際に役立ったこと（主にスマホ対応）を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディスプレイから指定する方法です。 /* デフォルト：1024px以上用（PC用）の記述 */ @media screen and (max-width: 1023px) { /* 1023px以下用（タブレット用）の記述 */ } @media screen and (max-width: 767px) { /* 767px以下用（タブレット／スマートフォン用）の記述 */ } @media scre

ランディングページ（LP）では、売り出したい商品・サービスの訴求を行い、コンバージョン（成約）まで完結させることを狙います。 参考：【ランディングページとは│10分で理解できるＬＰの基本】 売上を上げるための重要な役割を担うページであるため、成約を意識した内容でないといけません。 【保存版】ランディングページ構成の王道パターン3選 しかし、成果につなげるためにどのようにランディングページを作ればいいかわからない方も多いのではないでしょうか。 今回は、そんな方のために、成果を上げるランディングページを作るために押さえておくべきポイントをご紹介いたします。 ランディングページ作成前に準備するべきことランディングページ（LP）について理解が深まったところで、作るためにまず準備すべきことを紹介します。 冒頭にも書きましたように、ランディングページは狙うべきターゲットを定めて、そのターゲットを口説き

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.

こんにちわ！ 小学生低学年の頃、給食係で肉団子入りスープを配っていると当時担任だったとても優しい先生に「肉がすくねぇじゃねぇか！」とマジギレされ泣いたことがあります。 その時大人の怖さを知りました。メディア事業部のきょうへいです。 本日はGoogle Analytics（以下、Analytics）についての記事を書かせていただこうと思います。 Analyticsは無料で使える解析ツールであるにも関わらず、高機能なアクセス解析機能があるのでとても重宝しています。 ただ、気になるのはユーザーがどのようなキーワードで検索したかを調べる時に表示される(not provided)というキーワードです。 この(not provided)というキーワードが、ある時期からオーガニック検索キーワードの大半を占めるようになりました。 それ以来、ユーザーがどのようなキーワードで検索してサイトに訪問したかを知

どうも〜こんにちはぁ！ Web制作者として日々勉強中でありますライターの、のび太です。 先日「Webが学べる海外サイト10選」をご紹介させていただきましたが、もちろん国内サイトでも、Webに関してガッツリ学べる有益なブログはたくさんあります。 国内サイトでは、およそ80ぐらいのWeb系ブログをRSS購読させてもらっていますが、今回はその中でも厳選に厳選しまくった「これはWeb屋なら絶対必須でしょ！　もはやお金取られてもいいレベルや！」って感じた10個をみなさんにシェアしたいと思います。 また、大変恐縮ながら、個人的にベスト3だと思った記事（特に有益だと思った記事）も一緒にご紹介させていただきます。 【こちらもおすすめ】 ☞ Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 Webクリエイターボックス http://www.webcreatorbox.com/ あまりにも

By etaKate マーケティングにおいて「色」の果たす役割は非常に大きく、「購買行動の9割を目から得た情報によって決定している」という研究結果があるほどで、色をいかに上手く使うかがマーケティング成功のポイントの1つです。企業は実際のところどのように色を使っているのか、それはどのような効果を生んでいるのか、SNS専門のコンサルティング会社Bufferのレオ・ウィドリッチ氏が実例を使ってまとめています。 Why Facebook Is Blue: The Science of Colors in Marketing - The Buffer Blog http://blog.bufferapp.com/the-science-of-colors-in-marketing-why-is-facebook-blue 多くのウェブサイトや企業のロゴイメージにおいては、ある明確な目的があってその目

毎日毎日、「ユニークユーザー」や「PV」だけを見て、 検索キーワードなんか見ながら「あ～増えたな～。」とか「あ～減ったな～。」なんて思っていても何も前に進みません。特にアフィリエイトやビジネスサイトでは上手くいっている時は良いですが、突然悪くなった時に 「何が原因なのか？」 という事をしっかりとデータとして見ていかないと何も対応が出来なくなります。 今回は、サイトを運営していく上でとても重要な設定を紹介していきます。 photo credit: echerries via photopin cc スポンサーリンク まずは、管理画面を見易くしよう 基本的に、アナリティクスの表示は「URL表示」なので、見にくいです。これをURLではなく、以下の様に「タイトルの名前」に変更しましょう。 アナリティクスでページのタイトルを表示する方法 「アナリティクス設定」の「ビュー」より「フィルタ」をクリック

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

知り合いの会員制サイトの作成を手伝っています。 会員さんのお店専用のページをつくって、会員さんがお店のページを各々自由に更新できるサイトを立ち上げたいとのこと。 WordPressを導入して個別に更新できるようにしました。条件は 投稿画面をわかりやすく。フォームを埋めていくとページが出来上がるようにする 文章だけでなく、画像もアップロードできる ほかの会員がアップした記事や画像を見たり、修正できない です。備忘録としてまとめました。 基本は「寄稿者」で、足りない機能を追加していく 会員さんに与えるアカウントは「寄稿者」にします。自分の記事を作ることはできますが、他のアカウントの記事を修正することはできません。今回の用途に近いパーミッション(権限範囲)を持っています。 しかし、このままだと今回の条件には合わない部分があるので、カスタマイズをしていきます。 シンプルなダッシュボード 寄稿者でも