企業の広報やマーケティング活動の一環としてTwitterを運用することが一般的になりました。新商品のリリース情報だけでなく、ユニークなネタを投稿したり、ユーザーとのコミュニケーションを積極的に行っている企業もあります。 自社のTwitterアカウントも活用しようと検討している担当者もいるのではないでしょうか。とはいえ、具体的に何を投稿したら良いのか、どうやって運用するのか、運用開始時はわからないことも多いはずです。 今回は、Twitterで人気を集める企業アカウントを28種まとめました。業種別に分けているので、自社のTwitterアカウントの参考にしてみてはいかがでしょうか。 製造小売メーカー系Twitterアカウント7選 1.シャープ株式会社 ヘルシオをレンジしか使わないのはあまりにもったいないので、使いこなしのコツ10個にまとめました。とにかくヘルシオを持ち腐れしてる人は読んでください

絶対単位のpxをはじめ、%, em, remなどの相対単位、vw, vhなどのビューポートの幅と高さに基づいた単位などが、お互いにどのように変換されているかが分かる便利ツールを紹介します。

【2019年】メニュー(飲食店等)のデザインを任せるならどこにする？【47社料金一覧】 2019.01.21 カタログ 飲食店にとってメニュー表はその店を映す鏡といえるかもしれません。たかがメニュー表と思われがちですが、メニュー表はお店の売上にもかかわるキーポイントです。 メニュー表がお店の雰囲気と合っているだけでもお客様に安心感を与えますし、年配者の方でも見やすいよう文字や写真を詰めすぎず配慮するだけでもきちんとお客様について考えていることを伝えるメッセージとなります。 ただそこから更にお店のターゲットにしている層や価格帯にあったデザイン等、 幅広く対応したメニュー表を作ろうと思うと素人には難しい部分もあります。 そこで今回はこうしたメニュー表のデザイン・制作を手掛けてくださる会社を47社まとめてみました。 飲食店を経営していてメニュー表をもう一度見直したい方など、たくさんの人に見てもら

mojimo-manga（もじも まんが）とは？ あのマンガの、あのアニメの、 あのフォントが使える！ アニメやコミックなどで見かけない日はない、Fontworksの書体たち。 デザイナー・イラストレーターの方をはじめ、趣味で創作活動を行っている方、 同人誌を制作されている方に最適な書体をセレクト。 36書体が、定額制で自由に使えます。 Fontworksとアニメ・コミックとの 深いつながり 『新世紀エヴァンゲリオン』のタイトルカットなどで特徴的に使用され大反響を呼んで以来、 アニメやゲームなどのデジタルコンテンツへのご利用が瞬く間に広がりを見せたフォントワークスの書体。 近年ではさらに、コミックやライトノベルの装丁など カジュアルな用途でもお使いいただける、表現力豊かな書体が揃っています。 フォントコラムマティス-EB 新世紀エヴァンゲリオンで行われた文字表現 ※本書体はmojimo-m

mojimoとは？ ちょうどいい文字を ちょうどいい価格で 「mojimo（もじも）」は、フォントワークスが提案する、フォントの新しいサービスです。 「ちょうどいい文字を、ちょうどいい価格で」をコンセプトに、 特定の用途ごとに最適な書体、最適な価格を実現しました。 定額制プランでご提供します。 あなたにぴったりフィットする ちょうどいい書体をパックにしました 人それぞれ、目的やシーンによって、文字の表現は異なります。 表現したいことが違うのに、みんな同じフォントでは、表現の幅も狭まります。 いまあなたが作ろうとしているもの、伝えたいことに最適なフォントのみを 目的ごとにセレクトし、専用のパックにしました。 定額制で、 好きなときだけ、好きなものだけ。 これまでフォントは、「プロのためのもの」というイメージが強くありました。 mojimoは、目的に合った最適なフォントを、使いやすい価格帯でご

ここ数年、コンテンツマーケティングという手法は急速に浸透し、一般的な手法になりました。 最近では、今までWeb領域のマーケティングに取り組んでこなかったような一般の企業も取り組み始めている分野です。 このような急速な広がりを見せた理由として、その間口の広さが挙げられます。 どんな会社でもコンテンツとなるベース、すなわち商品やサービス、それらの背景というものは必ず持っているはずで、それを深堀りしながら伝えていく手法は、今までWebマーケティングに触れたことが無かった方々にも受け入れやすくなっています。 しかしそのような広がり方をしたため、始めたは良いものの、そこから先、具体的にどう運用していけば良いのかわからない、というような事になりがちです。 今回は、私たちが支援させていただく過程でよく接する、コンテンツマーケティング開始直後の効果測定の考え方について紹介します。特に、コンテンツマーケティ

通常これまでは、1px のボーダーのグラデーションを実現する際、背景画像を用意して［background-image］プロパティを利用するのが一般的な方法でした。 しかしレスポンシヴ・デザインやスマートフォン対応のWebサイトの構築などにより、この方法では相応しくないケースが多くなってきました。 何か他の方法を探して代替しなければなりません。 さて。ここでブレイクスルー。 今回は［CSS3］のテクニックの１つとして、ボーダーのグラデーションを、画像を使わずに CSS のみで表現する方法をご紹介します。 まずはサンプルをご覧ください。 綺麗なグラデーションになっていますね。 ボーダー・グラデーション：サンプル HTML の記述は以下のように。 <div id="sample"> <p>このボックスの枠（border）を、CSS3 のテクニックを使ってグラデーション化させます。</p> </d

CSSで枠線にグラデーションをかける方法を3パターンまとめました。たまにやる時に毎回良い方法がないか調べてしまうため、備忘録に。 【前提】borderプロパティにグラデーションを指定する方法はない 2017年1月現在、CSSのborderプロパティではグラデーションを実現することはできません。なので、疑似的にグラデーションの枠線を表現する方法を考えることになります。 【方法1】背面要素の背景をグラデーション 一番スタンダードな方法で、ググるといっぱい出てきます。入れ子にした要素のbackground-colorでボーダーっぽく表現します。 要素を入れ子にする 背面の要素をグラデーションで塗りつぶす 前面の要素を背景色（白とか）で塗りつぶしす デモ サンプルコード

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

Yahoo!キーワードアドバイスツールを効果的に利用できているでしょうか。 Yahoo!キーワードアドバイスツールの使い方は、各キーワードの出稿料金や推定平均CPCの調査、広告予算の算出など多岐にわたって活用できます。 その他、キーワードの競合性や検索ボリュームの調査が行え、広告戦略だけでなくSEOやコンテンツマーケティングにも応用可能です。 なぜなら、コンテンツを作成していく上で重要になっていくのが検索キーワードの選定でもありますので、対策キーワードと作成するページの内容を決めておく必要があるからです。 Yahoo!キーワードアドバイスツールを使うことで、あらかじめキーワードを選定し、そのキーワードの検索ボリュームや競合性を知ることで対策キーワードが有効なのか事前に予測を立てることができます。 今回は、Yahoo!キーワードアドバイスツールの基本的な使い方をまとめました。 「Yahoo!

海外デザインブログDesignmodoで公開された「20 Websites that Prove Gradients are Making a Comback」より許可をもらい、日本語抄訳しています。 フラットデザインの時代が終わりを迎えています。すべて一緒になくなるわけではないですが、すこしずつ始まっているようです。もっとも大きな証拠として、グラデーションを使った新しいデザイントレンドが生まれています。Web2.0時代よりも、ウェブサイトに淡い繊細なグラデーションを採用しています。 本音を言うと、またグラデーションが人気だなんて！、という気持ちですが。 今回は、グラデーションを有効的に利用した、ウェブサイトデザイン20種類をまとめています。とても繊細なグラデーションから、ポップで鮮やかなデザインまで揃い、あなたのデザインプロジェクトを面白く、魅力的に仕上げる新しい方法が揃っています。 詳

カラーリング、配色の参考にしたい美しいCSSグラデーションカラーをあつめたギャラリーサイトuiGradientsが、個人的にデザイン制作で役に立ったので、備忘録的エントリーとしてご紹介します。 画面いっぱいに表示されるスライダーから、お気に入りのグラデーションカラーを見つけたら、画面左下に表示されている「Get CSS Code」をクリック（Enterキーを叩くキーボード操作も可能）。CSSコードが表示されるので、「Copy to Clipboard」でコピー完了です。 デイ・トリッパー（Day Tripper）やモヒート（Mojito）、ジューシー・オレンジ（Juicy Orange）などネーミングも素敵ですよ。

a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

X（Twitter）の「モーメント」機能が使えなくなった、というユーザーの声を聞いた方も多いのではないでしょうか。いわゆる「まとめ」をツイートで作れる機能でしたが、2022年12月にX（Twitter）から機能の廃止が発表されました。今回はX（Twitter）モーメントの廃止の理由、さらにそれに代わるサービスについて解説します。 本記事は企業のSNSマーケティングを包括的に支援をしているガイアックスが解説しています。運用実績10年以上、大手企業を中心に累計1,000社以上の運用実績があります。 SNS運用、SNSキャンペーンに興味のあるご担当者様は、ガイアックスにご相談ください。 ※編集部注 2023年6月21日：最新情報をもとに加筆修正しました。 2017年6月8日：最新の事例を追加しました。 ■目次 X（Twitter）モーメントとは？ X（Twitter）モーメントは廃止 X（Twi

キーワードには検索ボリュームや競合の強弱、ユーザーの検索意図など様々な要素が含まれていて、これらを簡単にチェックできるキーワードツールが数多く公開されています。 そもそもSEOで上位表示させ、右肩上がりでトラフィックを伸ばしていくには、質の高いコンテンツがとても大切ですが、その元となる需要のある検索キーワード・頻繁に検索されるワードを選ぶことも非常に重要なポイントとなります。 確かに検索ボリュームの多いキーワードで上位表示させるのが理想であって、まずはそういった検索数の多いキーワードを探したい…と考えている方も多いはずです。 しかし検索回数の多いキーワードの場合、当然競合も多い傾向にあるので上位表示させること自体難しくなってきます。 そのため、競合が少なく・意外と検索されているキーワードを探したいと思っているのではないでしょうか？その方が楽に上位表示できて集客にも繋がりますし、キーワードに

ホームページのことを中心にためになるかもしれないことをいろいろと書いています。 ホームページ制作のことからSEOや広告、マーケティングの話まで思いついたことを語っています。 大阪のホームページ制作YCOMトップ ホームページ運営ブログ レスポンシブデザインでのホームページデザインは写真画像がデザインのキーを握ります。 かつてWeb2.0とか言われた時のようにボタンとかその他の装飾は使われなくなった。 より写真の重要性が増しています。 レスポンシブデザインにおいて画像の配置というのは、 単に写真を配置するだけなら、width:50%のように写真に幅を指定してやれば画面幅に従って画像が拡大縮小されるので簡単です。 もちろん高さも画像の縦横比を損なうことなく自動でリサイズされます。 ですが、背景に画像を含むdivのようなブロック要素などは縦幅は自動で調整されません。 どういうことかというと、 こ