INDEX    RSS    ADMIN

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2007年のまとめ

2007年も残すところあとわずかですねー。今年はプライベートや仕事といったリアルな生活に目を向けた1年になりました。ブログを始めたきっかけはネットビジネス関連の情報商材らしきものだったりしますが、最近は純粋にホームページ作成に目を向けつつあります。色々 "知る" というのも面白いです。

ネットビジネスにおいて近年見られる情報商材を否定するわけではありませんが、以前は尊敬の眼差しで見ていたものも最近は違った目線で見るようになっています。知識が増えた分、目が肥えてきたといったところでしょうか?どうすれば儲かるか?を考えるよりどんなサイトを作りたいか?を考える方が楽しいです。その上で戦略を練っていきたいものです。

世の中には便利なツールを提供しているサイトがあって上手く利用すれば短時間で見栄えの良いサイトを作る事が可能だという事も最近になって知りました。そして今更ながらですが、「Web2.0」といものもようやく理解できてきました。私は自分のパソコンを購入してインターネットを始めたのが2年前なので、というか10年前には仕事で使っていましたが、その頃はまだ一般庶民にはパソコンが高価で個人でインターネット環境を整えるのにもう少し金銭的に余裕が欲しいところでした。その頃からネットで何かしたいという願望はありましたが、ようやく今になって出来るようになりました。

私がネットで活動を始めた2006年には、すでにウェブの環境が変わってきていたのでWeb2.0も考える必要がなかったように思います。今では当たり前に使っているものが数年前までは当たり前では無かったということはよくある話ですし、これから先もインターネットはどんどん進化していくものだと思います。職場の先輩からパソコン通信の話を聞いては感動していた時代が懐かしいです。

そんなわけであまり意味の無い記事を書いてしまいましたが(笑)、このブログは私がウェブを通して知った情報を残していくブログにしていくことにしました。ネットビジネスやアフィリエイトの話は好きなのでこちらも継続していくつもりでいます。2008年はもう少し頭の良いブログにしていきたいものです。

このブログを始めた頃の記事を読み返してみると私も成長したなあ…と最近はつくづく実感します。キーの入力スピードに比例して文章量も増えてきました。以前こちらのサイトでブラインドタッチを参考にしていましたがキー配列を指に覚えさせるとかなり速く打てるようになります。
目指せ!ブラインタッチマスター!!

今年の夏は「北斗の拳 激打3」(2003.4)を楽しみながらキー配列を指になじませていました。本編よりも激打乱外列伝~ジード軍の章~をよくやっていました。各文字キーが書かれた雑魚キャラが画面の奥から飛んでくるので同じ文字キーを打って倒します。以外にはまっていました(笑)。ローマ字入力で覚えている指の動きもある程度なら矯正できると思います。動体視力と反射神経を酷使する日々を過ごしていました。日本語は楽に打てるのに英語になると打ち辛いと感じるのも慣れの部分が多いのではないでしょうか?
北斗の拳 激打 3 ~タイピング百裂拳~

2008年度はブログらしく感じた事は素直に書き残していこうと思います。
スポンサーサイト

今すぐ使えるIllustratorのデザインテクニック本

ウェブデザインの書籍を探してて思わず購入した一品。

Illustratorプロフェッショナルデザイン (X‐media Graphic Library)

今すぐ使えるデザインテクニック満載!
Illustratorプロフェッショナルデザイン(X‐media Graphic Library)
下田 和政(2006/ 01)
エクスメディア
この商品の詳細を見る


今年1年頑張った自分へのクリスマスプレゼントとしてサンタさんから奪って…
もとい、近くの本屋さんで購入しました。

デザインから離れて随分経ちますが、これは感動しました。

Illustratorの素晴らしさを改めて実感します。
各編集方法ごとに分けられたサンプル作品と、制作手順が丁寧に解説されていて
初心者にも分かりやすくデザインテクニックを学ぶことが出来ます。
見ていて目からうろこの落ちる小技が、たくさん詰まっていました!!
こんな方法があるのか…。

グラフィック(広告)デザイン向きなのでDTPをされている人にもお薦めです。
目次を頭に入れておけば「こうしたい」というような時に参考になると思います。
このテクニックを使ってウェブサイトのタイトルを制作したら、かなり良いものが出来るのではないでしょうか?

オブジェクトの編集
 1. 放射状に広がる幾何模様
 2. いくつもの円を構成して作るシックな万華鏡のイメージ
 3. 網み目状に並べた四角形で作る幻想的なトランスイメージ
 4. 色焼けした紙のイメージで地図をアンティークに仕上げる
 5. グラデーションを重ねて作る濃淡なイメージ
 6. 線と線の干渉によって生じる斑紋(モアレ)イメージ

文字の編集
 13. 「円」をイメージして作るロゴデザイン
 14. 正方形をイメージして作るロゴデザイン
 15. アートブラシを使って文字にエフェクトをかける
 16. 文字パーツをバラバラに割って分解したような表現
 17. フォントの形状をわざと崩して新たな文字イメージを表現
 18. アメコミのようなイメージでインパクトのある文字表現
 19. フォントのイメージに合わせたオーナメントで装飾する
 20. アンティーク調の壊れた文字表現
 21. キャッチーなイメージのゴム印スタンプ
 22. 文字オブジェクトの中に「葉」のイメージを作る
 23. 文字オブジェクトの中に「水滴」のイメージを作る
 24. キャッチライトと影を加えてぷくっと膨らんだ文字を作る

第1章
 シンプルな図形を使った構成
 オブジェクトの描画と編集

第2章
 文字を加工して変化をつける
 文字を編修して自由にデザイン

第3章
 画像を使った構成・編集
 画像の描画とデザイン編集

全48項目のボリュームで知っておいて損はない "Illustrator" の技術が身につきます。
普段あまり使うことのない機能も、実践的かつ効果的に覚えることが出来ますよ。
これはおすすめ!
Illustratorプロフェッショナルデザイン(X‐media Graphic Library)

写真(画像)に文字を回り込ませる最も簡単な方法

最近よく多用している技の一つを紹介しておきます。
写真(画像)に文字を回り込ませる最も簡単な方法です。

以前はTableタグを使って作っていましたが、けっこう面倒でした。
"div" (ボックス要素)とスタイルシートの "float" (回り込み)を使って作る方が
分かりやすくて簡単です。
もっと早く気付けば良かったと後悔しています。(笑)

■divを横に並べて作ります。
ここにテキストが回り込みます。
○○○○○○○
○○○○○○○

--回り込みを解除--


<div style="float: left; margin-right: 15px; left; margin-left: 0px;">
<img src="画像のURL" alt="" border="0" />
</div>
<div>
ここにテキストが回り込みます。<br />
○○○○○○○<br />
○○○○○○○<br />
</div>
<p style="clear: both;">--回り込みを解除--</p>

ここにテキストが回り込みます。
○○○○○○○
○○○○○○○

--回り込みを解除--


<div style="float: right; margin-right: 15px; left; margin-left: 0px;">
<img src="画像のURL" alt="" border="0" />
</div>
<div>
ここにテキストが回り込みます。<br />
○○○○○○○<br />
○○○○○○○<br />
</div>
<p style="clear: both;">--回り込みを解除--</p>

ここにテキストが回り込みます。
○○○○○○○
○○○○○○○

--回り込みを解除--


<div style="float: left; margin-right: 15px; left; margin-left: 0px;">
<img src="画像のURL" alt="" border="0" />
</div>
<div style="float: left; margin-right: 15px; left; margin-left: 0px;">
<img src="画像のURL" alt="" border="0" />
</div>
<div>
ここにテキストが回り込みます。<br />
○○○○○○○<br />
○○○○○○○<br />
</div>
<p style="clear: both">--回り込みを解除--</p>


FC2ブログ以外でもこの方法で大丈夫だと思います。
"float" が理解できるとウェブサイトの枠組みもスタイルシートで作れるようになります。
基本はここで紹介している方法と同じなのでむずかしく考える必要はありません。

前に似たようなヒナ型を作って紹介しましたが今思うと意味が分かりません。(笑)
Tableタグは表を作る時だけ使用することをおすすめします。

Tableタグ → div要素に変更するメリットです。
スタイルシートを触り始めた頃の記事なのにツボを抑えていたので驚きです。
サイト(ブログ)の表示速度

ヤフー、コンテンツマッチ広告「アドパートナー」がサービス開始

Yahoo! JAPANの提供する広告配信サービス「アドパートナー」がいよいよ開始。

Yahoo! JAPANを運営するヤフーは13日、ホームページやブログ開設者向けの広告配信サービス「アドパートナー」と、支援サイト「Yahoo!ウェブオーナーセンター」を開始すると発表した。
(2007年12月13日:Broadband Watch)

たまたまネットサーフィン(検索)で発見してしまいました。
Yahoo Japan!といえば関連会社の " Brainer(ブレイナー) ” が有名です。
今回、提供されたサービスはヤフーブランドという事もあって内容への関心も高いです。
そのため配信される広告にも興味があり、すぐに登録申請を出してみました。
(利用登録は無料ですが、Yahoo Japan!のIDが必要です。)

 1. まずは広告を配信するサイトの登録申請をします。
 2. 配信準備をするために登録するサイトに広告ソースコードを貼り付けます。
 3. 審査結果のメールが届き、合格すればサービスの利用開始になります。

これより、ご登録いただいたサイトの審査を開始いたします。
審査は、2週間程度かかりますのでご了承ください。

以外にも、このメールが届いた2日後に認証メールを頂きました。
素早い対応をして頂いたアドパートナー様へ厚く御礼申し上げます。

Yahoo!ポイントなら1ポイントから、現金なら1,000円から報酬の受け取りが可能です。
現金の受け取りは「Yahoo!ウォレット」の利用と、210円の振込手数料がかかります。
(報酬の受取り価格を設定できる配慮が嬉しいです。)

今のところ選べる広告のサイズは160×314のみとなっていますが、
今後の発展が大きく期待できるサービスのため、これからの展開が要注目です。
Ads by Yahoo! JAPAN(アドパートナー)サイト

(関連リンク)
ヤフー、個人利用も可能な広告配信サービス「アドパートナー」を開始
ヤフーが個人ブログ含む外部サイトに広告配信開始、“ヤフー版AdSense”も

CSSを使ったウェブデザイン




テンプレートのデザインを変更したくて読んでいました。

ワンランク上を目指すCSSクリエイティブ・デザイン
デザインからコードへ。効果的な実装のためのクリエイティブガイド

河内正紀|技術評論社|2007年 08月発売
本体価格:2,680円(税込:2,814円)

元のテンプレートはHTMLとCSSの勉強で触りすぎたので原型がありません(汗)
もう少し文章が読みやすいデザインに変更するつもりでいます。
以前と比べて私のレベルも上がっているので今回はあまり悩まないと思います。
あとはセンスの問題です(笑)

久しぶりに自分のブログのスタイルシートのソースを見て唖然としました。(^^;
触り始めた頃から分からないなりに理解しようとして苦戦していた痕跡です。
かなりひどい事になっていました。
いつの間にかそう思えるようになっている自分にも驚いています。
手直しするのは面倒なのでしばらく放置です(笑)

「今回の変更目標」
 1. 中央スペース(記事)のデザイン変更
 2. 配色の変更
 3. タイトルの変更(タイトル画像の作成)

見やすくするだけなので大きな変更点はありません。
久しぶりに「Internet Explorer」「FireFox」「Opera」で見え方の違いを比較。

やばいですね…想像以上に崩れまくっています(笑)
普段からIEばかり見ていたので気付きませんでしたw。
こちらも変更目標に追加しておくことにします。

デザインからCSSのコードへ効果的に実装したい方は参考になりますよ。
ワンランク上を目指すCSSクリエイティブ・デザイン

お金に恵まれない人、 大金を手に入れる人

ここ数日、ブログの更新頻度が上がってます。(^^
良い傾向ではないでしょうか?




仕事の休憩中に立ち寄ったコンビ二で思わず購入した雑誌です。

BIG tomorrow (ビッグ・トゥモロウ) 2008年 01月号 [雑誌]
青春出版社|2007年 11月発売
本体価格:524円(税込:550円)


なぜかお金に恵まれない人、
働かずに大金を手に入れる人。
いったいどこが違う?


こんな見出しだと気になってしまいます。(笑)
読んでみると考え方やものの視点など色々気付かされる部分は多かったです。

「アメリカで流行ったネット副業」は私がブログを始めた昨年にはネットビジネスとして、
国内でもよく見られるようになっていたように感じます。
流行の情報商材もたしか海外からの影響を受けていたんじゃないでしょうか?

「成功するチャンスを掴める人が普段考えていること」
 1. 逃げる回数を減らす
 2. 落ち込みを少なくする
 3. もってる情報は吐き出す
 4. 人に受け入れられる雰囲気を出す

これはアフィリエイターや起業家に限らず世間一般の話だと思います。
個人で成功されている人の考え方が少しだけ分かったような気がしました。

他にも「品格のある男・ない男」や、あの「All About」さまの誕生秘話など
面白い記事があって以外に楽しめますよ!

まだお近くのコンビ二にあったら読んでみてください。
BIG tomorrow (ビッグ・トゥモロウ) 2008年 01月号 [雑誌]
 

「ドラゴンボール」ハリウッド実写映画化

あの人気マンガ『ドラゴンボール』が実写映画化に向けて
いよいよ今月末から撮影開始だそうです。
ハリウッド映画ということで、おそらく原作とは少し異なる内容になると思いますが今から公開される日が楽しみですね。
制作予算は1億ドル超らしいですよ。

気になる配役の一部が公開。
「ドラゴンボール」のハリウッド実写映画、配役が決定


「ピッコロ」役のジェームズ・マースターズさんはまさにイメージにピッタリです!
Gigazineさまにも書いてましたが、体を緑色に塗るのかどうかが気になります。(笑)
更にいうと ” ツノ ” を付けるのかも気になります。

公開されている脚本の内容だけだとSFアクションという印象がありました。
かめはめ波の演出とかはやはりCGを駆使するんでしょうか?
悟空がスーパーサイヤ人に変身してくれる事に期待したいところです。

連載が終わってからもドラゴンボールの人気は未だに衰えませんね。
まさかハリウッドで実写化されるとなんてあの当時は誰も思わなかったはず(笑)

余談ですが、台湾ではすでにドラゴンボールが実写化されていました。
(内容を知るとちょっと見てみたくなります。)
ドラゴンボール実写版「新七龍珠」台湾版

タイトル下部のカテゴリーリンク作成

前々から作りたかったものをようやく作ってみました。
各カテゴリーに振り分けたリンクボタンです。



専門家の作るウェブサイトにはホームページのタイトル下部によく各カテゴリー別に
振り分けられたタブメニューが設置されています。
見ていてどうやって作っているんだろう…と気になっていた方もいると思います。

Tableタグやスタイルシートを使ったり、画像にリンクを指定したりして作られています。
ボタンの背景色にグラデーションが欲しかったので今回は画像を使って作りました。
なんだか少しプロっぽいデザインになったような気がします。(笑)
各パーツ(gif)は画像編集ソフトやグラフィック編集ソフトを使うと簡単に作成できます。

サイト全体のサイズから各パーツの大きさを決定して
Adobe Illustratorで自作しました。

マウスのカーソル(ポインタ)を合わせた時にパーツの色を変えるにはJavaScriptを
使います。(スタイルシートでも作成は可能?)
色違いの2つの画像パーツをそれぞれのパターンに指定して作成するみたいです。
JavaScriptのソースは各ホームページ作成支援サイトで参考にしてみて下さい。

(参考サイト)
TAG index > JavaScript > ポイント時に画像を切りかえる(1)
eweb > Webデザインテクニック > マウスを上に置くと画像を入れ替える
無料ブログ テンプレート カスタマイズ > オブジェクトの背景色を変化させる (DHTML)

上手く表示されるようにもう少し頑張ってみます。

イラストレーターをオンライン価格で簡単見積!

更新失敗

ブログの記事を書いていて
いざ更新という時に失敗するとせつなくなります。(泣)
その一瞬に感情を込めて記事を書いているので
後に同じ記事を書くことは非常に困難だったりします。

こんな記事を更新している私の身に何が起こったのかは
言うまでもありません。゚(゚´Д`゚)゚。

次回からテキストファイルに本文を書いてから更新します。

知らないうちに…

FC2ブログの管理画面がしばらく見ないうちにリニューアルしてる…。
追加された機能もたくさんありますね。(驚き!)

以前に紹介したものが使えなくなっているものもありました…。
なんとかしなければ…。

管理画面の方は全体的に使いやすくなってる印象があります。
そういえば関西の求人広告紙で『FC2』を発見した時は鳥肌が立ちました(笑)
管理画面の広告にも「デザイナー、プログラマー急募」ってありますね。

▼募集要項 詳しくは→ FC2 スタッフ募集
・プログラマー
・WEBデザイナー
・ユーザーサポートスタッフ

技術や知識がもう少しあれば迷わず応募したい。

少し復活

2年前からはじめたブログ。
当時ネットビジネスに関連したメルマガを読み始めていた頃で
色々なことに野心と希望に胸を躍らせて始めたのが懐かしいです。

それは私にとってとても刺激的で日々多くのことを学んだと思います。
そこから無料レポートを読んでは多くのメルマガに登録して
1日に何十通も届くメルマガにやや気力を無くしてしまいました。

たくさんのことを一度に学ぼうとして少し無理をしていたみたいです。
ここからは完全に趣味の世界でこのブログを持続させていきます(笑)

これからまた少しづつ変化していくこのブログを皆さん楽しみにしていて下さい。
たぶんアフィリエイトからは少し離れていくと思いますよ。

プロフィール

nano

Author : nano
ホームページ作成からウェブニュースまでインターネットに関連した記事を不定期で更新中。IT技術の進化とともに便利になるサービスやシェア・フリーソフト、アフィリエイトサービス、ホームページ作成ツールなどについて書いてます。情報は遅れています(笑)

はてなブクマの人気エントリ

最近のトラックバック

最近のコメント一覧

タグクラウド

Archive Calendar

Sun Mon Tue Wed Thu Fri Sat
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

バックナンバー

モバイル

携帯電話でQRコードを解析すると外出先からも簡単にブログを見ることが出来ます。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。