読者です 読者をやめる 読者になる 読者になる

じょりじょり日記

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

Node.jsさわってみた! | JavaScript 17/100

最近、勉強会を開いていまして、今後イベント開催が増えてきそうなので、スライドの使い方を勉強したいとおもいまして 今日からちょくちょくスライドで発表みたいなこともしていきたいと思います!今回は簡単にNode.jsについて触れてみたので、ご査収くださ…

跳ね返りを考慮したボールをRefreshしない | 16/100 JavaScript Challenge

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

インタラクションなtoDoList | 16/100 JavaScriptチャレンジ

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

CanvasAPIを使って粒子を拡散させる。 | JS 15/100

CanvasというHTMLのライブラリを使って粒子がレフレクトするのを実装しました。 いままでHTMLに直接要素を書き込んで、Viewに反映させていたので、APIを使って描写するということがいかに優れているかわかりました! 今度はCanvasを使って、ホタルの墓を実装…

ModalWindow by JavaScript | JS 14/100

さて、prototypeやobserverの考え方を取り入れたモーダルウインドウのコードを勉強しました。 どこまでprototypeで疎結合なコードにするかや、observerで他のコードにより上書きされない仕組みを作るかなど、自分にとってはかなり複雑なコードに見えます。 j…

色当てゲーム | JavaScriptチャレンジ13日目

今回は、いままで学習したif文やfor文、セレクタの指定の仕方の総まとめとして簡単なゲームを作成しました。 見本ありきの色当てゲームでしたが、このカラーゲームを作るにあたって使用したprototypeを理解し慣れるのに格好の教材でした!今回のゲームを作る…

jsonファイルを使ってRegExpして候補を検索する | JavaScriptチャレンジ12日目

コメントに解釈を書きました。 まだまだ、Blobが何かもわかってないですし、いろいろと無駄なコードも記述してあるような気がしますが、形から入りたかったので文字列検索を実装してみました。6割は理解できました!!ポジティブにどんどん理解していきたい…

デザインパターンにおけるオブザーバの解釈 | JavaScriptチャレンジ11日目

JavaScriptのデザインパターンのうちの最もよく使われるオブザーバについて、自分の解釈が合っているかどうか確認する意味も込めて、コメントを振りました。 今回からチャレンジの趣旨を1つのコンポーネント作成から「JavaScriptの根底を理解する」に方針転…

5/1よりjsチャレンジを再開します。

義務感を捨てたいです。いままでの体たらくを見直します! ちょっとだけ時間をください! n- (..) -n

イベント大成功:D

4/22(土)にフロント技術に関するイベントを開催することが出来ました! 初めてのイベント開催で、前夜はよく眠れませんでしたが、最終的にはとても楽しめました!! このような機会を設けることができたのも、Tさんのご快諾があったからこそでした。本当に…

来週末にイベントを開催する予定で、カリキュラム制作に集中したいので1週間チャレンジお休みします!

タイトルの通りです。 楽しみにしてくれている方がいる(?)のに申し訳ないです。 ブログにて、イベントの様子やカリキュラム公開を行いたいと思いますので、そちらも楽しみにしていただけるとうれしいです。 それではまた1週間後にお会いしましょう!

JavaScriptチャレンジ10日目 flexbox

今回は、translateYをとFlexBoxについて勉強したので、その成果を披露したいと思います! transformを使うとアニメーションのように状態を変化させられるので、いろいろ応用がききそうです。 最近は雨が多いですが、がんばっていきたいとおもいます!! ブロ…

JavaScriptチャレンジ9日目 耳タブを作った。

今日はタブを切り替えて、内容を差し替える実装をしました。最近、コンポーネントを作ることが楽しいです!!:D See the Pen js 8/100 by zyory (@zyoryzyory) on CodePen.

JavaScriptチャレンジ8日目 WebAPIの導入にチャレンジ

どうも! ボタンのアニメーションとか正直コピペに近いですが、手打ちして学習もしてるのでOKということにします! 今日はユーザーの情報をランダムに取得するWebAPIを導入してみました。 要素をクリックしたら発火するようにしたので、クリックされるたびに…

JavaScriptチャレンジ7日目

jQueryのメソッドになれるために、hide(),fadeIn(),fadeOut(),click()を使って、モーダルウインドウを実装してみました。 See the Pen js 7/100 by zyory (@zyoryzyory) on CodePen.

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

こんにちは!今日はJavaScriptチャレンジ6日目ということで、ドロップダウンメニューを作っていきます 自分のデザインではないし、バーチャルtoバーチャルではあるけれど、コーディングしていく内に、この実装が手に入ったような気がしましたw どんどん手に…

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

今回は、初のライブラリ実装をしてみました! result画面をアクティブにして、試してみてください(^_^) See the Pen uNicornkeyUp by zyory (@zyoryzyory) on CodePen.

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

今日は、一日メンター活動した後に、新宿の天然温泉にきています。 はあー気持ちいいです。温泉ってなんでこんなに安らぐんでしょう。 新宿のど真ん中にあるテルマー湯ですが、客層はまあまあいいです。入場料は2000円弱とやや割高感はありますが、半日入れ…

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

今回で4回目の投稿ということで、そろそろ作品を作っていきたいと思います。 JavaScriptを勉強し始めて2ヶ月くらいになります。いまは基礎の文法が学習し終わって、組み合わせ方を模索している段階にいます。 Dateオブジェクトをどうにかして使いまわしたか…

JavaScriptチャレンジ3日目

今回は、Unicodeを取得するコードを書きました。 目標サイトは下記のものだったのですが上手く行かず・・・w http://keycode.info/ 今後も3/100は改善の余地がありそうです。(;´д`)トホホ… See the Pen js 3/100 by zyory (@zyoryzyory) on CodePen.

JavaScriptチャレンジ2日目

さてさて、基礎的な文法も架橋に差し掛かってまいりました。プログラミング言語の文法を学習していて強く思うのは、どの言語も心底似ているなぁとシミジミ思います。 ちょっと健忘録。 通常、Unicode(UTF-8)は、日本語を含め、2バイトで表現されているのです…

JavaScriptチャレンジ1日目

こんばんは! JavaScript100チャレンジ1日目ということで、今日は文法書の勉強をたくさんしました。じつはDOM要素についてはまだ学習していないのですが、日々成長していけるよう、簡単なコードを書きました。 内容はとても簡単なんですが、html要素をqueryS…

自称学生エンジニアがアルバイトの技術面接に落ちたのでJavaScriptで100サイト作る。

口だけが一人前な若者 僕はプログラミングができます。プログラミングスクールのメンターをしています。そうですね、フロントエンドは特に得意です。一番理想的な自分の将来像は、初心者にプログラミングの楽しさを教えることですかね。 えっと。。。 過去に…

アルコールフリーがとってもおいしい

アルコールフリーのいいとおもうところ カロリーゼロ 糖質ゼロ プリン体ゼロ ビールの味がする 酔わないからテイストを楽しみながら仕事ができる アルコールフリーのわるいとおもうところ 酔わないから昼から呑んでメリハリを失う たくさん飲んでしまう 酔わ…

9年間ネトゲ廃人だった僕が限りなくネットゲームを必要としなくなった体質変化について書く

こんにちは、じょりです。 今日はむかし話でもしようと思います。 課金額はうん十万 みなさんはインターネットゲームをしたことがありますか?僕はあります。小学校5年生のときに従兄弟から誘われてレッドストーンという、独特の絵柄のオンラインゲームにド…

Progateを160LVまでやってみて、初心者が感じた心からの唸りと叫び

みなさんはProgateを知っていますか? Progateとは東大生が作ったプログラミング学習サービスです。 この記事を読んでいる人は大体の人がサービス内容を把握していると思うので詳細は省きます。 追記: むらいさんにツイッターで褒めてもらったので、記念に埋…