ホームページ Category

ホームページを作成する際、テンプレートなどで配色のパターンを考えなくてはいけませんが、自分で考えるのは非常に時間がかかるものです。僕はうまいデザインのサイトに出会うたび、画像でキャプチャーしてコレクションしていますので、実際にサイトを作成する際には、その膨大なコレクションのなかから参考にすることもあります。

けれども、はじめて作成する際には、そういった参考になるサイトの蓄積はないと思いますので、配色の組み合わせを提案しているサイトから、違和感のない配色パターンをそのまま利用するのもひとつの方法かと思われます。そういったサイトは、著作権的な問題がクリアーされていますので、そのままホームページで利用しても問題ありません。

「color pallet」などで検索するといろいろヒットしますが、ユーザー参加型のサイトで、できあいの色の組み合わせが提供されているタイプを参考にしてみると便利です。

例えば、以下のようなサイトがヒットします。

■Color-hex
http://www.color-hex.com/color-palettes/

■coolors
https://coolors.co/

■COLOURlovers
http://www.colourlovers.com/palettes

また、自然に存在する美しい風景画像などを元に、配色の組み合わせをピックアップしているサイトもあります。

■design seeds
http://design-seeds.com/

■Color Palette Ideas
http://colorpalettes.net/

どちらかというと、後者の自然に存在する色彩の組み合わせからピックアップした方がしっくりした配色パターンになる印象があります。色彩学における理論的な面から機械的に配色を組み合わせるというのは、確かにぶなんな配色にはなりますが、そこに魂を揺り動かすような感動はありません。

配色の美しさは自然のうちに宿るものだと思いますし、美しいと感じる人間の感性を通すプロセスが絶対に必要なのではないかと考えております。もし、ホームページの配色のデザインで迷った際には、ネット上で美しいアーティスティックな画像を検索し、そこから色彩コードを抽出する方法で組み合わせを考えるとよいと思います。

ホームページ作成の基本として「HTML＋CSS」の習得があげられますが、この二つはセットになっており、両方の知識がないとサイトを作成することはできません。一方で、JavaScriptの習得は必須ではないものの、こちらもウェブ作成における重要な要素といえます。

使用方法としては、「HTML＋CSS」で作成したサイトの一部として、JavaScriptを使用するというニュアンスになります。メインディッシュが「HTML＋CSS」とすれば、JavaScriptはスパイス的な要素ともいえるでしょう。

「HTML＋CSS」 > JavaScript

サイト内で画像を順番に表示させたいとか、あるいは広告を表示させたいとか、アラートを表示させたいとか、JavaScriptは「HTML＋CSS」のサイト本体があってこそ成り立つものですので、JavaScript単体では機能しません。

■JavaScriptの利点

JavaScriptの利点は、サイト内の１部のみを独立させることが出来る点にあります。

例えば、サイト内で文章と100枚の画像を表示させる場合、１ページに１枚づつ画像を貼り付けると100ページ分が必要になってしまいます。また、１ページに100枚を貼り付けるとすると読み込みに時間がかかりますし、表示するにはサムネールなどを使用しなくてはいけなくなります。

そのような時、画像をJavaScriptで表示させるようにすれば、ボタンなどを使用してその箇所のみを更新させることができるので、いちいちサイト全体を更新して読み込む必要がなくなります。

サイトのなかで、画像や広告など、その箇所のみを切り離すことのできる点がJavaScriptを利用する利点としてあげられるでしょう。

習得の難易度でいえば、「HTML＋CSS」はプログラミングコードというには微妙な面もありますが、JavaScriptはよりプログラミングに近い形のコードになりますので、習得するには多少、時間がかかるかもしれません。

「HTML＋CSS」をある程度マスターしたのちに、JavaScriptに手を付けるようにするとよいでしょう。

ぼくはHTMLとCSSだけで、Javascriptを利用することはほとんどないのですが、たまに必要に迫られて書くことがあります。ただ、オフにしている人もいるので基本的にはほとんど使いません。

けれども、最近はスマートフォン用のサイトではコンテンツを圧縮する必要が出てきましたので、htmlとcssでの静的なサイトに加え、サイトを動的に展開させる必要性が出てきました。スマホの小さなスペースを有効に活用するため、メニュー部分のコンテンツを圧縮しつつ、必要に応じてページを読み込むことなく展開させるという方法です。

このページを読み込むことなしに、ページ内の１部分だけを変更させるにはJavascriptを使用するということまでは理解していましたが、具体的にこれを活用するとなると膨大な知識の量が必要だったため、今までは敬遠してきたわけです。

けれども「jQuery」というのがあるらしく、これを活用すれば、比較的簡単にJavascriptを利用できるようです。他サイトを見てみましても、たいていはこのjQueryを利用しているケースが多いと思います。

今までぼくは誤解していたのですが、jQueryなどのJavascriptは、そのサイト運営者がコードを一からすべて書いているものとばかり思っていました。こんな膨大な量のコードを書けるなんてすごいな、自分が書くとなれば、けっこうな時間がかかりそうだなとおもっていたのです。

けれどもこれ、実際はライブラリー化されているものを活用しているみたいなので、Javascriptを一からすべて書く必要はないみたいなのです。このライブラリー化されているネット上の共有財産みたいなのがjQueryですが、jQueryの「J」はJapanのジェイではなく「Javascript」のJだったみたいです。

とりあえず、スマホのグローバルナビゲーションの部分をjQueryで簡略化しようと思っているのですが、この方法についてただいま勉強しているところです。

最近、訪問者の方からウェブサイト修正のご相談があり、費用をとるべきか、有料で対応すべきかで悩んでおります。個人サイトの引越をしたいとのことで、ある程度のページ数があるサイトなのですが、サイトの構造を大幅に変更する必要があるので、正直、面倒くさくてやる気がしません。

非常に多いご相談は、無料ホームページスペースで作成していたものの、独自ドメインでサイトを運営したいというケースなのですが、その引越を行うにあたり、どのようにするのかで悩んでいる方が多いようなのです。

ただ、人様のサイトを修正するのでしたら、自分のアフィサイトを修正した方がぜんぜんよいですし、１万、２万の費用でやるのも気が向かないのです。

ただ、せっかく訪問された訪問者様は大切にしたいという気持ちもありますし、無償で対応しようか、費用をとるべきかで悩んでおります。

この点、サイト作成については、なんでそんなに費用がかかるのか？と疑問に思う方もいらっしゃるようなのですが、これは費用がかかって当然です。

１サイトを引越しするのに、２，３時間で済むわけはないですし、たいていは１日がかりとかになってしまうものです。ウェブデザインについても、オリジナルの案を出し、メール対応も何度か繰り返す必要がありますので、１万、２万でしたら正直、時給千円でバイトしていた方がまだマシです。

つまり、コストがかからず、原価ゼロで対応できる仕事なのに、何でそんなに費用がかかるのかという認識の人が多いのですが、人件費のみでも数千円程度で対応できるものではないのです。コストはかかりませんのでゼロ円でもできますが、自分の時間を使って対応するわけですし、サイトをうっかり消失してしまうリスクもある以上、時給２千円程度は最低限は頂く必要があるのです。

リダイレクトに失敗してアクセス数がゼロになったとか、あるはずのファイルを消失してしまったとか、検索順位が大幅に下落してしまったとか、そういったリスクを抱えた上での依頼になりますので、神経と気を使う必要があり、普通はお金をもらえるとしてもやりたくはないのです。

自分のサイトを修正して、アフィで稼いだ方がよっぽどいいです。

そのような次第で、無償でやる人もいるのかもしれませんが、ボランティアは止めた方がよいです。きっちりお金をとるとこはとらないと、自分が苦しくなってしまいますのでそれはよくありません。自分がやったことに対する報酬を頂くのは当然のことであり、無償での対応は自分のスキルに対する冒涜です。

できるだけ、ボランティアでやるのは避けた方がよいと思います。

現在、WindowsにPhotoshopをインストールして使っているのですが、グラフィックデザイン系の人たちはなぜかMacを使っているケースが多いように思います。この理由が現在でもよくわかりません。

たぶん、おしゃれとか、ビジュアル的な要素が大きいのだろうとは思いますが、もともとPhotoshopはMac用に作られていた経緯があるようなのでMacとは相性がいいらしいのです。

その他で考えられる理由としては、レティーナディスプレイなどMacの液晶モニターの方が画質がきれいなため、グラフィック関係の仕事をする際に繊細な色の違いを把握しやすいのだろうと考えておりました。

または、adobeソフトとMacの相性がよいため、ツールがさくさく動くのではないかという気もしておりましたが、ソフトの動作の速い遅いはパソコンのメモリとかビデオカードの性能とかに依存しますので、windowsだからとか、Macだからという理由で動作がはやくなるわけではないと思います。

現在、windowsで使ってはおりますが、ごくわずかではありますが、動作が重くなって微妙にぶれてしまう時があります。カクカクまではいかないのですが、超なめらかというわけでもないのです。

iPhoneとアンドロイド系のタッチパネルでは、スクロールする際の滑らかさに微妙な違いがありますが、もし、そのような微妙な違いがPhotoshopでも出てくるのなら、Macにインストールして使ってみたいと考えてます。

最近はパッケージ版ではなく、クラウドタイプになったようなので、MacでもWindows でも2台までインストールできるようになったみたいです。ノートパソコンでmacbookを持ってますので、今度、そちらの方にもインストールして使い心地を試してみたいです。