Chibabiz.com
千葉県企業の情報サイト
〈チバビズドットコム〉

HOME ぴかいちば チバビズ探訪 ちばのたね ホームページ道場 バックナンバー チバビズ・マルシェ
ホームページ道場
ホームページ道場
外注窓口・制作担当者のための制作情報、
ホームページ運営に必要な知識と技術を
チバビズドットコム制作委員会がご紹介します。

ホームページ道場
バックナンバー(73~84)
Googleアカウント
ホームページ道場
1.Googleアカウント
Googleは、『Googleマップ』、『Googleカレンダー』、『Gmail』、『Googleアナリティクス』、『サーチコンソール』、『Blogger』、といった沢山のサービスを提供しています。
スマホではandroidであれば、ブラウザとして『Google Chrome』、アプリの管理ツールとして『Google Play』など、Googleが関係するツールを何も意識せずに使用しているでしょう。Googleアカウントは、これらのサービスを使用するのに必要なアカウントであり、無料で作成することができます。
2.Googleサービスの利用
Googleアカウントの作成が済むと上で挙げたようなサービスを無料で使用することができます。他のフリーメール系アカウントと同様にアカウントを作成すると、そのアカウント専用のネット領域が確保され、各サービスはブラウザ上で使用することが可能になります。この概念を理解するのに分かりやすいのがGmailです。メールは通常はPCやスマホなどで受信して、機種に保存されたメールデータで返信や転送といったことを行っていますので、機器で受け取って送っているというイメージです。対してGmailで受信したメールは機器には保存されておらず、ネット上のメールボックス内に存在します。
スマホなど手元にある機器でGoogleアカウントでログインすれば、どこでもメールを読んだり返信したりすることが可能です。つまりツールに対応しているブラウザとネット環境さえあれば、場所を選ばずにメールのやりとりが行えることになります。
3.Googleアカウント利用時の注意
アカウントを作成すると各サービスを使用できます。この際に単独のアカウントで全てのサービスを利用している場合は、仮に漏洩した場合は全てのサービスを触れてしまうことにも繋がります。対策として、ログインできる端末の限定や二段階認証を取り入れることで、もしアカウント情報を他者が不正に入手できてしまった場合でもログイン出来ないようにすることが可能です。
手間にはなりますが、リスクを分散させるためにサービスごとにアカウントを分けるという考え方もあります。分けるかどうかについては各サービスで使用している情報の重要度や携わる関係者の都合なども判断材料になります。
Googleアカウント(Googleサービス)はPCやスマホを使用するうえでとても便利なものです。各サービスの特性が理解できればビジネス上でも役立つ機会は多いでしょう。目的を実現するためのツールとして活用しましょう。
次回は、Googleアナリティクス組込についての情報の掲載を予定しています。
(2024/03/08)
Webシェル
ホームページ道場
1.Webシェルとは
シェルとは利用者とカーネル(OSの中核)とを繋ぐ役割を果たして、間接的にコマンド操作を可能にするようなプログラムを指します。WebシェルはWeb上で動作するシェルプログラムの総称で、様々な⾔語(PHPやPerl、Python)で作成されています。
一度サーバに設置されるとバックドア(不正に侵入するための入口)として機能して、自由にサーバ処理のコマンドを実行されてしまいます。その結果サーバに保存されている情報の漏洩やサーバの機能停止など様々な被害が発生する可能性があります。
2.主に狙われる対象
大量のプログラムで構成されるCMS、その中でも利用者が多いうえに脆弱性が問題になることが多いWordPressがサーバに入っているところからの報告・相談が多い傾向があります。
大手であるMicrosoftのサービスも狙われたりもしていますが、オープンソースであり強力なサポート体制があるわけではないWordPressは特に狙いやすく、一般の方では必要な対策が困難なため、被害にあう数は多くなっています。
3.影響
バックドアとして機能して自由に出入りが出来てしまうため、サーバに接続したりログインしたりする必要もなく外部からコマンドを実行することが可能になってしまいます。
具体的には偽のページをサーバ上に追加したり、悪意のあるページへ誘導したりするためのPHPを追加するなど、本来の管理者の意図とは関係なく、不特定多数のユーザに対して被害を与えてしまう行為が出来てしまいます。
Webサイトを活用しているほど、一度仕込まれてしまうと被害はとても大きなものになるでしょう。安易にCMSが導入されているサイトも多いですが、こういったことへの対策として最新の環境維持の徹底が必須であることは理解しておきましょう。
次回は、Googleアカウントについての情報の掲載を予定しています。
(2024/02/09)
データベース
ホームページ道場
1.データベースとは
関連し合う情報を効率よく管理できるデータ構造・仕組みです。これだけでは分かりにくいと思いますが、見た目で言えばエクセルの表のようなデータが沢山あって、お互いをリンクして参照しあっているようなイメージです。リンクしているので、共用しているデータ部分を編集したり追加したりすれば、各々に反映されます。
データベースへの基本処理としては、『抽出』・『編集』・『追加』・『削除』といったものがあります。
そのデータは通常はHTMLやCSSのようにFTP接続した領域では見えません。その為、FTPアプリケーションでデータの単純移動を行うようなことが出来ません。
2.Webサーバのデータベース
OSの環境やシステムの処理方法などによって、対応するデータベース言語は色々な種類がありますが、現在Webにおいて一般的な言語の一つが『MySQL』というデータベースです。Webサイトから操作をするにはプログラムが必要ですが、MySQLと相性が良いと言われているのが『PHP』です。それを物語るように、この2つはサーバのスペックを確認すると必ずといっていいほどバージョン情報があります。
データベースの設定やユーザ登録、テーブルの操作などをブラウザから行える『phpMyAdmin』というツールがサーバにインストールされていれば、より視覚的に確認することも可能です。ただ、手作業での直接操作になる為、誤って丸ごと消してしまうといった大事故も有り得なくはないのでエクスポートなどによりバックアップをとってから操作するなど慎重に取り扱いましょう。
3.Webでデータベースを必要とするケース
Webサイトにおいて、申し込み情報や注文情報といった何らかの情報を『記録・保持』しておくためにはデータベースが必要になります。CMSも記事情報や管理ユーザ情報などを記録・管理することになりますので、同様にデータベースが必要です。
データベースが使用できるサーバ環境でなければ、上記のような仕組みは導入できない為、導入が必要なのであればサーバ移転やプラン変更といった対応が必要になります。移転する際にはサーバのスペックがシステムを稼働させる条件を満たしていることを確認しつつ、オーバースペックで無駄なコストが増えるようなことにならないように注意も必要です。
データベースにもバージョンが存在し、定期的にバージョンアップが行われます。セキュリティに関わってくる場合も多いので、関連する通知を見逃さないよう注意が必要です。PHPと併せて余裕を持ってバージョンアップ対応を行いましょう。
次回は、Webシェルについての情報の掲載を予定しています。
(2024/01/10)
オープンソース
ホームページ道場
1.オープンソース
ソフトウェアのプログラムとして記述されている『ソースコード』を無償で公開しているような形を指します。プログラムの知識がある人がエディタで開けば、実際にどういったつくりになっているのかを読み取ることが出来ます。
自分が必要とする機能を実現できるように、独自に改造したり再配布したりすることも可能です。
プログラム単体ではなく、複数プログラムで構成されるシステム全体の仕様・ソースをオープンにしているシステムを『オープンシステム』と呼びます。
2.メリット
ソースを無料で入手することが出来るのでプログラムに関して一定のスキルがある人であれば無料で機能を導入することができます。前述の通り、入手したソースはそのまま使用するだけでなく、自分が必要としている機能を実現するのに不足している部分を付け足したり、適合しない部分の条件を書き換えたりして使用することも制限なく可能です。機能を実現するために使えるソースは殆どの場合、複数あるので迷うはずです。
どれを使うかの判断基準として、拡張・改造の容易さがとても重要です。他で似たような機能をつけようと思った時に以前使用したソースを再利用するケースを想像して、選ぶと良いでしょう。
メーカーが開発して販売しているものと違って無料なのであくまで自己責任での使用となりますが、仕様によっては時間・コストを大きく省ける可能性があります。
3.デメリット
いい所ばかりのように思えますがデメリットもあります。仕様やソースが全て公開されている為、悪意のある技術者にとっては格好の的になります。プログラムの制御が全て見えてしまっているので、どこからなら侵入できるか攻撃できるかが探しやすくなってしまっているわけです。オープンソースで配布されているCMS等で頻繁に『脆弱性が~』『セキュリティに問題が~』といった理由でバージョンアップが行われているのは、その対策であり、それだけ使用中のオープンソースのシステムが狙われているということでもあります。
また、有料ではないので何か問題があっても問い合わせや相談に常に対応してくれる方がいるわけではなく、基本的に対応はすべて自分で行わなければならない点も重要です。自分である程度の改修が可能であることが確認出来てから導入を決めるのが理想です。
言葉自体はよく耳にするものの、自分がオープンソースを使用しているのか、どれがオープンソースなのかは意識することはあまり無いかも知れません。導入したが為に起こり得る問題も少なからずありますので、メリット・デメリットを理解したうえで過度の使用は控えて自分の対応可能範囲内で使用していきましょう。
次回は、データベースについての情報の掲載を予定しています。
(2023/12/08)
プログラムの学習
ホームページ道場
1.Webサイトに関連するプログラム類
サイトデータを作る際に作成することになるコード・プログラムの種類は複数あります。HTMLやCSS、JavaScript、PHP、Perl等々、手作りで作成するつもりなのであれば、色々と修得する必要があります。全てを手作りで作成しない場合でも、障害が起きた際や部分的にカスタマイズするような時にはある程度の知識と技術がなければ対応することが出来ません。
CMSであれ、ASPであれ、最終的にはHTMLを生成してページを表示させています。HTMLやPHPの基本を知らない場合、このソースを見ても問題点に気づくことが出来ません。
CMSでサイトを運営するから、HTMLやPHPといったプログラム類が分からなくても大丈夫というのは、この先何の問題も起きず、一切のアップデート対応も必要としないことを前提とした話であり、長く運用していれば必ず発生する障害までを見越せば明らかな間違いです。少なくともHTMLとPHPに関しては必須と考えたほうが良いでしょう。
2.仕様により、必要なものが異なる
ページ本体の構成要素となるHTMLやCSSの表示を制御する系統と、表示させるだけでなく動作を伴わせるJavaScriptやPHPのような系統があります。シンプルにいつも同じ内容を表示だけすれば良いサイトであれば、まずはHTMLとCSSを習得すれば作成自体は行えるようになります。
マウスで触れた時やボタンを押した時、読み込む端末の種類によって、表示を変化させたいと考えているのなら、加えてJavaScriptやPHPも学習していく必要があります。スライドやプルダウンメニューなど、視覚的な動作をつけたいのであればJavaScript、問い合わせフォームのような機能的な動作をつけたいのであればPHPを学習する必要が出てきます。
3.何から手を付けるか
ページを表示する以上、絶対に必要になるのはHTMLです。まずは1ページだけで構わないので、別途用意した画像データ(png・jpg・gifなど)を使ってページとして形にしてみると良いでしょう。単独ページでの制作に慣れ、ページ追加を行う段階に入ってきたら、HTMLとは別にCSSを作成して、複数のページで同じレイアウト設定を共有する形を理解し、取り入れていくと良いでしょう。これには各ページで共通する表示項目を整理していけるスキルとセンスが必要とされます。
慣れてくるとCSSの内容もまとまってきて、表示負荷を下げたサイトに近づいていきます。その後にjQuery等を活用しつつJavaScriptで動きをつけていく為の学習をし、メールフォームや動的なページの作成の為にPHP、さらにシステマチックなものを求めるのであればMySQL等のデータベース言語も学んでいくと良いでしょう。
普段見ているようなサイトをイメージしていると、色々なコード・プログラムが最初から必要になってしまう為、うまくいかないことが続きすぎて挫折してしまう可能性が高くなります。まずは欲張らずにテキストを表示する・画像を表示する、CSSによってレイアウト・見た目を変化させるといった所から確実に習得して、徐々にJavaScriptやPHPといったプログラム類にも手をつけていくのが良いでしょう。自由に使用できるサーバが無い場合は、PHPの動作チェックにはローカルに動作環境を構築する必要があるので、まずは手軽に試せるJavaScriptから手を付けるのが良いでしょう。
次回は、オープンソースについての情報の掲載を予定しています。
(2023/11/10)
Webフォント
ホームページ道場
1.Webサイトにおけるフォント
私たちが見ているサイトのフォントはCSSに記述されたフォント指定によって読み込まれています。どのようなフォントデータを持っているかは、媒体やOSなどによっても変わってくるため、制作者の意図したフォントで表示されるとは限りません。
CSSで指定する際は複数のフォントを指定すれば、記述されている順に閲覧環境にあるフォントかを判別して、合致したフォントを読み込んでくれますので複数指定が基本です。
2.Webフォント
本文などは、ある程度イメージに近ければ良いのですが、タイトルや画像にかかるテキストをデザインのイメージ通りに表示したいような場合には画像にしてレイアウトする方法が通常はとられます。検索エンジンが画像の内容までも認識しつつあるとはいえ、やはりテキストのほうが確実です。
テキストとしての形式は保ちつつ、さらにイメージに近いフォント表示を実現する手段として「Webフォント」という形が用意されました。制作者側はあらかじめ、使用したいフォントデータをWebサーバにアップしてCSSでそれを指定するか、Webフォントを提供するGoogleなどのサーバを指定すると、閲覧者のブラウザにフォントデータをダウンロードして表示させます。これにより、一般的な閲覧環境には無い特徴的なフォントでの表示を実現することができます。
3.Webフォントの課題
Webフォントは仕組み的には制作者側の希望をある程度かなえてくれるものですが、まだ課題もあります。一番の課題はそのデータ容量の大きさです。欧米などでは数百KB程度で済みますが、日本語は英数字・記号以外にもひらがな・漢字・カタカナといった大量の文字パターンを持っているため、MB以上のデータ容量に達します。
これをダウンロードして表示させられる利用者には、大きな負担をかけてしまいます。定額利用のPCでの有線のインターネット利用なら、ダウンロード時間・料金も気にならないですが、PCに比べればまだ低速で通信データ容量が利用料金に直結するプラン利用者が多いスマホでは、嫌がられるでしょう。
革新的なフォントの指定方法として出てきたWebフォントですが、特に日本の環境ではまだ実用面での課題があります。Webサーバ側と利用者側の安定した高速通信が必須になるので、使用するかは状況を見て慎重に判断した方が良い段階です。
次回は、プログラムの学習についての情報の掲載を予定しています。
(2023/10/10)
< 最新記事に戻る >
HOME ぴかいちば チバビズ探訪 ちばのたね ホームページ道場 バックナンバー チバビズ・マルシェ
お問い合わせはこちら

チバビズドットコム制作委員会
株式会社 翠松堂BTL
© 2017 chibabiz.com Production Committee
トップへ戻る