じょりじょり日記

JavaScript100サイトチャレンジを記録するブログです。

JavaScriptチャレンジ6日目 ドロップダウンメニュー\(^o^)/

こんにちは!今日はJavaScriptチャレンジ6日目ということで、ドロップダウンメニューを作っていきます

 

自分のデザインではないし、バーチャルtoバーチャルではあるけれど、コーディングしていく内に、この実装が手に入ったような気がしましたw

 

どんどん手に入れていきたいですね。

今日は以上です\(^o^)/

See the Pen js 5/100 by zyory (@zyoryzyory) on CodePen.

JavaScriptチャレンジ5日目 keyupを感知するよ!

今回は、初のライブラリ実装をしてみました!

result画面をアクティブにして、試してみてください(^_^)

 

 

See the Pen uNicornkeyUp by zyory (@zyoryzyory) on CodePen.

JavaScriptチャレンジ5日目 新宿のテルマー湯からお届けします

今日は、一日メンター活動した後に、新宿の天然温泉にきています。

はあー気持ちいいです。温泉ってなんでこんなに安らぐんでしょう。

 

新宿のど真ん中にあるテルマー湯ですが、客層はまあまあいいです。入場料は2000円弱とやや割高感はありますが、半日入れれば納得のお値段ですね。

 

さて、前回からの進捗はそんなに良くないです。

とりあえずこれを・・・!

Railsに夢中で、全然jsを書いていませんでした・・・。

なので前回と前々回の合作です。もっとテクニカルなの作ります・・・!!

今日はこれで以上です(^_^)

 

See the Pen slowly ease. by zyory (@zyoryzyory) on CodePen.

JavaScriptチャレンジ4日目 appleWatch作ってみた!

今回で4回目の投稿ということで、そろそろ作品を作っていきたいと思います。

 

JavaScriptを勉強し始めて2ヶ月くらいになります。いまは基礎の文法が学習し終わって、組み合わせ方を模索している段階にいます。

 

Dateオブジェクトをどうにかして使いまわしたかったので、前回のようなデジタル時計ではなくて、アナログ時計をいまどき風に作ってみました。

 

See the Pen js 4/100 by zyory (@zyoryzyory) on CodePen.

 

 

HTMLの書き方でHaml記法を学習したので使ってみました。

またCanvasにおけるtransformメソッドの使い方を学んだことで、今回のような作品ができました。いろいろ夢が広がります!

参考にしたサイトはこちらです。

www.htmq.com

 

jsのコードはいろいろなサイトを参考にさせて頂きました(^o^)

あーたのしくなってきました。

transformの使い方とか、jsのかませ方とかいろいろ勉強してまた3日後にアップしますー!

JavaScriptチャレンジ3日目

今回は、Unicodeを取得するコードを書きました。

目標サイトは下記のものだったのですが上手く行かず・・・w

http://keycode.info/

今後も3/100は改善の余地がありそうです。(;´д`)トホホ…

 

See the Pen js 3/100 by zyory (@zyoryzyory) on CodePen.