試しにつくってみた。

いまさらですが、Coding Contestの課題を作ってみました。
このコンテスト自体を知ったのが締切日20時間前だったのでさくっとスルーしていたのですが、なんだか衝動的に作ってみました。

作業時間は3日に分けてのべ約20時間ほど。

普段新規案件を扱うことがないので、新鮮な気持ちでコーディングできました。
そして、改めて自分の未熟さを思い知りました。

HTML部分

・HTML5
(参照する仕様は編集者版を想定 http://dev.w3.org/html5/spec/

CSS部分

・CSS3までを利用できる

JavaScript

・利用自由
・商用サイトとしてライセンスに違反しない限りライブラリの利用自由

対応ブラウザ

・Firefox 3.6
・Safari 4
・そのほかのブラウザでは情報が正しく伝わること。デザインの再現は必要ありません


こんな感じです。(参考までに)

いきなり背景が、ボーダーの上にグラデが被さってるものだったり細かく影があったりで「遊びでやるには重いなぁ・・」とくじけそうになりつつも、なんとか形にはしてみました。

覚えたてのJSを思いつくだけ使ってみたりといろいろ実験ができたので、「やってよかったな」って感じです。

まだまだ勉強が必要。
というか、新規案件なりもっとこなして経験値を積みたい。

「JavaScript中級講座」読みました。

JavaScript習得(Ajax目的)のためにいろんな本を試しているのですが、ここ2週間ほどは、「JavaScript中級講座」を読んでいました。

JavaScript中級講座

が、この本、かなりわかりづらく、あまりオススメできません。Amazonのレビューにも数多く同意見があったのですが、言い回しがまわりくどく退屈で、あまり頭に入ってきません。
誤解のないようにしっかりと説明しようとする筆者の熱意のあまりこういった文章になったのではないかと思われます。そこは伝わってきます。なので、退屈ささえ我慢できれば、かなりの良書ではないかと。

もう一点、こういった本ではサンプルコードが魅力的であることが重要な要素だと個人的には思うのですが、この本のサンプルは作っていてあまり面白くありません。
そのあたりは、以前に読んでいた「JavaScript辞典」や、「JavaScriptビジュアル・リファレンス」が楽しく学べたかなと。でも、この2冊ではAjaxがカバーされていないので、また別の本が必要になってくるんですけどね。

自分でブログを書いていても思いますけど、魅力的な文章って難しいですよね。

ちなみに、新しく買った本はこちら「JavaScript&Ajax レッスンブック」。このシリーズ、かなりでてますよね、どうなんでしょう?手に取ったのはこれがはじめてなのですが、パラパラと見た感じサンプルが面白そうだったので買ったみました。読み終えたらまたレビューを書こうかと思います。

javaScript&Ajax 中級講座

JQueryはじめました。

最近、ブログの更新が滞っていたので、
苦し紛れに普通の日記を書きたいと思います。

このごろ、JQueryの勉強をはじめたのですが、
2週間ほど経ち、ようやく一通り理解でき、今はとにかくいろいろなものを作り、
とにかくたくさんのバグを経験していく段階かと思っています。

その勉強法として私が実行しているのは、模倣です。

サイト上を検索すれば、数多くプラグインが見つかります。
僕はあえてそのプラグインを使わず、同じ動作を自分の知識の範囲で表現してみることにしています。
えらいもので結構表現できてしまうものなんですね。
オートプレイやタグを足すと自動的に認識して・・・などの仕組みづくりが未だに苦手だったりするのですが、
便利を見越した関数や数式づくりは楽しい!

そして、次に手を出そうと思っているのが、Flashの再現です。
最近ちまたでは、HTML5の出現により、Flashは不要になるとい騒いでいたりもしますが、
じゃあ実際、Flashでのサイトやバナーの表現をJSでできうるのか(私のような初心者であっても)を実験していってみたいと思っています。
もちろん上級者であればASだろうがJSだろうが垣根はあまりないのかもしれませんが、、、。

[今日見たWebサイト]

Agencja Interaktywna MUG
A Commonwealth of Diverse Cultures – Poland’s Heritage/
Cartier LOVE
FORM::PROCESS
Youth Against Sudoku
Sonze Design Studio™
BRADBURNE

自分のサイトのリニューアルをし始めたのですが、もともと赤を基調にしたサイトであり、そこはまだ引き継ごうと思ったため、赤を基調としたサイトを探し参考にしています。

・・うわ、右サイドの画像のリンクが切れてる・・。

フリーフォトでめぐる旅 シンガポール

Free Photos Traveler

前回のオーストラリアから、今回はまたアジアへ戻り、実は素通りしてしまっていたシンガポールを訪れました。

シンガポールといえば、小学生の頃から強烈に覚えているのが、「ガム捨てたら罰金!」ってやつです。

なんて潔癖な国だ。そんなところ絶対行きたくねー、とか思っていました。
が、大人になった現在のぼくは結構潔癖なところがあり、そんなシンガポールにシンパシーを感じているしだいです。

では、”Singapore”で検索した結果です。












今回検索に使用したサイトは以下から。

参考サイト:

フリーフォトでめぐる旅 オーストラリア

Free Photos Traveler

前回のパプアニューギニアから、今回はオーストラリアへやってきました。

一旦アジアを抜けて乾いた風が吹いてくるようですね。

では、”Australia”で検索した結果です。
















今回検索に使用したサイトは以下から。

参考サイト:

フリーフォトでめぐる旅 パプア・ニューギニア

Free Photos Traveler

前回のインドネシアから、今回はパプアニューギニアへやってきました。

ここはアジア?なのかな?少しトロピカルな感じはしてきてるけど。

パプア・ニューギニアと言えば、「ダイビング」!だそうです。

では、フリーフォトサイトで、”Papua New Guinea”で検索した結果です。例によって、本当にパプア・ニューギニアの写真かどうかは保証できません。














今回検索に使用したサイトは以下から。

参考サイト:

フリーフォトでめぐる旅 インドネシア

Free Photos Traveler

前回のマレーシアから、今回はインドネシアにやってきました。

インドネシアと聞いて思い浮かぶのは、奥田民生のCUSTOMに出てきたなーという・・
予備知識なし!とそういうことですね。

素材サイトを検索していても、いかがわしい感じのおねえさんが結構いたので、そんな感じなんでしょうね!

一応、「インドネシア といえば」で検索したところ、「バリ島」や「デヴィ夫人」などが上がりました。
バリ島ってインドネシアなんですね。そんなことすら知りませんでした。

では、フリー写真素材のサイトで、”Indonesia”で検索した結果から気になったものをピックアップしてみました。
本当にインドネシアの写真かどうかは保証できませんので、あしからず。












今回検索に使用したサイトは以下から。

参考サイト:

フリーフォトでめぐる旅 マレーシア

Free Photos Traveler

前回のフィリピンから、今回はマレーシアにやってきました。

いつも通りなんの予備知識もないので、「マレーシア といえば」で検索したところ、次のようなキーワードが浮かび上がってきました。
「クアラルンプール」「世界一のツインタワー」「多民族国家」「ババニョニャ」「イスラム寺院」「バクテー」「蛍」など。

中でも気になったものをひとつ。この「バクテー」というのは、マレーシア独自の中華料理だそうで、

骨付きばら肉や内臓を漢方薬のスープで煮込んだ鍋料理です。スペアリブから出る濃厚なスープが漢方のスープとマッチして非常においしい鍋料理です。マレーシアでは休日の朝に食べることが多い。

とのこと。(ソース元はページ下へ)

では、フリーフォトサイトにて”Malaysia “で検索した結果から
気になったものをピックアップしてみました。
本当にマレーシアの写真かどうかは保証できませんのであしからず。

今回使用したサイトは以下から。

参考サイト:

参考サイト:

フリーフォトでめぐる旅 フィリピン

Free Photos Traveler

前回のカンボジアからベトナムを飛び越え、今回はフィリピンにやってきました。

フィリピンと言えば、パブとバナナですね!

昔働いて会社の上司がよくフィリピンパブへ行っていたのを思い出します。

「フィリピン と言えば」と検索しても、バナナや南国くらいしか出てきません。

と言うわけで、フリーフォトで”Philippines”を検索してみました。

その中から、気になったものをピックアップしてみました。
本当にフィリピンの写真かどうかは保証できません。

フィリピンは空が綺麗だから、みんな空や夕日を撮りたくなっちゃうのかな。

今回検索に使用したサイトは以下から。

参考サイト:

フリーフォトでめぐる旅 カンボジア

Free Photos Traveler

前回のラオスから、Google Map上さらに南下しカンボジアへ入りました。

この企画を始めてから、どれだけ自分に外国に関する知識がないのかを痛感しています。

今回のカンボジアについてもそう、カンボジアと聞いて思い浮かぶものは?「う~~ん。」となってしまいます。

検索をしてやっと、「あ、アンコールワットってカンボジアか。」となっている次第です。
こうして少しずつ知識が増えることだけでも、更新していく意味はあるな、と妙に納得してしまいます。

さあ、今回のカンボジアですが、「カンボジア といえば」で検索してみると、前述した「アンコールワット」をはじめ「遺跡」「プノンペン」「セントラルマーケット」などのキーワードが浮かび上がってきました。

アンコールワットは言わずと知れた、世界遺産ですね。

では、”Cambosia”で検索した結果です。気になったものをピックアップしてみました。

検索に使用したサイト以下から。

参考サイト:

フリーフォトでめぐる旅 ラオス

Free Photos Traveler

前回のハロン湾に別れを告げ、Google Map上を西に進むと、
北に中国、西にミャンマー、東にベトナム、南にタイ・カンボジアに囲まれた内陸国、ラオスがあります。

ラオスとは一体どんなところなのでしょうか?
ラオスに関してなんの知識のない筆者としては検索に頼る他ありません。

そこで、さっそく調べたところ。どうやらラオスのキーワードは「ビアラオ」「ルアンパバーン」「ハーブサウナ」「お坊さん」のようです。

もう少し調べてみると、ビアラオは読んで字のごとくラオスのビールのこと。おいしいのでしょうか?飲んだことがないのでなんとも言えませんが、一度飲んでみたいものです。そして、ルアンパバーン、これはラオスの北部に位置する古都だそうで、その市街地自体が世界遺産に登録されているそうです。

そんなラオス、”Laos”にてフリーフォトで検索してみました。

検索に引っかかったものから気になったものをピックアップしています。
そのため、本当にラオスの写真かどうかは保証できません。

検索に使用したサイトは以下から。

参考サイト:

フリーフォトでめぐる旅 ハロン湾

Free Photos Traveler

前回のマカオから、Google Map上で南下していくと、
見知らぬ漢字の地名ばかりが続いています。

できれば、知っている土地、地名から魅力が溢れているような土地に出会いたい、
と思い地図上をなぞる指をさらに南下させます。

「こりゃまずいなぁ。何も引っかからない。もうイタリア辺りにでも飛んじゃ
おうかな~。」なんて諦めかけたところへ、やっと見たことのある文字が。

世界遺産である「ハロン湾」です。

いつかは行ってみたいと思っていたハロン湾。なので、胸躍ります。

しかし、フリー写真で魅力的なハロン湾があるだろうか。
そんな不安を抱えながら、検索バーにこの文字を打ち込みました。

“Halong”

検索に引っかかったものの中から、気になったものをぷピックアップしてみました。

意外と綺麗な写真が多くてよかったです。

検索に使用したサイトは以下から

参考サイト:

フリーフォトでめぐる旅 マカオ

Free Photos Traveler
前回、香港とくれば、そりゃもうマカオですよ。
Google Mapで見ても香港の近くで知っている地名はマカオしかありませんでした。

マカオに対するイメージは・・、特にありません。
強いてあげるなら、まぁ、カカオに似てるよね。ぐらいのもんです。
しかも、マカオって中国なんですね!それすら知らなかったという・・。(バカすぎる)

例によって、”Macau”で検索して引っかかったものをピックアップしただけなので、
本当にマカオの写真かどうかは定かではありません。

「ふ~~ん。マカオってこんな所なんだー」ってなれないのが、
このシリーズのいいところですね!

マカオときたら、次はどこだ!!
深夜特急をなぞってるわけじゃないぞ!

検索にしようしたサイトは以下から。

参考サイト:

フリーフォトでめぐる旅 香港

Free Photos Traveler
フリー画像サイトを使って旅してみることにしてみました。

まずは、深夜特急でも最初に訪れる”香港”(確かそうだよね?うろおぼえ)。

行ったことはないんだけど、なんとなくイメージするのは、やっぱ夜景?かな。
と、思ったとおりビル群の写真ばっかり。
フリーだけだとこんなものかなー。

その中でも、よさげなものをピックアップしてみました。

あと、”Hong Kong”で検索して、引っかかったものを拾っているだけなので、
本当に香港の画像かは保証できませんので、あしからず・・。

Frickrとかをアリにすればもっとあるんだけどね。
でも、フリーで!と決めた以上はフリーでやろう!

香港行ったら、次は、、、どこだ!

検索にしようしたサイトは以下。

参考サイト:

Free Photos Express:
The Searched Word Is “Pure”

前回の”White”から連想して、今回は”Pure”で検索してきました。
今回使ったサイトは、「stock.xchng」と「Free Digital Photos net」です。
あまりキーワードとは関係ないものばかりですね。
もう少し具体的なキーワードでないとだめですね。おもしろくない。

今回使ったサイトのリンクは以下から。

Free Photos Express:
The Searched Word Is White

昨日の”Snow Rain”から連想して、今日は”White”で探検してきました。
その中で気になったものをピックアップ。
イマジネーションを駆り立てる写真が何点かあったので、ちょいといじってみようかと思ってます。

使ったサイトは、stock.xchngです。


この形式の更新、、ラクだ。

参考サイト:

やっぱりGoogleが好き。
“What Browser?(どのブラウザがいい?)”

前からあったんですかね?
“ブラウザってなあに?”という疑問にGoogleが答えてくれています。
英語なんで、よくわかりませんが。
一般のWebリテラシーを少しずつ上げていこうとする、
Googleのこういうところ結構好きです。

誰かにブラウザのこと聞かれたときに役立つかも。

参考記事:

Free Photos Express:
The Searched Word Is Snow

フリーの画像サイトを眺めてるのが結構好きで、
いろいろキーワードを見つけては、検索してズラズラーっと眺めてるのですが、
今日は、雪が降ったので記念に”snow”で検索。
気になったものをピックアップしてみました。

今回使ったサイトは↓のリンク先より。

参考:

iPhoneのデスクトップスタンドがめっちゃ便利!

先日、ヨドバシに行ったとき、どこかのブログで紹介されていたのを思い出して
「そうだ!あれあれ!」と思って、探して買っちゃいました。

ラジオを聴くにもポッドキャストを観るにもすごくラクで便利!

でも、Amazonのほうが200円も安かったという・・。

Amazonへのリンクは↓から。