いいね!ボタンの設置方法について説明しています。 また、OGP(Open Graph Protocol)を設定すると、ボタンをクリックされた時にFacebook上に画像付で表示させることもできます。 いいね!ボタンとは いいね!ボタンは、Facebook機能の一部で、さまざまなサイトで見かける以下のボタンです。 Facebookのユーザーがクリックすることで、他のユーザーがサイトを発見しやすくなり、URLをクリックすることで簡単にホームページを参照できるようになります。 サイトを訪れたことがないユーザーの目に留まる機会が増えるため、訪問者を増やせる可能性があります。 設置するのは無料なので、クリックしてくれる人がほとんどいなくても、設置しておいて損はないと思います。 いいね!ボタンの設置手順 いいね!ボタンは、以下の手順で設置します。 いいね!ボタンを作成する(必須) コードをHTMLに追

イオン、イトーヨーカドー。食品から衣料品や住居関連用品などを幅広く扱う総合スーパー（GMS）が苦しんでいる。 イオンのGMS事業は赤字が続き、コンビニ最大手「セブン-イレブン」が絶好調なセブン＆アイ･ホールディングスですら、イトーヨーカドーについては今後5年で全体の2割に当たる40店舗を閉鎖する方針を表明している。ユニーグループ・ホールディングスが、ファミリーマートとの経営統合に踏み出したのも、GMS「アピタ」「ピアゴ」の不振が背景の一つにある。 昨年の消費増税後、スーパーは二極化の様相を見せた。特徴を打ち出せないGMSが振るわない中、ライフコーポーレーションやヤオコーなど、首都圏を中心に展開する主要な食品スーパーは生鮮食品や惣菜に力を入れた結果、値上げの反動減をはね飛ばして業績を伸ばしている。 成城石井の利益率はスーパーの中でも突出 そうした堅調な食品スーパーの中でも異色の存在が、「成城

Webデザインや紙のデザイン、プレゼンや企画書、そしてイラストや同人誌などの背景やトレースでも無料で利用できる、使い勝手のよい高解像度の写真素材がダウンロードできるサイトを紹介します。 クレジット表記やバックリンクの必要がないので、非常に利用しやすいと思います。 写真: Stokpic ここで紹介している写真素材サイトの多くのライセンスはCC0 1.0で、著作権による制限を受けずに個人でも商用でも無料で利用でき、クレジット表記の義務はありません。 参考: CC0について 写真素材サイトを縦断検索 無料の写真素材サイト 写真素材サイトを縦断検索

始めに 自社のコーポレートサイトやサービスの紹介サイトなどを構築している方も多いと思いますが、なかなか綺麗に作るのが難しいですよね。 この時に役立つのが「Web制作サービス」や「CMS」ですが、簡単な操作性重視のものや複雑だけど作り込めるサービスなど様々なものがありますよね。 そこで今回はお勧めの「Web制作サービス」、「CMS」をご紹介します。 後半では、「Webサイト構築・運用支援」を行う企業もご紹介していますが、こちらは随時追記していきます。

最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。

7月10日の繊研新聞で、ファッション商品の14年度売上調査が載っていたので、備忘録も兼ねてデータのまとめと傾向について簡単に考えてみる。 こういうデータを見ると、やはり業界全体の傾向が出せてそれを自社と照らしあわせて見れるのってすごいなと思う。 さらに細分化されたオン/オフで取れるデータから全体、個体の傾向が見れる基板があると業界にとってためになるんだろうなぁ。 今回比較に参考にしたデータは一部のデータで、その他にも定期的に色んなジャンルのデータを出されているので、これを期に購読されてはいかが？ ☆ ★Facebookページでも情報発信しています。 https://www.facebook.com/echack17 ▼過去の記事 ▼繊研新聞のHP 繊研plus EC比率を算出して降順に並び替えてみた それがこちらの表。 7月10日の繊研新聞で公表された一部のデータから加工しています。 ＊2

WordPressの制作の準備、制作、公開、SEOやセキュリティやメンテナンスなど運用における、WordPressでサイトやブログを運営する際の大切なポイントをまとめたチェックリストを紹介します。 Killer WordPress Checklist: 101+ easy steps to launch your next website! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 チェックリストはインフォグラフィックにもなっており、元ページでダウンロードできます。 インフォグラフィックの一部 はじめに WordPressの制作準備時のチェックリスト WordPressの制作時のチェックリスト WordPressの公開時のチェックリスト WordPessのSEOのチェックリスト WordPessのセキュリティのチェックリスト W

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

プロジェクトを開始する前に、市場調査などで統計データを分析し仮説をたてる事は重要ですが、それらの調査対象が世界規模、全国規模になるとコストが掛かりすぎて（特に個人や中小企業の場合）現実的ではありません。 そこで活用したいのが国や団体、民間企業が公開している無料の統計データです。今日はそんなマーケティング担当者ならきっと必見の情報公開を行なっているサイトをご紹介します。 1. 総務省統計局 総務省統計局では様々な統計データが入手可能です。 国税調査 人口推計 労働力調査 小売物価統計調査 土地統計調査 このようなデータはPDF版が一般的ですがExcel形式でダウンロードできるのも魅力ですね。その他にも以下URLより数多くの統計データが入手できます。 また、統計局ではメール配信サービスも行なっています。興味のある方は登録をおすすめします。 www.stat.go.jp 2. 法務省 法務省でも

PHPカンファレンス関西2015での私のセッション「PHPに無いセキュリティ機能」のスライドです。 何が無いのか、知っていれば対応できます。 何が問題になっているのか、知っていれば対応できます。 セキュリティ対策は職人技敵（脆弱性対策をコード中に散りばめ、全体を把握しないと安全にできない作り方）ではなく、CERT/SANS/OWASPが推奨するセキュリティ対策を行い、エンジニアリング的（科学的、体系的な作り方）を行う方が簡単かつより安全、高品質なアプリケーションを作れます。 PDFをダウンロードしたい方はブログをご覧ください。 http://blog.ohgaki.net/missing-security-related-parts-of-phpRead less

Webデザインのセンスを磨くには、いいものをたくさん見て引き出しを増やすこと。 最近公開されたUIデザインのアートワークをDribbbleから紹介します。 人気が高いのは、写真をより魅力的に見えるようにレイアウトすること、またアニメーションを使ったユーザーを楽しませるインタラクションも面白いものばかりです。 各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。

新機能はセキュアなWebサイトにのみ提供し、セキュアでないWebサイトではブラウザの機能を段階的に利用できなくする、という方向性を打ち出した。 業界でWebのHTTPS化を推進する動きが強まる中で、Webブラウザ「Firefox」開発元のMozilla Foundationが、安全でないHTTPを使ったWebサイトのサポートを段階的に縮小する方向性を打ち出した。 Mozillaは4月30日のブログで、インターネットアプリケーションでの暗号化普及を呼び掛けたIETFやIAB、W3Cといった業界団体の動向に触れ、「HTTPSこそWebの進むべき道だという広範な合意がある」と指摘している。 Mozillaコミュニティでも論議を重ねた結果、（1）日程を決めて、以後は全ての新機能をセキュアなWebサイトにのみ提供する、（2）セキュアでないWebサイト、特にユーザーのセキュリティやプライバシーを危険に

大きな背景画像を使った魅力的なWebサイトを作ろう以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ 背景に動画を使った Web サイトの作り方 背景に大きな画像を使うメリット・デメリット大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、その Web サイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間が

デモページ Responsive（レスポンシブ） Adaptive（アダプティブ） Liquid（リキッド） Static（スタティック） Responsive（レスポンシブ） レスポンシブは、デスクトップ・スマホ・タブレットなど異なる解像度ごとにレイアウトを定義するのが特徴です。一見するとリキッドのように見えますが、表示サイズに応じて要素の幅のサイズやレイアウトが変化します。 デバイスごとに合わせた一種のリキッドレイアウトであると考えることもできます。 Liquidapsive: Responsive Adaptive（アダプティブ） アダプティブは、デスクトップ・スマホ・タブレットなど異なる解像度ごとにレイアウトを定義するのが特徴です。レスポンシブとは異なり、単にレイアウトを変えるだけではありません。ユーザーのコンテクスト（環境・状況・目的など）に応じて表示するコンテンツ（レイアウト）

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