2016年6月15日水曜日
WordPress(ワードプレス)アーカイブテーマでカスタム投稿の名前表示
WordPress(ワードプレス)覚書
※使用するテーマによって、表示される内容が違うので、要確認。
カスタム投稿を使った一覧表示の場合、デフォルトだと、
archive.php
ファイルで表示されるので、content内(またはメインのコンテンツ画面内)で表示される
ページタイトルが「アーカイブ」になってしまいます。
これを、カスタム投稿で作った名前にする方法。
<?php $postname=get_post_type_object(get_post_type())->label;
echo $postname;
?>
表示タイトル部に、上記のphpを挿入。
※使用するテーマによって、表示される内容が違うので、要確認。
カスタム投稿を使った一覧表示の場合、デフォルトだと、
archive.php
ファイルで表示されるので、content内(またはメインのコンテンツ画面内)で表示される
ページタイトルが「アーカイブ」になってしまいます。
これを、カスタム投稿で作った名前にする方法。
<?php $postname=get_post_type_object(get_post_type())->label;
echo $postname;
?>
表示タイトル部に、上記のphpを挿入。
2013年8月27日火曜日
WordPress ページナビゲーション制作
ワードプレスのページナビゲーション(記事一覧)をプラグインを使わずに制作します。
プラグインを使わないメリットは、バグ等の回避やバージョンUPに伴う不具合回避出来ます。
プラグインは確かに便利ですが、CMSにとってはトラブルの原因となる確立が高いので、簡単な物であれば、自作する事をお勧めします。
自作する事で、自らのスキルも上がりますから、一石二鳥です。
今回の改造は、元のプログラムでは、現在見ているページを中心に、新旧で2ページ分しか表示しない※1ので、記事量が増えた場合に、最新の記事や古い記事にアクセスしにくいと言う問題を解消する為に、ナビゲーションに最新記事と最古の記事にアクセスすための、ボタンを追加します。
※1表示件数は任意に設定出来ますが、ひとまず書籍通りの内容で話を進めます。
元になるソース
一覧表示が必要な元ファイル。
home.php
category.php
など。
ページナビゲーションを表示したい箇所に、下記phpコードを追加します。
プログラムファイル
pagenation.php
解説
////////// 現在ページへのリンク回避 //////////
これは、現在閲覧しているページへのリンクを設定しない処理です。
////////// 記事リストのループ処理 //////////
ページ表示に必要なループ処理です。
$minpage はページ最小値として1を入れるための変数です。
$sidenum は現在ページを中心に、何ページ表示させるかの変数です。
$shownum は現在ページを中心にして、$sidenum分+1ページ(現在ページ分)を表示させる変数です。
if分以下は表示ループ処理です。
////////// ナビゲーションの表示 //////////
// 最古記事へのリンク処理 //
最古記事へのリンク処理ですが、最初の1行で最後の記事ページがリストとして表示された場合は、リンクを表示しないように設定しています。
// ページ番号処理 //
1~順にページ番号を表示させます。また、閲覧中のページにリンクを設定しないようにも、処理をしています。
// 最新記事へのリンク処理 //
最古記事と同様に、ナビゲーションリストに最後のページ番号が表示された時点で、リンクボタンを非表示にしています。
ナビの表示にブランクを使ったのには、ifループで妙な結果を出さない措置です。
もう少し上手い処理の仕方もあるかと思いますが、php初心者に理解しやすい様に、あえてブランクを表示させてあります。
phpを理解している方ならば、この辺りの処理をもう少し綺麗に出来ると思います。
プラグインを使わないメリットは、バグ等の回避やバージョンUPに伴う不具合回避出来ます。
プラグインは確かに便利ですが、CMSにとってはトラブルの原因となる確立が高いので、簡単な物であれば、自作する事をお勧めします。
自作する事で、自らのスキルも上がりますから、一石二鳥です。
目的
ページナビゲーションは複数ある一覧リストページを快適に使うためのナビゲーションです。今回の改造は、元のプログラムでは、現在見ているページを中心に、新旧で2ページ分しか表示しない※1ので、記事量が増えた場合に、最新の記事や古い記事にアクセスしにくいと言う問題を解消する為に、ナビゲーションに最新記事と最古の記事にアクセスすための、ボタンを追加します。
※1表示件数は任意に設定出来ますが、ひとまず書籍通りの内容で話を進めます。
元になるソース
一覧表示が必要な元ファイル。
home.php
category.php
など。
ページナビゲーションを表示したい箇所に、下記phpコードを追加します。
<?php get_template_part('pagenation'); ?>
プログラムファイル
pagenation.php
<?php $maxpage = $wp_query->max_num_pages;
$current = $paged;
if(!$current) {$current = 1;}
?>
<?php
$minpage = 1;
$sidenum = 2;
$shownum = $sidenum * 2+ 1;
if($current > $sidenum && $current < $maxpage-$sidenum+1){
$start = $current - $sidenum;
$end = $current + $sidenum;
} elseif($current <= $sidenum) {
$start = 1;
$end = min($shownum,$maxpage);
} else {
$start = max($maxpage-$shownum+1,1);
$end = $maxpage;
} ?>
<?php if($current <= $sidenum+$minpage): ?>
<?php echo ''; ?>
<?php else: ?>
<a href="<?php echo get_pagenum_link($minpage); ?>"><<</a>
<?php endif; ?>
<?php previous_posts_link('<'); ?>
<?php for($i=$start; $i <= $end; $i++): ?>
<?php if($i == $current): ?>
<span><?php echo $i; ?></span>
<?php else: ?>
<a href="<?php echo get_pagenum_link($i); ?>"><?php echo $i; ?></a>
<?php endif; ?>
<?php endfor; ?>
<?php next_posts_link('>'); ?>
<?php if($current >= $maxpage-$sidenum): ?>
<?php echo ''; ?>
<?php else: ?>
<a href="<?php echo get_pagenum_link($maxpage); ?>">>></a>
<?php endif; ?>
解説
////////// 現在ページへのリンク回避 //////////
<?php $maxpage = $wp_query->max_num_pages;
$current = $paged;
if(!$current) {$current = 1;}
?>
これは、現在閲覧しているページへのリンクを設定しない処理です。
////////// 記事リストのループ処理 //////////
<?php
$minpage = 1;
$sidenum = 2;
$shownum = $sidenum * 2+ 1;
if($current > $sidenum && $current < $maxpage-$sidenum+1){
$start = $current - $sidenum;
$end = $current + $sidenum;
} elseif($current <= $sidenum) {
$start = 1;
$end = min($shownum,$maxpage);
} else {
$start = max($maxpage-$shownum+1,1);
$end = $maxpage;
} ?>
ページ表示に必要なループ処理です。
$minpage はページ最小値として1を入れるための変数です。
$sidenum は現在ページを中心に、何ページ表示させるかの変数です。
$shownum は現在ページを中心にして、$sidenum分+1ページ(現在ページ分)を表示させる変数です。
if分以下は表示ループ処理です。
////////// ナビゲーションの表示 //////////
// 最古記事へのリンク処理 //
<?php if($current <= $sidenum+$minpage): ?> <?php echo ''; ?> ←上のifがtrueならば、非表示(ブランク表示) <?php else: ?> <a href="<?php echo get_pagenum_link($minpage); ?>"><<</a> <?php endif; ?>
最古記事へのリンク処理ですが、最初の1行で最後の記事ページがリストとして表示された場合は、リンクを表示しないように設定しています。
// ページ番号処理 //
<?php previous_posts_link('<'); ?>
<?php for($i=$start; $i <= $end; $i++): ?>
<?php if($i == $current): ?>
<span><?php echo $i; ?></span>
<?php else: ?>
<a href="<?php echo get_pagenum_link($i); ?>"><?php echo $i; ?></a>
<?php endif; ?>
<?php endfor; ?>
<?php next_posts_link('>'); ?>
1~順にページ番号を表示させます。また、閲覧中のページにリンクを設定しないようにも、処理をしています。
// 最新記事へのリンク処理 //
<?php if($current >= $maxpage-$sidenum): ?> <?php echo ''; ?> ←上のifがtrueならば、非表示(ブランク表示) <?php else: ?> <a href="<?php echo get_pagenum_link($maxpage); ?>">>></a> <?php endif; ?>
最古記事と同様に、ナビゲーションリストに最後のページ番号が表示された時点で、リンクボタンを非表示にしています。
ナビの表示にブランクを使ったのには、ifループで妙な結果を出さない措置です。
もう少し上手い処理の仕方もあるかと思いますが、php初心者に理解しやすい様に、あえてブランクを表示させてあります。
phpを理解している方ならば、この辺りの処理をもう少し綺麗に出来ると思います。
2013年6月14日金曜日
GoogleプレイスとYahooロコへの登録。 今さら……第54回
今さら聞けないネットのあれこれ。
「GoogleプレイスとYahooロコ」
についてお話します。
重要度:★★★★★
難易度:★★
さて、最近Facebookで情報発信している、がんばる個人商店が増えていますが。
コンシューマ向け(一般消費者向けの対面販売)業者の場合は、Facebookだけではなくて、
Googleプレイス
Yahooロコ
への登録を必ず行なっておきましょう。
Yahooロコへの登録は皆さんされている様ですが、Googleプレイスへの登録は少ない様です。
検索シェアでは、まだYahooが40~50%のシェアを占めていますが、スマートフォンやタブレットからの検索では、圧倒的にGoogleでの検索が多いです。理由はスマートフォンのOSがGoogle提供のAndroidだからです。
Android端末を利用した場合、使用するブラウザはほぼChromeですから、デフォルトでWEB検索はGoogleを利用する事になります。
モバイル端末からの検索表示で表示されるか、されないか……
考えるまでもありませんよね。
そう言った意味でもGoogleプレイスへの登録は、今後重要な役割を果たしますのでほぼ必須と言っていいでしょう。また、Googleプレイスへの登録はナレッジグラフとも連携しているので、将来的に大きく何らかの影響を受けるでしょう。
基本的に登録は、GoogleプレイスとYahooロコともに無料です。
Googleプレイスへの登録代行業務も行なっておりますので、お気軽にご相談ください。
「GoogleプレイスとYahooロコ」
についてお話します。
重要度:★★★★★
難易度:★★
さて、最近Facebookで情報発信している、がんばる個人商店が増えていますが。
コンシューマ向け(一般消費者向けの対面販売)業者の場合は、Facebookだけではなくて、
Googleプレイス
Yahooロコ
への登録を必ず行なっておきましょう。
Yahooロコへの登録は皆さんされている様ですが、Googleプレイスへの登録は少ない様です。
検索シェアでは、まだYahooが40~50%のシェアを占めていますが、スマートフォンやタブレットからの検索では、圧倒的にGoogleでの検索が多いです。理由はスマートフォンのOSがGoogle提供のAndroidだからです。
Android端末を利用した場合、使用するブラウザはほぼChromeですから、デフォルトでWEB検索はGoogleを利用する事になります。
モバイル端末からの検索表示で表示されるか、されないか……
考えるまでもありませんよね。
そう言った意味でもGoogleプレイスへの登録は、今後重要な役割を果たしますのでほぼ必須と言っていいでしょう。また、Googleプレイスへの登録はナレッジグラフとも連携しているので、将来的に大きく何らかの影響を受けるでしょう。
基本的に登録は、GoogleプレイスとYahooロコともに無料です。
Googleプレイスへの登録代行業務も行なっておりますので、お気軽にご相談ください。
私のお客様ですが、Googleプレイス登録をしていると、検索結果で画像と地図が表示されます。
また、プレイスの内容をしっかり登録していれば、Googleプレイス専用ページが検索結果に表示されます。2013年5月17日金曜日
ブログにFacebookのコメントボックスを設置しよう。
「Facebookのコメントボックス」
についてお話します。
フェイスブックのコメントボックスと言う物を見た事があるかと思います。
これ実は書き込んだ内容がそのまま、自分のタイムラインに表示されます。
つまり、外部で書いた内容が、そのまま自分の記事になる。
と言うモノです。
これをブログやニュース記事に連携させれば……
書き込みが、そのままFacebookで拡散されます。
ブログなどの場合は、専用のコメント欄よりもずっと効果的です。
しかも、書き込みをする事で【いいね】を押した事にもなり、良い事だらけです。
Facebookに対する有用性と言う意味では、いいねボタンの比ではありません。
上の画像は、Facebookのタイムラインの画像です。
書き込んだコメント内容が表示されていますね。
先日のブログで書いた、OGPタグがそのブログに設定されていれば、ご覧の様に、
画像・タイトル・説明
がきちんと表示されますので、見た目も綺麗です。こうして見ると、OGPタグって大事ですよね。もしOGPタグが無ければ、単純にページタイトルとリンクURLが表示されるだけです。それでは、見た目で損をしていると思いませんか?
OGPタグについてはこちらをご覧ください。
さて、ではどの様にコメントボックスを設置するかですが、基本的なお話だけにさせて貰います。
と言うのも、実はブログに設置する場合、それぞれのブログ用に若干カスタマイズが必要になります。
ですので、今回は基本的な設置方法のみと言う事で、ご勘弁を。
もし、どうしても知りたいという方は、具体的なブログ名(アメブロ・ライブドア等)をコメントしていただければ、対応したいと思います。
Comments
コメントボックス下のリンクからコメントコードを生成します。
https://developers.facebook.com/docs/reference/plugins/comments/
URL to comment on
コメント欄を設置したい、サイトのURLを入力します。
この時、入力するのはドメインまでとしてください。
Width
表示するコメント欄の横幅です。
Number of posts
コメントを何件表示するかです。
最後に【Det Code】を押して、ソースコードが表示されます。
通常のブログであれば、表示されているコードをそのままコピーしてOKです。
1.JavaScript SDKを設置
上にあるJavaScript SDKをHTMLの<bode>タグの直後に書き込みます。
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
2.コメント欄の設置
コメント欄を表示したい場所に、このコードを設置します。
この時に、このままのコードで設置してしまうと、このコメント欄は【hon-web.blogspot.jp】のコメント欄となってしまいます。
<div class="fb-comments" data-href="http://hon-web.blogspot.jp" data-width="470" data-num-posts="10"></div>
例えば、コメント欄をブログの記事に設置して個別にコメントを貰いたい場合には、下記の様に変更します。
<div class="fb-comments" data-href="【ここにブログの独自タグを入れる】" data-width="470" data-num-posts="10"></div>
ページURLの箇所に、各ブログで使用するページ生成タグを挿入します。
このタグは、それぞれのブログによって違うので、利用しているブログの仕様を確認してください。
もし、このURL設定をしないとどうなるか……
先ほど言った様に、一つのドメインのコメント欄として、認識されてしまうので、全てのブログページで同じコメントが表示されます。
今回は、最低でもある程度HTMLの知識が必要になります。
まぁ、基本的にはコピー&ペーストで作業自体は簡単なのですが、ソースコードの何処に貼りつけるか?とか、ブログの独自タグの追加などと言った、少々込入った内容ですが、設置出来れば、Facebookに対しての効果は絶大です。
チャレンジして損は無いと思います。
各ブログの具体的な設置例などは、
アメブロ Facebook コメント欄
などの検索項目で検索出来るので、チャレンジしてください。
どうしてもわからない場合はコメントを頂ければ、調べる程度の事はしたいと思います。
2013年5月14日火曜日
こんなところに、円城 塔(笑
今日はちょっと与太話など。
知っている人は知っている。
つまり裏を返せば……
知らない人は、知らない。
と言う事でもある。
芥川賞作家の、円城 塔がこんな所で連載しているなんて、知りませんでしたよ(笑
現在、最新話の第3話が掲載されたばかりです。
しかも、掲載しているのは、お堅い日立製作所さん。
いや、日立だからこそ円城 塔なのかな?
うん。多分そうだろう。
この掲載企画を出したのが、日立側なのか、サイト制作会社なのか?
まぁ、どちらでもいいですが。
短編連載で【システムを繋ぐ】とうい処理(プログラム)を擬人化?いや表現手段のひつとしての偽装?なのかも。
いずれにしても、そんな無理のあるお話を成立させる事が出来る作家さんは、円城 塔しかいなかったのかも?
あるいは、単に担当者がファンで、ダメもとでオファーしたら、あっさりOKだったなんて落ちかもしれないけど。
いずれにしても、一見すると意外な感じのする、日立製作所と円城 塔のコラボは、実はかなりシックリくる感じがするのは、私だけ かな?(笑
日立製作所
円城 塔
中間小説集
http://www.hitachi.co.jp/Prod/comp/soft1/omr/novel/index.html
2013年5月13日月曜日
アプリ設定メッセージ July 2013 Breaking Changes
今回は「アプリ設定メッセージ」
についてのお話。
ゴールデンウイークの頃から、アプリ設定のメッセージに「緊急修正」です。
というアラートがたまに入って来ていたのですが、う~ん翻訳しても、どうも意味が良く解らない??
英語力が無いからなぁ。
アラート
July 2013 Breaking Changes
Your app, Hondaweb has not enabled the migration for the July 2013 Breaking Changes.
Once you have confirmed your app is compliant or unaffected by the July 2013 Breaking Changes, set the migration setting to "Enabled" in the 詳細設定 section of the App Dashboard. This will apply the July 2013 Breaking Changes to your app and prevent you from receiving future alerts about these changes.
Hondaweb, is currently using the following deprecated features:
Social Plugins (Like Button, Like Box) without absolute URL's in their `href` parameter.
These changes will be permanently enabled for all apps in 58 days on 2013年7月11日.
内容をみると、どうやら
2013 Breaking Changes
を修正しないと、7月以降にアプリで問題が発生する可能性があるから、修正してください?
と言った内容らしいので、とりあえず修正をしておきました。
アラート画面の下にある【移行設定を編集】ボタンを押すと、設定画面に切り替わるので、
2013 Breaking Changesの項目を、有効にして保存します。
作業はこれだけ。
これで、メッセージ画面には「これ以上修正の必要はありません」と新たなメッセージが表示されます。
どうもこの設定を有効にしていないと、このアプリに関連する【いいねボタン】と【Like Box】に不具合がでる?あるいは不具合が出ても、アラートが届かない?
と言う内容の様です。
しかもこれアプリ毎に対応しないとダメな様で、複数アプリを管理している人は、全てのアプリに個別対応が必要です……
つまり、アプリ毎に全て設定し直し、と言う結構面倒な対応が必要です。
サイト制作会社で、お客様のアプリを多数管理している所などは、かなり面倒な作業になります。
しかし、日本語のメッセージぐらい出しても良さそうなモノだが……
毎度のことだけど、技術情報は日本語にローカライズしてから、アナウンスして貰いたいもんです。
2013年5月10日金曜日
SNS対策にOGPタグは必須です。 今さら……第53回
今さら聞けないネットのあれこれ。
「SNS対策にはOGPタグは必須」
についてお話します。
重要度:★★★★
難易度:★★~★★★★
OGPタグと言う言葉を聞いた事がありますか?
最近はFacebookがそこそこ流行っているので、徐々にではありますが、一般にも広がってきています。
OGP(Open Graph Protocol)
まぁ名前はどうでもいいのですが、どういった事をするかと言いますと。
簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形でHTMLに付加する記述方法のことです。
もう少し解りやすく言えば、
いいねボタンを押して、コメントすれば、タイムラインに、サイト情報が画像入りで掲載される。と言う夢の様?なタグの事です。
図1
コメントしたのボックス内に画像・ページタイトル・概要などがチキンと入っている。上記の様に、OGPタグを適切に設定してあるサイトでは「いいね」ボタンを押すと、自分のコメント欄の下に枠で囲まれた内部の内容を自動的に表示してくれます。
サンプルの画像は、Facebookですが、mixiでも同じ様な表示がされます。
ちなみに、設定が適正にされていない、あるいは設定そのものがされていない場合は、下記の画像の様になります。
図2
設定がされていないと、タイトルとサイトURLしか表示されない。いいねを押しただけで、このようにタイムラインに表示されるのであれば、キチンと設定しておきたいですよね。
綺麗に表示されていれば、それでけで見る相手に対して、良い印象を与えられます。
設定方法は、それほど難しくは無いのですが、多少なりともHTMLの知識が必要になるので、解らない人は、解る人に聴きながら設定した方が、良いでしょうね。
またブログにも当然設定出来るのですが、設定するブログによって方法が違ったり、書き出すタグの書式が特殊だったりするので、それぞれのブログ(アメブロやYahooブログなど)に合った方法を探してください。
大抵の場合は検索にあるはずです。
では具体的な代表的な書式を書きます。
下にある書式だけもで抑えておけば、最低限の形にはなるので、やっておきましょう。
下記のメタタグをHTMLの<head>~</head>内に記述します。
1:/// <meta property="og:title" content="タイトル" />
2:/// <meta property="og:type" content="オブジェクトのタイプ" />
3:/// <meta property="og:url" content="このページのURL" />
4:/// <meta property="og:image" content="表示される画像のパス" />
5:/// <meta property="og:description" content="概要を説明する文章" />
6:/// <meta property="og:site_name" content="サイトの名前" />
** 以下Facebook用OGP ***
7:/// <meta property="fb:app_id" content="アプリID"/>
1:ページタイトル
個別のページタイトルを表示します。
ブログのように様々なページがある場合に、このページタイトルを表示しておくことで、他のページと区別を付ける事が出来ます。またこのタイトルが見出しの役目も果たすので、解りやすいタイトルにしておくことが重要です。
2:ページの種類
このページが、サイトのページ(企業や一般的なホームぺージ)なのか、ブログなのかを判別するタグ。
修理は
・article ・blog ・websit
の3種類
3:ページURL
現在のページURLです。4:表示画像
表示させるサムネイル画像のパス
5:概要文章 ※
概要文ですが、これ実は設定しない方が良い場合があります。
特定のブログなどは、サイト内の本文最初に出てくる<p>~</p>の文章を自動的に取得して表示する設定になっている場合があるからです。
ただしこの項目を未設定にすると、最悪の場合、概要文章はなにも表示されない事があるので、注意が必要です。
6:サイト名称
掲載サイトの名称です。
Facebook用OGP
必ず必要という事は無いですが、Facebookに対してOGPを設定したいのであれば、必須になってきます。
7:アプリID
このOGPを動かす為に必要なアプリIDです。
最低でも、上記の6種類+1のタグを、HTMLのヘッダー部分に入れておけば、Facebookやmixiで綺麗な表示がされます。ただし、Facebookやmixiなど独自のOGPタグ設定があるので、それぞれのSNSに対応したいのであれば、その仕様を確認してた方が良いでしょう。
上記以外にも、電話番号や住所などといった要素のタグも用意されいますので、興味のある方は調べてみてください。
参考サイト
OGPタグに関して比較的詳しいサイト ////
Facebookなどで使われている「OGP」の一覧
ブログ設定に関するOGP(検索結果) ////
検索キーワード:ogp 設定 ブログ
2013年4月24日水曜日
無料で50GB。その後 今さら……第52回
今さら聞けないネットのあれこれ。
「50GBの無料ストレージのその後」
についてお話します。
重要度:★
難易度:★
今年1月末に、サービス開始をしたオンラインストレージMEGAです。
サービス開始直後から使っていますが、色々と問題もあるようで、今一つ普及していないような雰囲気です。
まだクラウドやストレージの認識が低い?
一般の方々には【クラウド】や【WEBストレージ】と言った言葉は知っているけど、自分には関係ないと思っている方が多く、使う側の認識の低さがうかがえます。
まぁ、日本にありがちな【言葉先行型流行】とでも言いましょうか、言葉だけが先走って、肝心の意味が理解出来ていないと言うのが、現状なのでしょうか。また一般の人達は、こうしたIT系の情報に触れる機会も少ないので、情報の精度が上げられません。情報は自ら取捨選択すべきなのに、人からの情報を鵜呑みにするリテラシーに低さにも、こうしたクラウドサービスの普及が広がらない一つかもしれません。
動作保障が……
MEGAのマニュアルに、動作保障に関して、Google Chrome以外のブラウザーでは、一部機能の不具合および動作の保証が出来ないと、書いてあります。日本国内においては結構致命的な問題ですね……
下の画像は、今年に入っての日本国内でのブラウザーシェアのグラフです。
Source: StatCounter Global Stats - Browser Version Market Share
ご覧のように、IE9が圧倒的に多く34.02%。
次点でChromeが入っていますが19.08%となっています。
ちなみに。3位のIE8(13.58%)は明らかにWindowsXPユーザーですよね。(XPにはIE9のインストールが出来ないので、IE8ユーザーはXPユーザーとカウントします)
IE9・8をわせるとシェア約48%となりシェアのほぼ半分を独占します。
MEGAのヘルプに以下の様なQAがあります。
Q:MEGAにファイルのサイズ制限はありますか?
A:クラウドのドライブスペース以外は、人為的な制限をつけません。ただし、不十分なブラウザでは、ファイル全体をメモリに保存してからじゃないとダウンロードする事が出来ません(Firefox, IE10, Opera)。またはアップロードも出来ません(IE9, Safari 5)。
これだと、IE9, Safari 5ではファイルのUPロードも出来ないと書いてあります。
これでは、日本の環境では少々厳しいかもしれません。
登録も簡単で、50GBの無料ストーレジ。おまけに転送速度は無料のストレージでは、ほぼ最速の転送速度を誇り、メンバー間でのファイル共有も簡単に行える機能は素晴らしいのですが、Chromeでしかその性能を発揮できないのでは、日本では馴染めないかもしれませんね。
MEGA
http://mega.co.nz
2013年4月17日水曜日
未来の検索とナレッジグラフについて 今さら……第51回
今さら聞けないネットのあれこれ。
「未来のweb検索システム」
についてお話します。
重要度:★★★★★
難易度:★★★
前回の内容はこちら>>
今回はGoogleがパンダアップデートから始まめた、検索アルゴリズムの未来型と言う位置付けの【ナレッジグラフ】についてのお話です。
パンダアップデートはおそらくナレッジグラフを使うために、導入された必要なアップデートだったのでは、と思っています。
もしパンダアップデートを行っていない状況でナレッジグラフを始めたのでは、その表示結果に疑問が残ります。それでは新たに導入する意味がありません。ですからパンダアップデートと言うある意味において、旧体制のシステムを切り離し、新たな判断基準で検索させると言う、一見無謀ともとれる事をしたのではないかと思います。
とは言え、まだ検索結果そのものは大きく変わった訳ではありません。
基本になる検索の考え方。つまり【検索する言葉に対する、コンテンツ内容の整合性】と言う部分のアルゴリズムは健在です。従ってコンテンツの内容に対する、最適化については、今後も継続的に行う必要はあります。
ただし、そうした【コンテンツ内容の最適化】も近い将来、その考え方を変える必要がありそうです。
(コンテンツ内容の最適化と言う行為自体は継続ですが、どの様に最適化するのか?と言った根幹部分の変更が必要でしょう)
最初に言った様に、これからの検索システムは【何かを知るため】から【何かをするために検索】に変化して行くからです。
これはGoogle自身が推奨しているナレッジグラフによる検索システムにシフトする事で、検索する人がより自分の検索したい事柄に近い(より正確な)検索結果を得られる様にする事が目的です。
現在の【検索キーワードから直接得られる情報】ではなく、検索キーワードから【連想される】関連事項にシフトして行くとGoogleは考えているからです。
もちろん、これはGoogleの考え方であって、他の検索システムも同様とは限りません。
また、現時点でこのナレッジグラフを利用出来るのは【Google】での検索をしている時だけです。Yahooや他の検索サイトではGoogleのデータを流用していてもナレッジグラフは表示されません。
また、現在のナレッジグラフはまだ本格的に稼働している訳ではありません。
実際、全ての検索結果に対して表示される事は無く、ナレッジグラフの表示は【比較的一般的な語句】を検索した場合に限られている様です。しかし日々膨大な量の検索が行なわれて、その表示結果と足跡をたどり、そのデータを蓄積させて行けば、遠くない時期に、全ての検索結果でナレッジグラフが表示されるでしょう。
またナレッジグラフはGoogleが行なっている複数ある検索結果表示機能の一つに過ぎません。
今後も新しい検索結果表示機能が開発されて行くのでしょう。
Googleの考え方は【優れた内容のサイトは多くの人に支持される】とういモノです。
たとえナレッジグラフと言う新しいシステムが導入されても、堅実にサイト制作を行っていれば、問題ないと言う事になります。
パンダアップデート以降SEO市場と言われるマーケットが縮小しています。
しかし、Googleの検索に対する基本的な考え方は変わっていません。
SEOの為にするべき最良の策は、優良のコンテンツを常に最新の状況にする。
これに尽きると言う事です。
とは言え、これが非常に難しい事なのですけど……
2013年4月15日月曜日
近い将来の検索システムは 今さら……第50回
今さら聞けないネットのあれこれ。
「未来のweb検索システム」
についてお話します。重要度:★★★★★
難易度:★★★
未来の検索は「言葉」を超える:Googleのナレッジグラフ
http://wired.jp/2013/04/10/knowledgegraph-vol7/
非常に気になるニュース記事があったので、その記事に対しての個人的な考察です。
おそらく、数年でインターネットにおける【web検索】の姿は大きく変わるでしょう。
それは、今までの検索とは全く違う形になって行きます。
では、どう変わって行くのか?
今までの検索は【何かを知るため】の検索だったのが【何かをするために検索】にシフトして行くであろうと言う事です。
現状の検索システム
未来を知る為に、まずは現状の検索システムを知る必要があります。現状の検索結果は、日本国内の場合ほぼGoogleの検索結果が殆どのシェアを占めます。
何しろ、Yahooの検索結果はGoogleの検索結果を使っているので、Yahooユーザー=Googleユーザーと言う事が言えるからです。
Googleは2011年以降頻繁に検索アルゴリズム(検索のプログラムシステム)を修正・変更しています。
その結果、現状では過去に行なわれていたSEO対策が、全く機能しなくなりました。
つまり【過去のSEO対策方法では、検索順位を上げられない】という事になります。
実際問題として、SEO上位表示を謳い文句として、営業していた会社の殆どが、事業の撤退・あるいは方向転換をしています。
ホームページを制作している現場でも、営業として【SEO対策に効果がある】とか【SEOに有利】などと言っての営業は、そのまま自分の首を絞める(実際に本当に検索結果を上げる事が出来るか不明なので)非常に危険な行為に変ってしまいます。
最近、私自身は営業でSEOに関しては殆ど話をしません。もちろんお客様を騙す意図は無いのですが、現状の検索システムでは、必ずしも良い結果が得られるとは限らないので【SEOに有利です】などと言って、お客様に過度の期待を持たせない為です。もちろん検索システムの現状をきちんとご説明した上で、どういった対策をすれば検索結果に影響を及ぼすか?と言った内容のお話はしますが。
そうした中で、唯一変らないSEO対策は、コンテンツの充実しか残っていません。
ですから、多くのSEO業者は【コンテンツ内容の最適化】を謳い、サイト内部のテキスト(文章)を検索システムにマッチするように変更する仕事にシフトしています。
要するに、ホームページ上の文章をリライト(作り直す)する事が、現状で出来る唯一のSEO対策となります。
しかし、そうした対策も必ずしも【良い検索結果に結び付くかどうかは不明】と言うのが、現状の検索システムなのです。
今日はここまで、明日「未来の検索システムとは?」です。
元記事
未来の検索は「言葉」を超える:Googleのナレッジグラフ
http://wired.jp/2013/04/10/knowledgegraph-vol7/
2013年3月22日金曜日
画像加工・編集ソフトはもう要らない。
ホームページ制作にかかせないモノが幾つかあります。
その中でも欠かすことの出来ないモノが、画像加工ソフトです。
有名なソフトとしてAdobe Photoshopがあります。
しかし、ホームページ制作において、Photoshopクラスの機能が必要な場合は、実は極僅かでここまでの機能は殆ど必要ありません。
特に画像加工初心者であれば尚更です。
高価なソフトを購入しても、その機能を使いこなせなければ、まさに宝の持ち腐れです。
とは言え、ある程度の加工・編集能力のソフトは欲しいところです。
無料の画像加工ソフトは現在多数あります。
そのどれも、現在では有料のソフトと遜色ないレベルの機能を実装していて、使用感も悪くありません。
もちろん、プロの目から見れば、欲しい機能が削除されていたりして、モノ足らなさはありますが、画像加工の勉強をしようと思うレベルであれば、これらの無料ソフトで十分だと思います。
さて、その中でもオンラインで加工・編集が可能なソフトが幾つかあるので紹介します。
オンラインソフトの利点は、ソフトのインストールが必要無い事。またネットが繋がる環境であれば、何処でも加工が可能と言うところでしょうか。
それぞれのサイトで大体そのまま使用出来ますが、加工した画像を保存する際に会員登録が必要な場合があったりしますので、それぞれのサイトでご確認ください。
また、今回ご紹介するサイトは、どれも機能的にはほぼ横並びです。
基本的に日本語に対応しているので、操作に関しても大丈夫だと思います。
Photoshop.com
http://www.photoshop.com/
Adobeが提供する、Photoshopのオンラインツールです。
機能限定版のPhotoshopだと思っていただければ、良いかと思います。
Photoshop Express Editorの最小限の機能で良ければ、会員登録は不要です。
//////////////////////////////////////////////////////////////////
pixlr
http://pixlr.com/
pixlr editor
スマフォ用の画像加工アプリを提供しているpixlr。
会員登録をすれば、自分用のライブラリーを持つ事が出来ます。
//////////////////////////////////////////////////////////////////
Sumo Paint
http://www.sumopaint.com/app/
初期ページでは英語表示ですが、左上にあるアメリカ国旗をクリックすると言語選択が出来ます。
このサイトは、見慣れたアイコンパネルが表示されますので、かなり直感的に操作できると思います。
他にも、このようなサービスはありますが、とにかくこの3サイトはよく出来ています。
このサイトで画像加工の練習を積んでから、有料のソフトを手に入れるようにすれば、お金の無駄使いにならずに済みそうですね。
(ソフトを買わなくても、これだけで十分かもしれませんが)
※どのサービスもFlash Playerが必要になります。
最新版のFlash Playerをインストールしておいてください。
2013年1月29日火曜日
MEGA を使ってみた 今さら……第49回
今さら聞けないネットのあれこれ。
「50GBの無料ストレージ」
についてお話します。
重要度:★
難易度:★
簡単な登録のみで、50GBという大容量の無料ストレージが使えるサービスが登場しました。
その名は「MEGA」2013年1月19日からベータ版でのサービスを提供しています。
MEGA:https://mega.co.nz/
2012年1月「Megaupload」と言うオンラインストレージが、アメリカ政府によって強制捜査を受け、結局閉鎖に追い込まれました。理由はまぁ、この手のファイル共有サービスにありがちな「著作権の侵害」によるものでした。
しかしMegauploadの創業者らは、新たなサービスを今度はニュージーランドからはじめしました。
その名も「MEGA」です。
詳しい経緯や暗号化のテクノロジーに関して知りたい方は、個別に調べてください。
今回はそのサービス内容について、実際の使用感をレポートします。
50GBも無料で使える。
一般的なオンラインストレージで無料で使える容量は、大体2~5GB程度です。
50GBもの大容量が使えるサービスは他ではありえません。
転送速度が速い
とにかく、今までのオンラインストレージに比べて高速です。
これほど高速で無料のサービスは他にはちょっと無いかもしれません。
テスト環境
回線:光有線
ファイル容量:100MB
上り(ファイルのUPロード)
ファイルを約2分でUPロード
下り(ファイルのDOWNロード)
ファイルを約4分でDOWNロード
日本語にローカライズ
この手のサービスは、開始直後は英語圏のみの言語対応が多いのですが、開始時点で32ヶ国語にローカライズされています。
これは使う側にも優しいサービスです。
ファイル名や、フォルダー名称に日本語も使えますから、かなり楽ですね。
登録は簡単
登録は簡単で、ユーザー名・メールアドレス・パスワードの3つのみ。
ログイン時には、メールアドレスとパスワードの2つのみと非常にシンプルです。
また、アカウントがメールアドレス単位で発行されますので、複数のメールアドレスを登録しておけば、トータルでかなりの容量を使う事が出来ます。
また【連絡先】という項目があり、登録者同士での連絡が出来るようだが……
どうもこの機能ついては動きが良く解らない??
現在まだベータ版という事で、完全に出来あがっていない様ですが……
どうも、この【連絡先】を使って、友人同士でのファイル共有が出来そうな雰囲気ですが……
とにかく、まだまだサービスを始めたばかりなので、今後不具合も出てくるでしょうが、まぁ50GBをタダで使えるのでその辺は目をつむりましょうか。
スマートフォンには、まだ未対応
スマートフォンではどうなの?と思い、スマホからアクセスしましたが。
まだ未対応の様です。
スマホの場合はおそらくWEBサイトではなく、アプリで対応する方向だと思いますので、もうしばらく待ちますか。
2013年1月28日月曜日
Facebookタブアプリの考え方
今回は
「タブアプリ」
についてのお話。Facebookページには、タブと呼ばれている場所があります。
様々なサービスを提供しているFacebookですが、実はユーザーが何か(デザインでも色でも)任意に変更をしたいと思っても、変更出来る箇所は【カバー写真】と【プロフィール画像】だけしか変更出来ません。
これは、Facebookページでも殆ど同じです。
しかし、ただ一つユーザーに変更を許された場所があります。
それが【タブ】です。
このタブ、個人アカウントでは任意に変更する事が出来ません。もちろん全く変更出来ない訳ではなく、特定のアプリを入れる事は出来ますが、その表示する中身までユーザーが変更する事は出来ません。それぞれの場所(位置)の移動は可能ですが、タブアプリの中身はこちらで選べません。
しかし、Facebookページではタブアプリの内容も含めて全て、ユーザーが好きな様に作る事が可能です。
【タブアプリ】と言っていますが、実際アプリケーション(プログラム)と言うモノではなく、実際の中身は単なるサイトページを表示しているにすぎません。
【概念図】
上記の図を見て頂ければ、解るかと思いますが。
ドメインがssl表示※1可能なwebサイトページを、Facebookのページ内に表示しているだけになります。
Facebook側で特に特殊な事をしている訳ではなく、あくまで外部のページを表示しているという、簡単な構造です。
つまり【タブアプリ】に表示されている、画面はssl表示可能なwebサイトページであれば、どんなページでも構わないと言う事になります。※2
と言う事は、ssl表示が可能なwebページであれば、その中身(システム)は単純にHTMLで作られたサイトでなくとも良く、CMS等を利用した、webサイトでもいいと言う事です。
たとえは、飲食店などは、この【タブアプリ】にメニューなどを載せたり、あるいは【今日のおすすめ】と言った日々更新可能なコンテンツを掲載する事も可能です。
また、【タブアプリ】の表示エリア内であれば、他ページへの移動も可能ですし、ショッピングカートと連動させる事も可能です。
【アプリ】と言われていますが、その実普通のwebサイトを表示しているだけなので、制作自体はそれほど難しくない。と言う事です。
制作したwebページをアプリとして登録する方法は、時間があればいつかご紹介いたします。
とりあえず、登録してみたいと言う方は、下記検索キーワードで、Google先生に聞いてください。
検索キーワード:Facebookアプリ登録
※1
ssl表示とは簡単にいえば、通常のwebページより高いセキュリティー機能を持ったwebページと言う事になります。
今使っている、webページがsslかどうかの確認方法は、ドメインの前にある【http://】の部分を【https://】に変更してください。もし、そのままwebページが表示されれば、そのwebページは「ssl認証が使えるwebサイト」となります。
sslが使用可能かどうかは、利用しているサーバー会社へお問い合わせください。
※2
表示内容についての制約はFacebookの利用規約に則って、社会常識の範疇で一般的な内容となります。
また、Facebook側での表示サイズが決まっているので、外部サイトはその表示サイズ以内に収まっている事が前提となります。
2012年12月19日水曜日
Facebookページの予約投稿と修正。
ご無沙汰しております。
気が付けば、一月近く更新していませんでした。
最近Facebook関連の雑務が色々とあって、企業でもFacebookの重要性を理解して、動く方向にシフトしている企業様もいいです。
しかし、中小企業の場合はやはり情報収集能力の違いと言いますか、まだまだインターネットでの集客そのモノに懐疑的なお客様もいます。
そんな方々とお話する日々で、Facebookの詳細機能についてのお話が多々出ます。
と言う事で、本日のお題は
【Facebookページの予約投稿と修正】です。
Facebookページの予約投稿機能は皆さんご存じの方もいるかと思います。
え?そんな機能知らない?
そんな方は下記の記事をご覧ください。
要するに、普通のブログと同じ様に、決められた時間に投稿をUPしてくれる機能です。
リリースは、半年ほど前ですが、以外と知られていない様なので、一応あげておきます。
また、この予約機能は一度設定した後で、変更する事が少々面倒なようです。
通常この手の変更は、設定した画面を使って再度設定変更するやり方がポピュラーですが、Facebookページでは【アクティビティログ】の画面から行ないます。アクティビティログは他にも各種の変更機能を持っているので、何らかの変更が必要な場合に、その変更方法が不明ならば、真っ先にアクティビティログを見てみましょう。
また、Facebookページに限った事ではないのですが、デザイン上の制約か、はたまたFacebookの陰謀?でしょうか(笑
ボタン機能を言葉(テキスト)ではなく、アイコンのみで表示して言葉で示さない場合が多くあります。
そのアイコンも目立たない色なので、解りにくい場所や一見するとデザインに見えるボタンなどがあり、実際に触らないとその機能が解らない物が多数あります。
確かに、世界中で使われているFacebookですから、世界標準でのデザイン性が求められるのでしょうが、もう少し親切であっもいい様な気もしますけどね。
気が付けば、一月近く更新していませんでした。
最近Facebook関連の雑務が色々とあって、企業でもFacebookの重要性を理解して、動く方向にシフトしている企業様もいいです。
しかし、中小企業の場合はやはり情報収集能力の違いと言いますか、まだまだインターネットでの集客そのモノに懐疑的なお客様もいます。
そんな方々とお話する日々で、Facebookの詳細機能についてのお話が多々出ます。
と言う事で、本日のお題は
【Facebookページの予約投稿と修正】です。
Facebookページの予約投稿機能は皆さんご存じの方もいるかと思います。
え?そんな機能知らない?
そんな方は下記の記事をご覧ください。
要するに、普通のブログと同じ様に、決められた時間に投稿をUPしてくれる機能です。
リリースは、半年ほど前ですが、以外と知られていない様なので、一応あげておきます。
Facebookページの投稿を予約する方法
http://f-navigation.jp/manual/pages/pages_reservation.html
http://f-navigation.jp/manual/pages/pages_reservation.html
また、この予約機能は一度設定した後で、変更する事が少々面倒なようです。
通常この手の変更は、設定した画面を使って再度設定変更するやり方がポピュラーですが、Facebookページでは【アクティビティログ】の画面から行ないます。アクティビティログは他にも各種の変更機能を持っているので、何らかの変更が必要な場合に、その変更方法が不明ならば、真っ先にアクティビティログを見てみましょう。
また、Facebookページに限った事ではないのですが、デザイン上の制約か、はたまたFacebookの陰謀?でしょうか(笑
ボタン機能を言葉(テキスト)ではなく、アイコンのみで表示して言葉で示さない場合が多くあります。
そのアイコンも目立たない色なので、解りにくい場所や一見するとデザインに見えるボタンなどがあり、実際に触らないとその機能が解らない物が多数あります。
確かに、世界中で使われているFacebookですから、世界標準でのデザイン性が求められるのでしょうが、もう少し親切であっもいい様な気もしますけどね。
Facebookページへの予約投稿(日時指定の投稿)をキャンセル/時間変更/即公開する方法
http://wayohoo.com/facebook/beginners/how-to-edit-reservation-posts-for-the-facebook-pages.html
http://wayohoo.com/facebook/beginners/how-to-edit-reservation-posts-for-the-facebook-pages.html
ラベル:
facebook関連,
たわごと,
作業覚書
2012年11月21日水曜日
スマートフォンを使った音声入力 今さら……第48回
今さら聞けないネットのあれこれ。
「音声入力で書類を作る方法」
についてお話します。
重要度:★
難易度:★
最近スマートフォンを使うときにキーボードよりも、音声で入力をすることが多いことがあります。この音声入力で文章を入力する方法があります。
文章作成などでキーボードの打ち込みよりも、しゃべることつまり音声入力によってデータを入力する方が時間が早い場合があります。
しかし文章入力は特定のアプリを使うために、入力した文章の保存がメール等に制限される場合があり、必ずしも使い勝手が良いとは限りません。
そこで今回紹介する方法はWebサービスの機能を使って、スマートフォン用アプリとの連携を生かし、効率的に音声入力したデーターを文書化する方法を紹介します。
スマートフォンでもPCでも使えるwebサービスlino
lino
linoはブラウザベースの付箋サービスとでも言いましょうか。便利なメモボードの様なWEBサービスです。しかも、スマートフォンや携帯電話にも対応していますので、あらゆる端末からアクセスが可能です。
スマートフォンにはiPhoneとAndroidの双方のアプリがあるので、殆どのユーザーが使えるシステムです。
スマートフォンには、キーボードでの入力の他に、音声での入力方法もあるのでその音声入力システムを使用すれば、スマートフォンに喋りながら文章を制作することができます。
実際の作業の流れはこうです
linoのアプリを起動して、スマートフォンを使って文章を入力します。その文章を保存して今度はPC上から保存した内容を確認します。
データ(文章)はほぼリアルタイムで更新されるので、PC上で確認した内容をそのままコピーしてそのテキストを他のアプリ(ワードやテキストエディター等)にペーストすれば、書類の出来上がりです。
文章の修正(リライト)は必要ですが、簡単に大量の文章データを作成することができるので、非常に便利です。
またネットワークにさえ繋がれば、どこでも入力が出来るので、思いついた時に入力といったことが可能です。
今回のこの記事もlinoの機能を使って制作しています。
製作時間は大体30分程度でしょうか。制作内容が決まっていれば、ほぼ文章を読み上げるような形で制作できるので、非常に簡単です。
ただ唯一の問題はスマートフォンに向かって喋ると言う行為です。
端から見るとまるで、ひとり言を言っているように見えるので、少々恥ずかしい様な気がします。
しかし、効率的に文章の入力が出来るので、一度使ってしまうと離れられなくなりますよ。
2012年11月13日火曜日
Facebook テーブルテントアプリ
今日は、ネタがあるので急遽、連投です。
11/13 PM
Facebookマーケティングから、テーブルテントアプリが公開されました。
店舗経営されているお客さま向けの、アプリです。
実店舗に来て頂いたお客様に、Facebookページへのアクセスを簡単にしてもらう様に開発されたアプりです。
アプリとは言っても、要するにQRコード生成プログラムなのですが。
テーブルテントアプリ
https://www.facebook.com/marketingjapan/app_496405607036818
![]() |
入力欄に、FacebookページのURLを記入して、イメージを作成ボタンを押すと、badge.pngと言うファイルがダウンロードされます。
そのファイルをプリントアウトすると、下記の様なPOPが印刷できます。
冷静に考えれば、タダのQRコードを印刷したPOPですが、Facebookのオフィシャルですので、普段使えない【オフィシャルロゴ】も入っているので、ちょっといい感じです。
このPOPをテーブルやレジ周りなどに貼っておけば、お客様が簡単にアクセスできますし、キャンペーン等と一緒に行なえばアクセス数をあげる事も可能ではないでしょうか?
【フォント】につてい
初心者WEBデザイン?
【フォント】につてい
ブラウザで使う、フォントについてのお話。
サイト製作の勉強をしていると、比較最初の頃にこの【フォント】についての問題に遭遇します。
一般的に言われている事で、【フォントは指定するな】と言う事が言われていますが、実際には大抵のサイトで、CSSによるフォント指定がされてます?
これでは言っている事と、やっている事が矛盾しますよね??
初心者にとっては、まってくもって【?????】といったところでしょうか。
本来の意味としては、フォントを指定しないという事は、【ブラウザの設定に任せる】という意味があります。
そもそも、ブラウザで使用するフォントとは、どういったモノなのでしょうか?
ブラウザで使用するフォントは、使用するブラウザ毎にフォントも、文字サイズも違います。
これらは、ブラウザの設定で簡単に変更が可能です。
この時に選択出来るフォントの種類は、概ね5種類くらいのフォントになります。
その5種類と言うのは、OSに関係なく一般的に搭載されている、【基本フォント】というものになります。
つまりブラウザで使用しているフォントは、
【使用するPCに搭載されているフォント】
と言う事になります。
では、PCに搭載されているフォントであれば、何を使ってもいいのか? と言うと……ダメです。
初心者にありがちな、欲望としてCSSなどを使って、部分的にフォントの指定(見出しタグ等)をして、見た目の綺麗なモノを作ってみたいと思われるでしょうが、それは意味の無い事なのです。
先ほど言ったように、【使用するPCに搭載されているフォント】で無ければ、ブラウザではそのフォントは表示しません。
つまり、自分のPCにはある(搭載)フォントは、必ずしも閲覧者(ユーザー)が観るPCにそのフォントが有る(搭載されている)とは限りません。もし指定したフォントが無ければ、代替えフォント※1に置き換えられてしまい、せっかく用意したデザインが(見た目)無意味な物になってしまいます。
この為にフォントの指定はするな。と言う事が言われているのです。
では、何故CSSによってフォントを指定しているか? ますます解らないですよね?
解答としては、複数のブラウザで同じ表示にするため。
と言う事です。確かにフォントの指定はしていますが、それは【ターゲットブラウザ】に対して、可能な限り同じ表示にする、一つのテクニックなのです。
ブラウザはそれぞれに初期設定のフォントやサイズが違います。しかし、それでは閲覧するブラウザによって、見え方が大きく異なる可能性が出てきます。
製作側としては、ブラウザが変わっても、同じ様に見える事が望ましい※2のでサイト内のフォントと、フォントサイズを指定することで、同じ見た目を保つようにしています。
もちろん指定するフォントは標準的なブラウザフォントです。
つまり、【フォントの指定をするな】とは標準的なフォント以外のモノ(フォント)を使うなという意味です。
いい変えれば、標準フォントであれば多少の装飾はOKとなります。
どうしても、標準以外の綺麗なフォントを使いたい場合※3、手段が無いことはありませんが、以下の条件が必要になります。
1.著作権フリーなフォントである。
2.JIS第二水準までのフォントデータをもつ事。
3.OSに依存しない汎用フォーマット、または一般的なフォントであること。
などの条件全てをクリア出来れば、フォントデータをWebサーバー上にUPして、CSSにてフォント指定をすれば、ブラウザでの使用も可能になります。
まぁ、かなり高いハードルですが。
いずれにしても、CSSによるフォント指定は、汎用フォントで、複数のブラウザでの表示を同じ様に見せるためのテクニックという事を覚えておいてください。
代替えフォント※1
CSSで指定したフォントが無い場合、ブラウザの設定フォントに置換されます。
同じ様に見える事が望ましい※2
製作としては、最低でもターゲットブラウザに対しては、全て同じ様に表示される事が望ましいのですが、必ずしも同じにならない事があります。
標準以外の綺麗なフォントを使いたい場合 WEBフォントを使う※3
WEB上に公開してあるフォントデーターを利用する方法で、ブラウザーで使用できる形にしたもの。
日本語対応のものもあるが、基本的に有料のものが多い。
2012年11月9日金曜日
CMSの実情?? 今さら……第48回
今さら聞けないネットのあれこれ。
「実はCMSは難しい?」
についてお話します。
重要度:★★
難易度:★
最近すっかり定着したCMS(英: Content Management System)ですが、様々なタイプが出ています。
ここ数年は、完全日本製のシステムもでてきて、その数も増える一方です。
【ホームページを簡単に製作・管理出来ます】
と言うような、キャッチコピーをご覧になった事がある人も多いと思いますが、実際のところはどうなのでしょうか?
確かに、簡単にホームページを製作出来るシステムも多数あります。ですが、実際に使ってみると使えるデザインテンプレートの種類が少なかったり、デザインの自由度が低かったりと、意外と不満が多かったりします。
また【簡単に出来る】といった謳い文句で使ってみたら……
全然簡単じゃなかった!
などと言う事もしばしば。
何故?簡単にでは無いのに、簡単に…… などと言うキャッチで誘うのか。
我々製作サイドから言わせてもらえれば、
【あれでも簡単】
なんです。
つまり面倒な製作部分をバッサリ削除したモノが、巷で言われているCMSなのですが、それでも実際の運営管理というモノは、それなりに難しいのです。
中には【確かに簡単】とうい物も有りますが、そう言ったCMSに限ってデザイン性が乏しく、また任意に変更出来る箇所が少ないなどの不満が出ます。
つまり、操作や管理が簡単であるCMSは変更出来る自由度が低い。 と言う事になります。
もちろん例外のCMSも有りますが、それは稀な物です。
基本的に変更の自由度が高ければ高いほど、管理側の負担は増えます。
それは、自由度が高いと言う事は変更箇所が多いと言う事です。変更箇所が増えれば管理は複雑にならざるを得ません。
ようするに……
簡単に出来る都合のよいCMSは無い
と言う事です。
もちろんサイトそのモノのデザイン性を犠牲にすれば別ですが、基本的に簡単に出来るCMSは【それなり】の性能しかないと言う事です。
2012年11月7日水曜日
メールを貯め込まない技? 今さら……第47回
今さら聞けないネットのあれこれ。
「不要メールを貯めない技」
についてお話します。
重要度:★★★
難易度:★
なんだか、すごい技?のような事ですが……
何の事はありません、Thunderbird での、ちょっとした設定についてのお話です。
毎日受信される、メールマガジンやスパムメール。
フィルター機能を使って、ゴミ箱や自動削除する設定にしている方もいるかと思います。
しかし、全てのメールをゴミ箱や自動削除する訳ではありません。
そうした、メールはどうしてますか?
読んですぐ削除。 と言うのがある意味理想なのですが、それが意外と面倒……
そして、気が付くとメールフォルダーの中がいっぱいに……
なんてことは、ありませんか?
Thunderbirdを使っていれば、ちょっとした設定で
貯まった古いメールを自動的に削除してくれます。
設定方法はいたって簡単。
左にある、ナビゲーションフォルダーから、設定したいフォルダーを選び、右クリックでプロパティを表示します。
上部タブの【保管ポリシー】を開いて、送信日時から~の項目にチェックを入れて、OKボタンで設定完了です。
簡単でしょ。
残したいメールはスターを付けておけば設定日時を過ぎても削除される事はありません。
![]() |
| デフォルトでは、【メッセージを自動削除しない】に設定されています。 |
保存しておきたいメールをいちいち【保存フォルダー】に移動する事も無く、意外と便利です。
アカウント(メールアドレス)毎の設定ではなく、フォルダー毎の設定なのでかなり自由度は高いです。
上手く設定すれば、溜まったメールの削除と言う、面倒な事から解放されますよ。
2012年10月30日火曜日
データは別の場所に 今さら……第46回
今さら聞けないネットのあれこれ。
「Cドライブにデータを貯めない」
についてお話します。重要度:★★★★★
難易度:★~★★(場合によって)
先日のPCトラブル絡みで、思いついたのですが……
みなさんのPCはHDD(ハードディスク)の容量は、どのくらいでしょうか?
最近のPCはHDDが巨大化しており、デフォルトで、1TB搭載のPCが標準なのが当り前になっていますよね? そこで、そのPCのCドライブの容量はどのくらいでしょうか?
おそらく殆どの方が、メーカー出荷状態の状態で使用しているかと思われますが…… つまり、容量1TBのHDDをそのままCドライブ(システムドライブ)として使用している事になっているのではと思います。
個人的には、無駄にデカイHDDに意味は無いと思っているのですが、まぁその辺りはパソコンメーカーの経営戦略と言う事で(笑
一般的な使い方としては間違っていないし、別の使い方をしなさいとは、メーカーも言っていませんから悪い事ではありませんが……
しかしその使い方だと、トラブルに見舞われた場合の対処が大変です。
もし、突然PCが使えなくなって、HDDそのものをフォーマットしなければならなくなった場合、貯め込んだデータはどうしましょう?また、OSの入ったドライブに大量のデータを入れて置くことは、起動時に時間が掛かったり、システムが不安定になりやすい要因の一つです。
そう言った場合に備えて、OSの入ったドライブは、必要最低限のソフト(OSとわずかのアプリケーション※1)のみとして、残りは別のドライブ(Dドライブやその他)に保存すると言う方法をとります。
これはPCに詳しい人であれば、あるほど実践しています。
それは、先ほど言ったトラブル対策もそうですし、快適にPCを使う有効な工夫でもあります。
想像してください。
もしPCの調子が悪くなっても、最低限のシステムしか入っていなければ、データのバックアップの必要が無い、あるいは最低限のバックアップで済むので、OSの再インストールやクリーンインストールも楽に行えます。
ではその方法ですが、一番簡単な方法は【外付けHDD】の購入です。
現在使用しているHDDのパーテーション※2を分けて、別ドライブを製作するのではなく、
物理的にHDDを分ける事が重要です。
パーテーションを分けても、実際に同じHDD内であればあまり意味はありません。
むしろHDDの破損等の場合は、ドライブを分けていても意味がありません。
基本的に【ドライブを分ける】と言う事は、物理的に違うモノに入れると言う意味だと思ってください。
(DVDやBlu-rayでも結構ですが)
現在1TBの外付けHDDだと、1万円程度で購入出来るので、それほど高額ではありません。
わずか1万円程度で、リスクヘッジが可能ならばコストパフォーマンスは高いと思います。
また、大元のCドライブですが【My Documents】などのデータフォルダーをCドライブ以外に設定するだけで、それなりの効果があります。詳細については、近日中?にブログにUPしたいと思っています。
/////////////////////////////////////////////////////////////////////
※1アプリケーション
普段使うアプリケーションですが、Cドライブ以外にインストールする事は可能です。ただし、OSのシステムを使う一部のアプリはCドライブにしかインストール出来ません。そう言った必須Cドライブのアプリケーション以外は、全てCドライブ以外にインストールすると、Cドライブはかなり軽くなりますのでお試しを。
※2パーテーション
HDDの内部を仕切る(パーテーション)事で、複数のドライブとして利用する方法。
ただし、物理的には1つのHDDであるので、パーテーションを切った複数のドライブの何処かにトラブルが起きれば、他のドライブにも影響を与える事になる。
登録:
コメント (Atom)




























