オウンドメディアで他社の先を行く、４つの基本
ユーザーの視点に立ったコンテンツを提供することで集客につなげるという、注目の新たなマーケティング手法「コンテンツマーケティング」。その器となる、「オウンドメディア」もよく耳にするようになってきた。 しかし、誰もが同じようなことを始めると、どう差別化していけばいいのだろう？ この記事では、まだコンテンツマーケティングを始めたばかりだったり、手を付けるべきか思い悩んでいる方に、誰よりもいち早く優位性を確立するための対策をご紹介する。 オウンドメディアとは？ 最初に、オウンドメディアの意味について簡単にご紹介しておこう。 オウンドメディアとは、文字通り自社が所有しているメディアのこと。広い意味でいえば、自社サイトはすべてオウンドメディアとなる。 WEBサイト上で、顧客や顧客候補にむけてスタッフブログやオンラインセミナー、専門家コラム、ソリューション事例などのコンテンツを公開することで継続的に情報
指定したウェブサイトで使われている配色・フォントを抽出してくれるサイト「Stylify Me」 | ライフハッカー・ジャパン
「Stylify Me」は指定したウェブサイトで使われている配色を抽出してくれるサイトです。ウェブサイトではさまざまな色が使われていますが、その色を抽出して一覧にしてくれます。「このサイトの配色を参考にしたいな」といったときに便利です。配色に加え、使われているフォントの種類も教えてくれますよ。 以下に使ってみた様子を載せておきます。まずStylify Meへアクセスしましょう。配色を知りたいウェブサイトのURLを入力して「Stylify Me」ボタンを押します。 するとこのように使われている配色の一覧が表示されます。ライフハッカーで使われている色は少なくシンプルですね。 さらに使われているフォントの一覧も作ってくれますよ。お気に入りのサイトの配色やフォント情報がまとめて手に入るので便利ですね。この結果をPDFで出力することも可能です。ぜひウェブサイトのデザインを考える際にご活用ください。
これで完璧！Webサービスの情報設計をカンタンにする設計用テンプレート完全版
はいこんにちは。最近なぜか風邪が治らないナカムラです。何食ったら健康になれるんでしょうか。誰か教えてください。 さて、サイトを作って！とザックリ投げっぱなされた依頼について、何を掲載するべきで何をどう設計するべきなのか。悩みますよねぇ・・・。 今回は日本ディレクション協会の人気講座「0からのWebディレクション講座：設計編」で、DCHSの高瀬さんが非常に分かりやすい見解と考えまとめ用のテンプレを公開してくれましたので紹介してみます。 以前からこのサイトでもその重要性についてブツブツ言っている感情設計についての考えとも重なる部分多めでしたので、両方読んでいただけると理解が深まるかもしれません。 感動設計テンプレート＆講演資料 ユーザーが感動するウェブサイトを実現するために必要な情報設計とは？ 高瀬さんいわく全てのWebサイト、サービスは「ユーザーを感動させるため」に存在しているし、そうあるべ
Webデザイン作成に必須のツール＆効率化できるサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー
最近話題になったイケてるWebサービス・アプリ10選（2013年6月編）
こんにちは。 6月ももうすぐ終わりということで、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 FIRST STEP 同時刻に一斉に投稿することによって、 選挙のお知らせを日本中に広げようというキャンペーン。 このサイトを使って事前に予約投稿（Facebook・Twitter）を行うと、投票日の前日（7/20）に「ネット選挙解禁後、歴史的な最初の選挙。みんなで投票にいこう。明日7月21日は投票日【投票に行く人を増やす-FIRST STEP-】」というメッセージが自動的に投稿されます。これはおもしろい仕組み。 キャッチコピーは「投票に行く人を増やす」 Lobi グループチャットアプリ「ナカマップ」というサービスが、名称をLobi（ロビー）に変えて登場しましたね。アカウント数が300万を超えたそうです。 好きな趣味や似た志向の人たちが集まって、グループをつくりおしゃべりす
多発するWeb改ざんに備えてinotifywaitによる改ざん検知を導入した
Webサイトの改ざん事件が多発しています。Webサイトに対する基本的なセキュリティ施策を実施していればまず被害にあうことはないとは思うものの、全ての手口が公開されているわけではないので、何となく「嫌な感じ」もします。 【参考】 Web サイト改ざんに関する注意喚起(JPCERT/CC) 2013年6月の呼びかけ 「 ウェブサイトが改ざんされないように対策を！ 」(IPA) @Police ウェブサイト改ざん事案の多発に係る注意喚起について(pdf) 5月から多発しているHP改ざんインシデントをまとめてみた。 - piyolog 当方のサイト（会社、個人）は、一通りのセキュリティ施策は実施しているつもりですが、絶対に改ざんされないかというと、改ざんされることは想定しておかなければならないと考えています。 当方のセキュリティ施策の例 FTPをやめ、sshのみで管理運用 sshのパスワード認証を
無料のスマホサイト作成ツール5個｜スマホ対応ホームページの作り方
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの？ その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか？ スマホ： 83.4% パソコン： 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。（詳しいデータはこちら） なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね！ こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト
Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】
契約書なしの口約束でお仕事を受けてませんか？ 自分はまだ駆け出しのフリーランスだから…… クライアントへ契約の手間を与えてしまうから遠慮しちゃう…… 契約とか法律とかよくわからないから…… などなど、理由は様々あるのかもしれません。 でも、契約書なしで案件を受けていると必ずいつかトラブルが起きますよ。 例えば、代金以上の労働を求められたり、お金を払わず逃げられたり。 ボクも12年間、ウェブ制作業に関わってきてますが、残念なことにこうした契約に関わるトラブルをいろいろと経験しました。 確かに、契約書を自分で作るのは難しいです。行政書士へ契約書の作成を依頼するとかなりお金がかかります。 でも、契約書がたった１枚あるだけで、クライアントと友好的な関係を長く築けるのも事実です。 この記事のタイトルには「モンスタークライアントから守る」と書きました。 実際は、契約書は制作を受ける側のあなただけを守る
Create a Responsive and Multilingual Website in 5 min with Edicy
2014年7月23日 便利ツール 以前、元お隣さんが「非WEB屋でもサイトが作れる驚異的サービス／『サイトを作る』という敷居がどんどん低くなっていると実感する物色々」という記事でWeb制作の知識がなくても簡単にWebサイトを作れるサービスを紹介してくれていました。HTMLやデザインの知識がなくても、テーマを選んでコンテンツを入力すればサイトが作れるサービスがどんどん増えていますね。今回は同様のサービスですが、より多機能な「Edicy」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ Edicyの特徴 動画を見てもわかる通り、Edicyは簡単にブラウザー上でWebサイトが作れるサービスです。 とにかく試してみましょう！ホームの「Try for Free」ボタンからアカウントを作成します。「.edicy.co」のドメインが取得できます。
WordPressのウィジェットを自作するためのTips
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
WordPressでモバイル専用テーマをカスタマイズする時に使ったいろいろ | NANOKAMO BLOG
どうも@kuroji1987です。 テーマ変更に伴って、モバイルテーマを作ってみよう（というかテンプレを元にカスタマイズしたのですけど）と思いたちまして、そのようにしました。 iPhoneから見ると縦長の「NANOKAMO BLOG」を見ることができると思います。こんな感じ。 とりあえず「ここまで」はできます！ 僕ができたんだから！ という事を伝えたいので、参考にした記事や工夫した点などをまとめて残しておきたいと思います。 テーマを2つ用意してプラグインで切り替える リキッドレイアウトとかレスポンシブデザインとか言われても僕にゃさっぱりわかりません。 もうちょっと手軽な方法は無いかなと探したところ、こちらの記事を発見しました。 WordPressのテーマを変更してスマートフォンサイトを作成。Media Queriesとどっちがいいの？ | Webクリエイターボックス 以前「Webサイトを
デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 | DesignDevelop
TOP > Design > デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 webサイト制作に欠かせないCSSですが、度重なるバージョンアップや活用方法の多様化で、常に新しい技術の習得が必要になります。そこで今回は、デザイン性の高い整ったフリーCSSテンプレートを集めた「20 Beautiful Free CSS Web Templates」を紹介したいと思います。 （Darkness Free Website Template | Free Website Templates | OS Templates） シンプルで洗練されたCSSや機能的なCSSなど、さまざまなCSSが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Web Templa
スマートフォン最適化サイトを構築するに使いたい、デバイスエミュレータ·Mobilizer MOONGIFT
MobilizerはBlackberry/iPhone/webOS/Androidのスマートフォンを模した最適化サイトチェックツール。 MobilizerはAdobe AIR製、Windows/Mac OSX用のフリーウェア。現在のスマートフォン市場ではAndroid、iPhone、RIMの三強になりつつある。さらにWindows PhoneやwebOSといったデバイスも参入し、チャンスを狙っている。まだまだ荒れそうな雰囲気はある。 起動した画面 さらにインターネットアクセスはデスクトップよりもモバイルのトラフィックが勝っている。これはスマートフォンへの対応をしない訳にはいかないだろう。そこでスマートフォンでのWebサイトの最適化具合をチェックできるMobilizerを紹介しよう。 Mobilizerを起動するとアドレスバーが表示される。そしてその横にはPhonesというリンクがある。ここ
ウェブページの高速化のために読んでおきたいサイトのまとめ
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた（公式発表） | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳
表示したサイトが"電子書籍風"になるアイデアサービス『Surfboard』 | iPad | iPad*iPhone Fan
このiOSアプリ＊サービスに学ぶ! 表示したサイトが"電子書籍風"になるアイデアサービス『Surfboard』 中津川篤司 2011/03/02 『このiOSアプリ＊サービスに学ぶ!』は、オープンソース情報ブログ「MOONGIFT」管理人の視点から捉えたiOSアプリや周辺サービスから、ユニークなもの、興味深いものをピックアップし、そのポイントを解説していきます。iOS(iPhone/ iPad/ iPod touch)デバイスの利用者、その環境向けのアプリやサービスを開発している方はぜひお読みください! 電子書籍の話題が毎日のように飛び交っている。その中心にあるのがアップルの「iPad」だ。出版社はApp Storeの購読型モデルに対して反発しているものの、強烈な魅力に引きつけられつつある。さらに個人でも「iBooks」を通じて販売できるとあって、新しいチャンスも生まれてきている。コンテン
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！ 追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
【コラム】Useful Web Applications (6) 自分のWebサイトを"ソーシャル"にするソーシャル・ツールバー3選 | ネット | マイコミジャーナル
最近はブログやWebサイトにツールバーを設置していることを時々見かけるようになりました。そんなツールバーの多くは、TwitterのツイートボタンやFacebookのLikeボタンといったソーシャルメディアとの共有機能を有しています。今回はこのようなソーシャルアプリケーションと連動した、無料で使える「ソーシャル・ツールバー」を3つ紹介します。なお、今回紹介するツールバーは、すべてJavaScriptコードが貼り付けられるサイトでの利用が前提となります。 Wibiya Wibiyaは日本のブログでもよく紹介されているソーシャル・ツールバーです。多言語対応(本稿執筆時点で37言語)となっており、日本語でも利用できるため、日本のWebサイトにもよく設置されています。テーマカラーは43種類のバリエーションから選択できます。 Wibiya ツールバーにはWibiyaで用意されている「アプリケーション」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
フリーランスのための全国Webサイト制作料金表
