作成者別アーカイブ: dream-net

dream-net の紹介

Dream-net Design代表 竹内慶の個人ブログです。 ホームページの実績やSEO情報、ホームページ制作の祭の豆知識やメモ、個人的なつぶやきを書いてます。気になったらメッセージください。超気さくです(笑 【オフィシャルホームページ】 http://www.dream-net.org/ ☆運営サイト ファッションマニア http://www.discuss-it.net/ ビジネスINDEX http://business-index.jp/ CURALA http://www.curala.com/ BOWMART http://e-petcare.net/ その他多数

便利なWeb系オープンソース Web上には、無償とは思えないほど優れたオープンソースのソフトウェアがたくさん公開され、その数はますます増えつつあります。柔軟性が高くてカスタマイズも自在。ビジネスレベルで十分に使える優れた機能を持っています。 今回は、使いやすくて高機能な ... 続きを読む⇒
書体が与えるイメージについて Webサイトでも印刷媒体でも、商品やサービスのイメージアップにはフォントがとても大切な役割を果たします。写真やイラスト、キャッチコピーに優れたものを使っていても、ふさわしくないフォントを使っているだけで、見る側にイメージがうまく伝わらなかっ ... 続きを読む⇒
参考になるWebレイアウトをまとめました スマートフォンやタブレットなど、様々なデバイスが普及するにつれ、全てのデバイスに柔軟に対応し、ユーザーにとって見やすく扱いやすいレイアウトが求められています。 インターネット環境やネットの利用シーンが多様化する中、どのようなレイ ... 続きを読む⇒
DSP広告とは デジタル広告業界で注目を集めているのがDSP広告。しかし、DSP広告が広告枠や媒体の一種だと意外と勘違いしている方も多いのではないでしょうか。そこで、DSP広告DSP広告の基本的な知識やその特徴についてご紹介します。 ただし、上述したように、自動翻訳され ... 続きを読む⇒
「Googleウェブサイト翻訳ツール」を使ってWebサイトを簡単に多言語化 Webサイトを多言語化する際、Googleでは、自動翻訳ページがスパム扱いされる可能性を指摘しています。このことからも分かるように、できる限りは人の手によって管理された翻訳ページを用意することが ... 続きを読む⇒
多言語化する前に知っておきたいの7つのルール Webサイトのターゲットが国内だけでなく海外にもいる場合、サイトの多言語化をすることはとても大事です。ただし、最初に何の設定もせずに多言語化をしてしまうと、ページがスパム扱いされたりうまくクロールされなかったり、といったトラ ... 続きを読む⇒
Googleのペナルティの種類と解除方法 サイトを運営している人にとって、絶対に避けたいGoogleからの「ペナルティ」。ECサイトでは売上に直接関わる一大事ですし、一度ペナルティを受けてしまうと解除するのは本当に大変です。 運営サイトがペナルティを受けないためにはまず ... 続きを読む⇒
GoogleMap活用方法 地図を好みのデザインにカスタマイズする アクセスマップページにGoogleMapを埋め込んでいるサイトは多くありますが、サイトによってはMapのデザインを変えたい、という場合もあると思います。そこで、GoogleMapを簡単にカスタマイズする ... 続きを読む⇒
Google+ローカルページは削除できない!管理することが大切 Googleで企業やお店を検索すると、右側にGoogle+のローカル情報が表示されることは、多くの方がご存知だと思います。大企業であろうと個人経営の小さな店であろうと、実在の住所を持っていればほとんどの会社 ... 続きを読む⇒
デジタル広告業界で注目を集めているのがDSP広告。しかし、DSP広告が広告枠や媒体の一種だと意外と勘違いしている方も多いのではないでしょうか。そこで、DSP広告DSP広告の基本的な知識やその特徴についてご紹介します。 DSPとは DSPとは、Demand-Side Pl ... 続きを読む⇒
多言語化する前に知っておきたいの7つのルール Webサイトのターゲットが国内だけでなく海外にもいる場合、サイトの多言語化をすることはとても大事です。ただし、最初に何の設定もせずに多言語化をしてしまうと、ページがスパム扱いされたりうまくクロールされなかったり、といったトラ ... 続きを読む⇒
「Googleウェブサイト翻訳ツール」を使ってWebサイトを簡単に多言語化 Webサイトを多言語化する際、Googleでは、自動翻訳ページがスパム扱いされる可能性を指摘しています。このことからも分かるように、できる限りは人の手によって管理された翻訳ページを用意することが ... 続きを読む⇒
登録した会員だけにWebサイトを公開したいという場合に便利な「会員制サイト」。通常はプログラムでシステムを構築しますが、WordPressプラグインをうまく組み合わせて利用すれば、会員登録からログイン、権限設定、退会まで簡単に管理できる会員制サイトを作ることができます。 続きを読む 続きを読む⇒
企業やサービスのロゴを、クリック操作のみで簡単に作ることができるオンラインサービスをまとめてご紹介します。ここまで簡単に高品質なものが作れるようになったことはうれしいことです。
ブログや小規模な団体のロゴなどにもいいですね。 ダウンロードは無料ではありませんが、かなり安価に利用できるので、簡単にロゴを作りたいというときに利用してみてはいかがでしょうか。 続きを読む 続きを読む⇒
ギャラリーサイトやポートフォリオ、ブログまで幅広く使えるグリッドレイアウトを簡単に、しかも超軽量なスクリプトで実装できる「minigrid」をご紹介します。画面サイズが変わると自動的に並び直して、きれいに整列します。 続きを読む 続きを読む⇒
マテリアルデザイン仕様でサイトを構築したい、という方に向けたフレームワークをGoogleが無償公開しました。これらを読み込んで使うことで、マテリアルデザイン仕様として最適化されたサイトを手軽に作ることができます。素早くサイト制作ができるのはもちろん、モバイルフレンドリーなサイト制作にも活かすことができるのがうれしいですね。チェックしてみてはいかがでしょうか 続きを読む 続きを読む⇒
アプリを制作する上で参考にしたい、「マテリアルデザイン」。、実際にこれに基づいてアプリを制作する際にとても参考になるテンプレート集&無料素材集があります。マテリアルデザインのインスピレーションを得るには最適なサイトです。この中でも特に面白い素材をいくつかご紹介します。 続きを読む 続きを読む⇒
今回は、ユーザーの操作によって生まれるアニメーションについて考えてみます。アニメーションも、形やカラーと同様、基本はシンプル。 現実世界の物理の法則に従い、直接カードを操作しているかのような、自然で美しい動きを求めます。また、単に分かりやすさや操作のしやすさだけを追求するのではなく、楽しく面白い感覚を目と指先に与えてくれています。 続きを読む 続きを読む⇒
Googleのすすめるマテリアルデザインでは、色は紙の上に印刷されたインクとして考えられます。色相の差は大胆で鮮やか。一画面に使用する色数は少なくシンプル。基本的に5つのカラーで構成します。 続きを読む 続きを読む⇒
昨年からGoogleが提唱している「マテリアルデザイン」。一見するとフラットデザインと同じように見えて、何をもってマテリアルデザインなのか、わかりにくく思えます。 物理の理論に忠実に従いながら、ユーザーの操作に合わせてフレキシブルに形を変えることができるのが、マテリアルデザインです。 そこで今回は、マテリアルデザインの基本的な特徴や考え方についてご紹介します。 続きを読む 続きを読む⇒
コンテンツの区切りに水滴を落としたような、波打つエフェクトを見せてくれる「Raindrops.js」をご紹介します。ぽちゃん、と音がしそうな幻想的な効果が素敵です。波形のアニメーションは6種用意されています。オプションの数字を変えるだけで様々な水滴の感じを表すことができるので、興味がありましたら、ぜひ試してみてください。 続きを読む 続きを読む⇒
スライダーでパラメーター調節するだけで自分だけのオリジナルフォントを簡単に作れて、しかも無料でダウンロードできるオンラインサービス「metaflop」が便利です。「もう少し、ここがこうだったらいいのに」という細かな好みの違いで使えないとき、ぜひ試してみてください。 続きを読む 続きを読む⇒
少し前から注目されている「インバウンドマーケティング」。Webマーケティングでは主流になりつつある手法です。広告出稿費用をかけず、地道な努力で顧客を獲得するその手法は現在も日々発展しています。そこで今回は、インバウンドマーケティングとは?という基礎知識から実践方法までをご紹介します。 続きを読む 続きを読む⇒
CodePenには毎日、クールなアニメーションやエフェクトを実現する面白いコードがたくさん公開されています。新しいアイデアを試す実験的なコードもあり、目が離せません。今回はその中でも、CSSだけで実現するエフェクトをいくつかご紹介します。 コピーして使うのもいいですが、コードを参考に、新しいエフェクトづくりに挑戦してみてもいいですね。 続きを読む 続きを読む⇒
サイトのイメージを大きく左右するのは、やはり画像。そこで、サイト制作に使える無料の画像素材サイトをご紹介します。 そこそこいいイメージを無料でというわけではなく、驚くほどクオリティが高く、素人では撮る・作ることができないような高品質な画像を提供しているサイトばかりです。 続きを読む 続きを読む⇒
Photoshopで写真を油絵で描いたように仕上げるビデオチュートリアルが紹介されていました。再生時間は3分ほど。英語ですが、動画なので手順は分かりやすいです。解説とキャプチャを添えながら順を追って実践してみました。 続きを読む 続きを読む⇒
左右にスライドするコンテンツを、更にクリックでズームして詳細にみせてくれる「Zoom Slider」。コーポレートサイト、ブランドサイト、ポートフォリオなど、多様な用途で使えそうです。ieは10から対応しています。その他のブラウザには全て対応。画像をスタイリッシュに見せたいときに、使ってみてはいかがでしょうか。 続きを読む 続きを読む⇒
集客効果アップ!AIDMA、AISASの法則から見たランディングページの作り方 マーケティングを考える上で欠かせないのが「AIDMAの法則」。これは、広告宣伝に対する消費者の心理・行動プロセスを5段階に分けてモデル化したもので、次のように分類されます。 ①Attensi ... 続きを読む⇒
アカウントページとは、フォロワーに向けて配信するメッセージやPRページなどのコンテンツのほか、検索するユーザーにも広く公開できるアカウントページを作成できる機能です。 Webサイトの運営には手が回らない中小規模店舗のオーナーさんも、空いた少しの時間で配信や返信ができます。ぜひ活用してみてください。 続きを読む 続きを読む⇒
LINE@の「PRページ」を活用すると、通常のメッセージでは配信できない動画やURLにリンクしたボタン、クーポンなどのリッチな情報を盛り込むことができます。Webサイトで実装するには手間がかかるクーポンやアンケートもあっと言う間に完成。フォロワーにとっても手軽なツールなので、反応が集まりやすい点も魅力です。 続きを読む 続きを読む⇒