2010/2/24 (水)

Illustratorでテクスチャを使う

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 14:36:40

愛車のフロントガラスが飛び石でちょっぴりかけたatsushiです。:gaaan:

今日はフリー素材でダウンロードしたテクスチャ画像をIllustratorで使用する方法をご紹介します。
いろいろなやり方がありそうですが、一番簡単な方法を紹介します。

1.まずはフリーのテクスチャ素材をダウンロードします。
 :hand:→フリーのテクスチャ素材はこちら

2.Illustratorの新規ファイルにテクスチャを開きます。
 今回は古い紙のテクスチャを使用します。宝の地図とか描くといいかも…:dollhukuro:

3.貼りつけたテクスチャ画像をスウォッチに登録します。
 スウォッチパレット内にドラッグするだけでOKです。:hoshi1:

4.描いたオブジェクトの「塗り」にスウォッチを選択します。


これで完成です。:otya:

これまで画像の容量の問題もあるので使いどころが難しそうですが、
リアルな質感のデザインももっと取り入れていきたいですね。

:kaomoji6:ブログランキングの投票もお願いします。
:onegai:  人気ブログランキングへ

2010/2/20 (土)

Wordpress wp-grinsの絵文字追加

タピオカ入りココアが少し気に入ったYu-ichiです:neko:

今回はWordpressに絵文字を追加する「wp-grins」プラグインの
絵文字追加方法についてご紹介したいと思います。

まずは追加したい絵文字の画像ファイルを以下のフォルダ内に追加します。:nikukyu:
/wp-includes/images/smilies/

そして、通常は
/wordpress/wp-includes/functions.php
の中に絵文字の記述を追加するのですが、Wordpressのバージョンアップや
その他、functions.phpの書き換えが発生するたびに
いちいちファイルをマージする必要がでてきます。:naku:

というわけで、外部ファイル化してしまう方法をご紹介します。:cat_5:

まず、functions.phpから以下の部分をコピーします。:kaoemoji3:
(数が多いので一部だけ)
—————–
$wpsmiliestrans = array(
 ’ :-)’       => ‘icon_smile.gif’,
 ’ :-D’       => ‘icon_biggrin.gif’,
 ’:smile:’    => ‘icon_smile.gif’,
 ’:sad:’      => ‘icon_sad.gif’,
 ’:eek:’      => ‘icon_surprised.gif’,
);
—————–

次に、コピーしたものを【my-hacks.php】という名前のphpファイルを用意し、
<?php ~ ?>の間に貼り付けます。:kaoemoji3:
—————–
<?php
/*
Plugin Name: my-hacks
Description: wp-grins絵文字追加用my-hacks
Author: netimpact
/
/*
* put your hacks here
*/

$wpsmiliestrans = array(
 ’ :-)’       => ‘icon_smile.gif’,
 ’ :-D’       => ‘icon_biggrin.gif’,
 ’:smile:’    => ‘icon_smile.gif’,
 ’:sad:’      => ‘icon_sad.gif’,
 ’:eek:’      => ‘icon_surprised.gif’,
);
?>
—————–

【訂正】
この時に緑の部分
/*
Plugin Name: my-hacks
Description: wp-grins絵文字追加用my-hacks
Author: netimpact
/
/*
* put your hacks here
*/

を追加して下さい。
これはプラグインファイルですよ~という宣言です。
これがないとプラグイン一覧に表示されません。

どのような宣言かというと、
Plugin Name:ここにプラグインの名前
Description:プラグインの説明
Author:プラグインの作成者

他にも
Plugin URI:http://配布先URL
Version:プラグインのバージョン
Author URL:作成者のURL

といった記述が使用可能ですが、特に一般公開していなければ
最初の3つだけでも十分です。

保存時の文字コードの注意して下さい。
UTF-8
で保存しないと、文字化けやエラーが発生します。

この【my-hacks.php】ファイルをpluginsフォルダに入れて、
管理画面から「使用する」をクリックすれば、追加の絵文字が表示されるようになります。:cat_5:

こうすれば、プラグインとして機能するのでfunctions.phpを書き換えることがあっても
大丈夫です。

my-hacks.phpについては、まだまだ研究の余地がありそうです。:neko:

wordpress研究のやる気UPの為にも、クリックお願い致します:kaomoji6:

:onegai: :yubiright: 人気ブログランキングへ:yubileft:

2010/2/18 (木)

パソコンで地デジ

自宅のテレビを早く地デジにしたいsinosanです。

人気ブログランキングにも、挑戦中です。
クリックお願いいたします。

:hand: 人気ブログランキングへ :kurikku:

地上デジタル放送は、テレビで視聴するだけでなく、パソコンでも視聴や録画をすることができます。
といっても、それほど難しいことではありません。
デジタル放送は、画質も良く番組を保存しても、きれいなままずっと先まで楽しめるものです。:mrgreen:

デジタル放送は、高画質なので、データ量が巨大なのが難点です。
最近までは、ワンセグ放送が主流でしたが、ワンセグ放送はデータ量を減らすために解像度を落とし
粗い画質になってしまいます。(320×240ドット)

2008年にパソコン用の地デジチューナーの著作権が解禁されウィンドウズ7発売以降は、製品も
充実してきました。:razz:

とはいってもすべてのパソコンでチューナーを接続すれば使えるというものではありません。:cat_6:
デスクトップパソコンの場合、「HDCP」という著作権保護機能にパソコンとディスプレイが対応している
必要があります。
ノートパソコンの場合は、ほとんど心配することはありませんが、グラフィックカードの性能によっては、
使えない場合もあります。:orooro:

地デジチューナーを発売しているメーカーから確認のためのソフトを配布していますので、
購入前に自分のパソコンが視聴できるかどうか確認するのも必要と思います。:shock:

もうひとつ問題となるのがデータ量の大きさです。
デジタル放送のハイビジョンはデータ量が巨大で5年以上前のパソコンや低価格のパソコンでは、
うまく再生できない模様です。

バッファローでは、高性能のパソコンでは、画質をそのまま、低スペックのパソコンには、DVD相当と
画質を調整してくれる機能のある製品もあります。:hakusyu:
また、パソコンには地デジチューナーを内蔵したものもありますが、そうでないパソコンには
USB接続といった方法もあり、規格にあわせる必要もあります。

また自宅が地デジを視聴していればそのままアンテナ線をパソコンに(チューナーを介して)接続すれば
そのまま視聴できますが、アナログの場合(自宅はこれです)はアンテナ工事が必要です。

パソコンで録画したデータはそのまま別のパソコンへコピーしても著作権保護の都合で見られません。:body_deject:
ブルーレイやDVDへダビングはできますが。

ご興味のある方は、以下のサイトから確認用のプログラムをダウンロードして確認してみましょう。

地デジ相性チェッカー(アイ・オー・データ機器)
http://www.iodata.jp/promo/chidigi/howto_check.htm

ストリームテスト for 地デジ(バッファロー)
http://duffalo.jp/products/catalog/multimedia/chidiji/streamtest.html

では。:hei01:

画像の縁取り

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 11:28:51

手足が冷えきっているatsushiです。:kaomoji3:

前回に続き、ホームページの素材づくりに関するテクニックを紹介します。

ボタンに縁取りをする方法

画像に縁取りをつける方法ですが、2種類あります。1つは、画像に直接色をつける方法。もうひとつは、レイヤースタイルを使う方法です。

まず1つ目

1.適当なボタンっぽい画像を用意します。

2.ボタン画像のレイヤーを選択し、「編集」-「境界線を描く」をクリック。縁取りの色太さなどを設定します。

完成

2つ目の方法

1.適当なボタンっぽい画像を用意します。この手順は1つ目と同様でOKです。

2.ボタン画像のレイヤースタイルの「境界線」で色・太さを設定します。

完成

どちらの方法も見た目は同じに仕上がりますが、1つ目の方法は、レイヤーに直接色を塗っています。

2つ目の方法は、縁だけ描かれたレイヤーが被さっているだけなので、レイヤースタイルを変更すれば、縁をはずしたり太さを変えることも簡単です。

1つ目の方法にもメリットがあって縁取りを2重にかけることができるのです。

お役に立てたらブログランキングの投票をお願いします

:onegai:  人気ブログランキングへ

2010/2/17 (水)

デジタル・ネイティブに変身する(5)

カテゴリー: ネットの未来 — taka @ 10:30:18

:hand:指の怪我で、まだギブスをしているtakaです。

繋がっている事が当たり前の時代

デジタル・ネイティブになるためには、常にネットと繋がっていることが重要??と思い
今回は、Bluetooth接続に挑戦しました。

・・と言っても、:keitai:
携帯電話を車のナビと接続し、ハンズフリーで話せるようにするという簡単な挑戦ですが
過去に、車で走行中に電話に出て、運悪く?警察に捕まったので:cat_6:(道路交通法のばかやろ~)
ハンズフリーは、今後は必須と思っていました。

接続は、至って簡単で5分もかかりませんでした。

携帯とナビを相互認識し、パスワードを登録するだけです。

使ってみると、ものすごく便利な機能です。

着信時もすべてメインユニット本体で操作できるため、
携帯電話をカバンなどから取り出すことなくそのまま通話することができます。
着信があった場合、メインユニットに通話相手の電話番号を表示するので、あらかじめ相手の確認ができます。

はじめて、走行中に着信した時は、
・・・何の音だ?? そうか電話か?・・ という感じで、少しあわてましたが・・・:kaomoji2:

携帯電話からメインユニットに住所碌をワイヤレスで転送しておけば、
着信時にメモリーされた通話相手の名前をディスプレイに表示します。

使ってみると、ものすごく便利な機能です。

Bluetooth(ブルートゥース)の仕組み

ハンズフリーの接続で利用したBluetooth(ブルートゥース)の仕組みについて
調べてみました。

Bluetooth(ブルートゥース)は、デジタル機器用の近距離無線通信規格の1つで
数mから数十m程度の距離の情報機器間で、電波を使い簡易な情報のやりとりを行うのに使用されている
IEEEでの規格名は、IEEE 802.15.1である。

免許申請や使用登録の不要な2.4GHz帯の電波を使用して、パソコンのマウス、キーボード、携帯電話、
スマートフォン、PDA、車・・などでの文字情報や音声情報といった比較的低速度の
デジタル情報の無線通信を行う用途に採用されている。

Bluetoothはその特性上、様々なデバイスでの通信に使用される為、
機器の種類ごとに策定されたプロトコルがあり、これをプロファイルと呼び標準化しているようだ。

通信しようとする機器同士が同じプロファイルを持っている場合に限り、
そのプロファイルの機能を利用した通信をおこなうことができる仕組みだそうだ。

携帯を持っているだけで、ナビと自動で接続され、
まさに、意識せずに繋がっている事が当たり前の時代になった事を実感させられます。

みなさんは、
「繋がっている事が当たり前の時代」 どう思いますか?

 

ブログランキング挑戦中です。よかったら1クリックお願いします。
ただいまFC2、2位、ブログランキング7位です。

 :onegai: :yubiright:人気ブログランキングへ:yubileft:

 

関連記事は↓こちらから
http://www.netimpact.co.jp/blog/9511
http://www.netimpact.co.jp/blog/2252
http://www.netimpact.co.jp/blog/2075
http://www.netimpact.co.jp/blog/394

2010/2/12 (金)

表の位置が違う

sinosanです。

人気ブログランキングにも、挑戦中です。
クリックお願いいたします。

:hand: 人気ブログランキングへ :kurikku:

明日は、カナダのバンクーバーで冬季オリンピックの開会式が行われますが、
雪不足の為、あちこちから雪を調達して、コース設営をしている人たちがたくさんいると聞きました。
世界的な異常気象の影響も出ているみたいです。:mad:

話は変わりますが、ホームページを作成している中で、ページの内容に応じて、表組みをすることが
多々あります。

ブラウザもバージョンアップする毎に、使いやすくなるのはいいのですが、
今までのソースの書き方では、バージョンによっては、表示に違いが出てしまいます。:cuss:

すべてのブラウザでの表示が同じなら何の不都合も起きないのですが、
ブラウザによっても違いが出てきます。

インターネットエクスプローラのバージョン8では、8以前のモードで表示する「互換モード」がありますし
また、ファイアーフォックスの表示も考慮する必要があります。

以下のようなソースがあったとします、

<table aligin=”center”>~</table>:?:

この場合、表はページの中央に配置されるのが普通なのですが、
インターネットエクスプローラのバージョンやブラウザによっても、表が中央に配置されず
左に寄ってしまう場合があります。:kaomoji4:

特にファイアーフォックスでは、機能しません。

そこで、<div>タグを使って中央に配置するのですが、その時気をつけなければならないのが
セル内の文字列です。
中央配置のおかげで、セル内の文字列も中央に配置されてしまうのです。
こんどは、<td>タグに左揃えのコマンドを付けなければなりません。:shock:

これは、IEのバージョンの違いでも確認されました。

ページ内の表の配置の際は、気をつけましょう。:oops:

セキュリティは大切です

寒くて毎朝起きるのがつらいYu-ichiです:neko:

さて、ブログやネットショップなどCMSツールを使っている皆さま
パスワードはしっかり管理していますか??

まさか、ID:admin パスワード:adminとかやっていませんよね?:cat_6:

WordpressやZencartなど、オープンソースでシェアのあるソフトは
攻撃の対象になりやすいもののひとつです。:kaomoji3:

いろいろな方が脆弱性をなくすために日々戦ってくれています。:wa-i:
ですが、なくならないのが事実です。:naku:

Wordpressではこんなページが用意されているくらいですので・・・
ハッキング・クラッキング被害

簡単に出来る予防策としては

  • パスワードは安易な物を使わない
  • アップデートはこまめに行う
  • バグやエラーは放置しない
  • ウィルス対策ソフトは常に最新の状態にしておく
  • 怪しいソフトは使わない

などでしょうか。:kaoemoji3:

特に最後の「怪しいソフトは使わない」というものですが
こちらの記事をご覧ください。
CHUO SPECIAL RAPID様>プラグインには気をつけろ

いかがでしょうか?
意外と盲点だった方もいるはず?!
○○プラグインのダウンロード(公式サイト)
上記公式サイトからダウンロードできない場合は、こちらのミラーサイトをお試しください。」
などと案内して、悪意のあるコードを埋め込んだプラグインを配布しているサイトも
あるかもしれません。

情報もそうですが、ツールも「信頼性」が大切ですね。

 

でも、フリーソフトだから自己責任でと言われたらおしまいですが・・・:body_deject:

放置しているサイトやブログなど、被害にあっていないか是非チェックしてみてください。:neko:

ブログランキングの方も応援お願いします:kaomoji6:
:onegai::yubiright:人気ブログランキングへ :yubileft:

2010/2/11 (木)

車の音声認識の進歩

カテゴリー: ネットの未来 — taka @ 20:35:07

今日は、埼玉でも雪が降りそうなので、早く帰ろうと思っているtakaです。:kaeru_snow:

車の音声認識の進歩

最近カーナビが変わって、一番驚いたのは、音声認識の進歩です。

難しいと思われたも音声認識が実用ベースに近づいたと感じました。

いろいろな局面でしゃべる車

例えば、シートベルトをしていないと「シートベルトを着用して下さい」と促したり、
車が少し蛇行すると「警告の言葉」を発したり、聞いている音楽の曲名を読み上げたり、
色々な局面でしゃべります。

言葉の抑揚やイントネーションなどは、機械っぽく感じまだまだですが
昔に比べれば、音声がだいぶ自然に近づき聞き取りやすくなった感があります。

音声認識技術

この音声認識技術(speech recognition)は、音声認識・合成エンジンによって
人の話す音声言語をコンピュータによって解析し、話している内容を文字データとして取り出す技術らしい。

カーナビなどの音声操作などのように、認識対象の言語が人手で網羅出来る程度に小さい場合は、
文脈自由文法?というのが使われているらしい。

これから、カーナビゲーション以外の他の分野でも
キーボードからの入力に代わる文字入力方法として、活用されていく技術と思われます。

音声認識と個人認証技術

また音声を事前に登録しておくことで、あらかじめ記録しておいた音声パターンから
特徴を抽出し、モデル化し、読み取り精度を上げる事も可能になってきたようだ。

将来は、車の中に複数の人がいた場合、人間の声から個人を認識(識別や認証)する
話者認識も実用化される時期が来るのだろうか?

「友達のようなクルマ」に

イギリスで、車に関する世論調査で、ドライバーの半数近くが所有する車に話しかけた事があると回答したそうです。

最近は、カーナビ、ETC、スピード違反のレーダー・・など色々な機械が
それぞれのタイミングでしゃべるので、統一してほしいものですが・・・

きっと未来では、映画やアニメの世界のように、

車が友達やペットのように、人と普通に会話する存在になるのかも?しれませんね。

 

みなさんは、どう考えますか?:hei01:

 

関連記事はこちらから
http://www.netimpact.co.jp/blog/9685

 

ブログランキング挑戦中です。よかったら1クリックお願いします。

ただいまFC2、3位、ブログランキング7位です。

 :onegai: :yubiright:人気ブログランキングへ:yubileft:

 

2010/2/10 (水)

アクア風やさしい感じのボタンの作り方

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 18:55:58

アイロンかけがかなり上達してきてるatsushiです。:oyaji:

今日は、iphonのアイコンのデザインでつかわれている、つや、透明感のあるボタンの作り方をご紹介します。

さっそくですが、

1.適当にグラデーションでボタンらしいものをつくります。ガイドを使って描くことをお忘れなく!!
  ※レイヤースタイルのグラデーションオーバーレイを使うとロールオーバーも作りやすいかも

2.作ったボタンのレイヤーをCTRLキーを押しながらクリックし、グラデーション部分の選択範囲をつくります。

3.楕円選択ツールを使い下記のような選択範囲を作ります。
 ※Shift+Altキーを押しながら左上からドラック&ドロップすると選択範囲の重なり合ったところだけ選択されます。

4.グラデーションツールで白→透明のレイヤーを被せます。
 ※白→透明のグラデーションをつくるのであらかじめ描画色を白にしておくといいかも

5.あとはお好みで透明度を調整したり、縁取りを入れたりすれば完成です。

そんなに難しくないけど、結構クオリティー高く見えるのでおすすめのテクニックかと思います

役にたったらブログランキングの投票お願いします。:kaomoji6:

:onegai: 人気ブログランキングへ 

2010/2/5 (金)

Excel関数のお勉強

油断していたら風邪をひいて熱を出したYu-ichiです:neko:

土曜日はパソコンのインストラクターをやっていたりしますが
その中で、持ち込みで資料を作って欲しい!という方もいらっしゃいます。

たいていのものはその場でちょちょいと作ってしまうのですが、
アプリケーションのバージョンによって、動作しない物などがあります。:naku:

今回はExcel2007の「SUMIFS」関数を2003以降のバージョンで
再現してみたいと思います。:wa-i:

「SUMIFS」関数とは、「SUMIF」関数のパワーアップ版です。:cat_5:
どう変わっているのかというと、
「SUMIF」関数が1つの条件で当てはまったものの合計を出すのに比べ、
「SUMIFS」では複数条件に当てはまったものの合計を出すことが出来るのです。

「SUMIFS」関数は

=SUMIFS(合計対象範囲,条件範囲1,条件1,条件範囲2,条件2…)

という関数なので、上の表を関数を使ってあらわすと、セルG3に入る式は

=SUMIFS($C$3:$C$15,$A$3:$A$15,E3,$B$3:$B$15,F3)

となります。
でもこれはExcel2007でのお話です。:ga-n:
その前のバージョンでは、「SUMIFS」関数が使えないため、工夫が必要になります。

あまり正しい使い方では無いのですが、「SUMPRODUCT」関数を使います。:kaoemoji2:

=SUMPRODUCT(配列1,配列2,配列3,…)

これを使って上の表をあらわすと、こうなります。:cat_5:

=SUMPRODUCT(($A$3:$A$17=E3)*($B$3:$B$17=F3),$C$3:$C$17)

ちょっと複雑な感じがしますが、赤文字の条件に当てはまれば「1」が、
当てはまらなければ「0」が代入される性質を利用しています。
0×1000=0、1×1000=1000 という感じですね。:kaoemoji3:

これを考えると、Excel2007は非常に使いやすくなった気がします。
インターフェース以外は・・・:hamster_4:

またExcelの便利な関数や小技を紹介していきたいと思います。:neko:
ご期待下さい!

ブログランキングの方も、応援お願いします:kaomoji6:
:onegai::yubiright:人気ブログランキングへ :yubileft:お陰様でFC2ランキング第2位:cat_5:

車検/車修理 | 廃車 | 自動車中古部品 | ホームページ制作 | 自動車中古パーツ | パソコン教室 | 木工機械/電動工具 | プレハブ | 不用品回収/粗大ごみ | 中古楽器買取り |