2020-01-01から1年間の記事一覧
Hi :) I released react-p5-components.GitHub github.comnpm www.npmjs.com Library features is that you can use p5.js in react without writing p5's code.It means this library generate p5.js Canvas depending on your settings.There are few type…
前回はhello worldが描写されるところまでをみたので、今回はuseStateをみていこうと思う。wafuwafu13.hatenadiary.comまずは、useStateがどこで定義されているのかを確認する。 <html> <head> <script src="https://unpkg.com/react@17/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script> …</head></html>
前回はReactDOMについてみたので、今回はrenderでhello worldが描写されるところまでみていこうと思う。wafuwafu13.hatenadiary.comまずは、ReactDom.renderを出力してみる。 <html> <head> <script src="https://unpkg.com/react@17/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></head></html>
最近、フロントエンドのコードを整理する機会が増えてきたので、ただ型をつけるだけではなくて、構造を捉えたリファクタリングができるようになりたいと思い、進めている。リファクタリング(第2版): 既存のコードを安全に改善する (OBJECT TECHNOLOGY SERIES…
この前jQueryのコードを読んでなんとなくコードリーディングがわかってきたので今回はReactのコードを読んでいこうと思う。 wafuwafu13.hatenadiary.com直近の目標は、以下のコードでどのようにして画面にhello worldが表示されるかを解明することである。 <html> <head></head></html>…
ポチったhttps://t.co/SfLKiSwTX7— わふわふ (@wafuwafu13_) 2020年11月22日 のが届いた。Macの5倍厚い。1万5000円。Ubuntu 16.04。前からこういう本をやりたかったけど、Macだと仮想環境を用意しないといけない。ルーター自作でわかるパケットの流れ作者:小…
wafuwafu13.hatenadiary.comいよいよ今回は、以下のHTMLを用意して実際にDOMを取得していく。 <html> <head> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> </head> <body> <h1 id="hello">hello world</h1> <script> console.log($('#hello')) </script> </body> </html> まずは前回と同じように、3133行目に定義されている関数の引数に何が入ってい…
wafuwafu13.hatenadiary.com前回は、以下のHTMLを用意し、 <html> <head> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> </head> <body> <script> console.log($); </script> </body> </html> 以下の実行結果を得た。 ƒ ( selector, context ) { // The jQuery object is actually just the init constructor …
最近、バイトの隙間時間に、jQueryを廃止してTypeScriptにリプレイスする、というタスクをするようになった。 jQueryのDOMの取得を、Documentを使って書き換える時に、jQueryはいかにしてDOMを取得するか、ということが気になったので少し調べていく。今回は…
camphor.connpass.com トーク1: 横断組織から見るDMMのフロントエンド jQueryとの付き合い 技術強い会社でもあるあるなんだなぁ jQueryに稼いでもらってる側面もあるあるかも ドキュメント コードのノウハウが細かくドキュメント化されていた フロントエン…
言葉が好きということを突き詰めたなら行き着く先はここではないかと思っているとてもいい参考資料があった cl.sd.tmu.ac.jpとりあえずウェブマイニングから攻めていけばいいだろう[Web開発者のための]大規模サービス技術入門 ―データ構造、メモリ、OS、DB、…
ついさっきpushしたのでメモしておきます。 STEP1 OSS貢献に関する記事を読む とっつきやすいとか、誰でもとか書いてありますが、やはり難しそう... でも、今書いてる記事を読んだらとっつきやすさは伝わると思います。qiita.comqiita.comtech.gunosy.io STE…
Understanding the difference of Unit Test and Integration Test by testing add function and total function in App.js, using Jest and I quote Unit Test vs Integration Test: What's the Difference?. export const add = (x, y) => x + y export co…
I rethink about role of Babel and webpack. Initial state of my code is here.First, don't use webpack or Babel. It means edit index.html as below. <html> ... <body> <script src="../src/js/app.js"></script> </body> </html> ``` When previewed it in the browser(Chrome), get the following…
SQL文に自信がなかったので1年前くらいに買ったスッキリわかるSQL入門 第2版 ドリル222問付き! - インプレスブックス(以下、本A)を復習した。 特に第7章「副問合せ」の練習問題7-3の3を解いてみて、あー、なるほどと思ったのでメモする。まずは、カラムなど…
はてなリモートインターンシップ2020 に参加しました。長文になると思います。 成果発表のスライドを貼っておくのでこれだけでも見てください。 speakerdeck.com 参加するに至るまで はてなは近くて遠い会社でした。 エンジニアとしての職を探しさまよってい…
株式会社いい生活|不動産テック・不動産賃貸管理システムをクラウド・SaaSで提供 のインターンに参加しました。 テクノロジー×不動産領域というのに興味を持ったのと、自社サービスのAPIを叩けるのが楽しそうだったので応募しました。 参加決定するまで Vue…
後編はこちら wafuwafu13.hatenadiary.com O'Reilly Japan - Go言語でつくるインタプリタ を2章までTypeScriptで実装しました。この本を手にした動機は、 Goの文法を学習したついでに低レイヤーにも手を出したかった 分量的に手が出やすそうだった TypeScrip…