じょりじょり日記

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

今年の夏はこれらの本と共にあり

読書は苦手です。 新しい情報はとても好きで脳が喜んでいると感じることはあるのですが、読むのに時間がかかってしまうのが そうはいっても、まとまった情報を得られるのは本からだと心得ているので、今年の夏は読書とイベントで燃えますよーー! 下記が僕の…

よし、今後について書きます!

JavaScriptチャレンジの方針を自分の成長に100%コミットするために、JSに関する本を読んだアウトプットを3日に一度するというものに変えます。最近変えてばかりで、、、まあこれも岐路なので 理由は、アプリをいくつも作っているうちに、マネが疲れてしまい…

リファクタリング

こんばんはー! 最近夏バテ気味でなかなか元気が出ないですね。。 アクティブなスポーツが割りと好きなのに、暑さに弱いのはダメなので、克服しないといけませんね〜\(^o^)/ zyory.sakura.ne.jpのほうも時間を見つけて更新しているのですが、ダラダラしち…

SoundCracker | JavaScript 26/100

改良点としては、それぞれのKeyに異なる音を割り振ることでしょうか。 さて、今回は気持ちいい感じで仕上がりました! PaddingやMarginを意識したマークアップが出来たとおもいます。 http://zyory.sakura.ne.jp/js4.html gyazo.com

進捗報告

現在マークアップが完了して、機能付けに入っているところです。 デザインセンスは置いておいて、キーボードとしての形は様になったので次点でJavaScriptを書いていくといった感じです。 今後このアプリケーションについてやることリスト keyのkeydwon中acti…

JavaScriptチャレンジの更新日変更告知

こんばんは! 今日はとても暑く、エアコンがない僕の部屋はうだるような熱気に包まれております...>< 水をガブガブ飲んで脱水状態にならないように頑張って寝たいと思います。 さて、なにかと更新が遅れがちなJavaScriptチャレンジですが、何度も1日遅れまし…

【JavaScriptチャレンジ】進捗報告

こんばんは! zyory.sakura.ne.jpにチャレンジを移転したはいいのですが、まだ報告する場としての昨日がないのでここで報告させてください。 現在取り組んでいる作品は、名付けて「Keytap Enjoy」です。 仕様としては、A-Zのキーボードをタップすると様々な…

JavaScriptチャレンジ移転のお知らせ

みなさま、こんばんは! 本日さくらレンタルサーバーにて、サイトを開設したのでご報告させていただきます。 今後は下記のホームページにて進捗状況を更新していきたいと思います。 JavaScriptチャレンジ どうか温かい目で見守ってくださると嬉しいです! よ…

作ってみたいアプリケーション一覧を出してみました

こんにちは! これは鬼怒川温泉へ旅行に行ったときの山々の様子です。 すぐ下には鬼怒川が脈々と流れており、とてもきれいなところでした。 ライン下りをして、川のあのなんとも言えないよう匂いと、頬が風を切るのを感じるのは、いい思い出です。 さて、Jav…

speechSynthesisAPIで任意の文字列を読み上げる | JavaScript 25/100

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

mousemoveで文字に影をつける | JavaScript 24/100

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

スーパーヒーロー | JavaScript 23/100

なぜ戦士の色相が抜けてしまうのか・・・・・ See the Pen js 23/100 by zyory (@zyoryzyory) on CodePen.

p5.js入門しました | JavaScript 22/100

draw関数が便利過ぎて、変数とrgbaとfillについて知っていれば、すごい作品が作れたような気がします。やっぱり描画系って楽しいですね!!!:D 今回からコメントのほうも英語で書いてみたいと思います\(^o^)/ わかりずらいとは思いますが、ともあれ練習あ…

女子と一緒に温泉入りたい | JavaScript 21/100

今日はバイク仲間と箱根湯河原にあるGensen Cafeに来ています。 施設内は温泉の他にカフェが併設されていて、休憩スペースにはYogibooというフカフカなクッションがあります。これに座ってキーボードを叩いているのですが、なかなか心地よく、ユーモラスな作…

数え上げゲーム | JavaScript 20/100

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

多原色お絵かき | JavaScript 19/100

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

ブロック崩しゲーム | JavaScript 18/100

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

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