I build stuff on the web 🔗🌏 ::: The Last Reject
- Tweets 37,184
- Following 179
- Followers 25,116
- Likes 9,853
Pinned Tweet
I'm writing a 4 part drawsplainer on how browser works🎉
No CompSci degree necessary, if you've written HTML/CSS/JS, that's all you need✨ (the post starts w/ what is CPU💁♀️)
📣Part 1 is about hardware, multi-process architecture, and Site Isolation!
developers.google.com/web/up…
ALT hand drawn CPU
ALT browser architecture
73
620
2,339
HTTP what? : I drew what HTTP is & how HTTP1.x and HTTP2 are different✨
(tweetzine, drawsplainer, codedoodles…I don't know what to call it)
ALT HTTP What? page 1 of 3. A browser gets data over the Internet. Internet is like a plumbing pipe of data.
ALT page 2 of 3. Protocol (P in HTTP) is a communication rule between client (browser) and server. Explanation of HTTP1.x
ALT page 3/3 HTTP2 is a different (new) communication rule that use more efficient data transport method. Explanation of HTTP2
140
7,646
14,279
調べた。普通にwindow.alertの無限ループだった。タブ閉じたら普通に消えた。
繰り返しますけど、警察の皆様、私Google Chromeでwebセキュリティ周りの周知を担当していますので、多くの人にブラウザの仕組みを理解してもらうのが業務です。呼んでいただければいつでも出向きます🙏
ちょっと待て✋
"クリックすると、画面の真ん中に「何回閉じても無駄ですよ〜」という文字や、顔文字などが表示され続ける"
コード見てないけど…何度閉じても戻ってくるメルマガとか有料会員のお願いとかと仕組みは同じな気がするんだが…
不正プログラム書き込み疑い補導
nhk.or.jp/lnews/kobe/2019030…
13
2,525
2,586
ちょっと待て✋
"クリックすると、画面の真ん中に「何回閉じても無駄ですよ〜」という文字や、顔文字などが表示され続ける"
コード見てないけど…何度閉じても戻ってくるメルマガとか有料会員のお願いとかと仕組みは同じな気がするんだが…
不正プログラム書き込み疑い補導
nhk.or.jp/lnews/kobe/2019030…
8
1,146
1,391
What is Public Key Cryptography & how does RSA work? #codedoodles
(I'm half way into this crypto book)
15
647
1,304
I am sorry 👀, WHAT THE F IS THIS FONT THEY USED FOR JAPANESE????
Why don't they use Noto Sans Japanese. (This looks like traditional Chinese font).
ALT a screen shot of Google I/O keynote announcing Bard support for Japanese and Korean. Japanese font feels off.
30
255
1,317
535,356
Hey I made a ✨compiler✨ & wrote about the process in human language and drawings as always💁
Hope it helps someone🙏
medium.com/@kosamari/how-to-…
19
412
1,159
Japanese police is charging people for _posting link to a site_ that run
`for(;;){window.alert('lol you can't get rid of this message even you keep closing modal')}`
because it's "unlawful program"
🤦♀️
nhk.or.jp/lnews/kobe/2019030…
22
874
1,108
Made sweaters for Chrome Dev Summit✨
ALT 4 MCs lined up
ALT Pink gray blue navy sweaters with browser icons
49
56
1,060
Today I started as a developer relations person at Google's Web team✌️(whatever that means… I still don't know. Tell me what I should do✨)
113
52
1,023
Oh look who was a nerd trying new new app immediately and tweeting 10 years ago...
✨Happy 10th anniversary Chrome✨
5
75
913
Bye-bye SEO hacks
Google bot now uses evergreen Chromium rendering engine🤖
webmasters.googleblog.com/20…
7
403
994
Hand drawn guide about different versions of Browsers.
Because no one told me Canary is not about an actual bird.
30
536
945
"It returns a Promise 💁"
…is a surprisingly hard thing to explain in plain english ‼
I tried to do it by ordering 🍔
kosamari.com/notes/the-promi…
29
350
822
I'm not saying most of you all's sweater graphics generator is bad... I'm just saying...mine is better 💁♀️
🔗 kosamari.github.io/sweaterif…
ALT sweaterify output
16
96
663
I made a zine on passive event listeners 📖
Take one at @jsconfeu Chrome booth or find me around the venue✨
(You get to know why the heck devtools sometimes yell in console that we need passive event listeners!)
ALT Cover of the zine
ALT “Compositor receives input” page
ALT “Be aware when you write event handlers” page
ALT “Passive true to rescue” page
18
125
629
In a random trivia.
Today (2/22) is "Cats day"🐈 in Japan
Cat's meowing sound in Japan is "nya~" + Standalone 2 is pronounced "ni" which is close to the cat sound nyan.
2/22 => "ni ni ni" => "nya~ nya~ nya~" (meow meow meow)
🐱you are welcome🐱
9
226
592
Yey quick sort scarf is done! I always wanted to mix 2 of my favorites - datavis & knit! Image generated by d3.js 💕
25
272
559
腑に落ちないので何度も言いますけど、`for(;;){window.alert('lol')}` が「不正指令電磁的記録に関する罪」ですよ（しかも今回は作成が問われたんじゃなくて共用が問われてる）。
誰が不正指令電磁的記録か判断してるの？書類送検受けた検察はどんな取調べするの？
5
440
569
What is SHA-1 collision and why it is in the news. #codedoodles (I don't fully know about this, corrections welcome)
20
259
527
I designed a language to make knitting pattern !
(code reads like regular knit pattern too 😄)
64sts.com/
29
314
497
5G is not gonna make your frontend performance disappear just like LTE and high performance CPU didn't fix it in the past decade.
11
86
513
Sending personal info over HTTP is like sending a postcard in English (anyone can read it in transit) - Why you should HTTPS #codedoodles
10
318
507
インターネットにつながる・リンクをクリックするということは、みんな自分から進んでどこぞの馬の骨ともしらぬ輩が書いたプログラムをブラウザに入れて動かしている…というスキームを警察には理解していただきたい…。
2
337
507
アメリカだとこういう意味のわからない動きはどっかの団体（EFFとか）が警察に抗議したり裁判に持っていったりするもので、速攻で「よくやった、みんな寄付しようぜ」キャンペーンみないな流れになるものだけど、日本ではどこにお金を投げれば良いのかがわからない。
3
399
461
📣 Introducing grafi.js 📣
JS Image Processing Utility. It's like underscore.js but for image👑
grafijs.org/
17
182
413
~* personal update *~
I’ve evicted rent over due tiny human from my uterus.
But then said tiny human moved into my house expecting years and years of rent free care?
Anyways, we are going back to nap.
Let me know which JS frameworks are hot in about 5 months time👋
子、爆誕
ALT Hand of a tiny human
51
399
10,344
Did some data visualizations today on a sidewalk.
ALT Red dots 6 feet apart on sidewalk with chalk
ALT Same shot from ground angle
5
55
363
「不正指令電磁的記録供用未遂」だって。sanspo.com/geino/news/201903…
そうだろうと思ってたけどやっぱり刑法168条の2だ「人が電子計算機を使用するに際してその意図に沿うべき動作をさせず、又はその意図に反する動作をさせるべき不正な指令を与える電磁的記録」っていう拡大解釈が大変懸念されるアレ。
3
521
393
📣📣📣
Introducing Sweaterify
- make your own (ugly) sweater -
📣📣📣
🎉😹😂😹😂🎉
kosamari.github.io/sweaterif…
27
185
340
「技術力があれば英語できなくてイケル」みたいなのはたしかに案外イケルんだけど、チケットに沿って実装したりバグ直したりするお仕事から卒業(大抵の場合jrエンジニアのレベルから卒業)するには設計とかビジョンとかいっぱい英作文をしなくてはいけないという罠。
1
112
357
PSA: Canary build is "someone commit code" version so plz stop messaging me about how broken and unusable and the worst ever and needs fix now
filing a bug is your best bet : crbug.com
8
97
330
Today is the day! With Chrome 69, You won't see green "Secure" next to URL. Little step forward to HTTPS being the norm of internet browsing🎉
ALT treatment of HTTPS pages
11
135
323
real question: If I produce these as blanket or scarf, would anyone be interested? it would probably be $40 ~ $180 range.
58
44
315
Someone plz give me stage to talk about Japanese Web in great 90s-00s, and how it's like alternate universe to current western mobile web (Loadings strategy, AMP etc) 🙏
21
45
292
an 🦁 stumble on useful code from not english speaking 🐼.
🦁"Please use English in README"
🐼"... well it's intended for for our use..."
🦁"If you use English more people will use it"
(smell of colonialism is pungent)
8
39
279
Well... I made a truly ugly - offline & crashing - wall paper on Sweaterify 😛
kosamari.github.io/sweaterif…
13
58
279
"As long as you think your code from 3 months ago is dumb, you are learning something." - probably favorite advice I got on programming.
2
170
296
🙏🙏🙏 @philnash
ALT Slide “when users dismiss permissions by default the web platform loses its power”
ALT Slide “do not demand notification permissions on page load”
2
77
299
Things I recommend for submitting talk idea:
0️⃣You should tell people that you are "interested in speaking about [fill in your interest] " this can be friends, coworkers, person who sit next to at meetup etc. Can not stress how many opportunity came up because I stated interest
3
88
290
I didn't go to bed last night because this thread is so close to home and upsetting. Good to see @parceljs author setting things straight that "Providing the documentation in as many languages as possible." is the thing they want to do.
The thread🔗 github.com/parcel-bundler/we…
ALT screen capture of the last comment before the github thread being locked, from @devongovett
14
46
279
This is calling me to write alias right?
yarn init👉 yarn caston
yarn add👉 yarn knit
yarn remove👉 yarn unravel
yarn publish👉 yan castoff
😂😂😂
14
86
285
"Yeah, so... I modified soldering iron and made own tool out of piano wire to build it inside the bottle." - @kimio_kosaka
10
117
267
これだって「リンク書き込んだ」ことで補導・書類送検だよ？（って記事が言ってる）
XSSしたとか、なんも知らない人にDevTools開かせて誘導したとか、man in the middle attackでサイト内容改変したとかじゃなくて😰
1
222
277
Idea: favorite service outage (or traffic spike) graph as a scarf 😎 #outagescarves
h/t @svenfuchs #whoislisapassing
15
131
252
Good documentation pyramid by the guy who worked on MDN (I didn't know! So cool 😎) @jamessocol
11
109
258
"Passport, green card, credit card. Check! Everything else I can probably solve with money if I fuck up" - adult travel.
12
24
252
Behind me is a future yarn store I’ll open (I mean we moved into a house that has unused storefront, so it’s inevitable)
ALT Selfie in front of a house
17
247
Dad: so you can `require` in Node... How do I do the same in browser ?
Me: :deep sigh: :moment of silence: "... It's...complicated."
6
22
245
Being told functional is the new hotness but being rejected form interviews because you don't write OO JavaScript - reality of new devs 2016
11
99
232
📣 knitlify.netlify.com/ 📣
Knit stitches are not square pixels, different yarn means different gauge. Before you spend few hours knitting swatch from colorwork chart (or pixel art) check your design using this tool✨
(yes, I just wanted knitlify-dot-netlify URL💁♀️)
10
53
228
I don't need zero-config, let me config everything.
I'm absolutely in favor of zero-magic, let me see what needs to go in & what's happening in the system.
17
43
225
OH : "If fidget spinner is acceptable in the office, knitting should be too."
😂😂😂
I totally agree
6
39
201
If you want a "holiday wear" that can be worn all winter with little bit of web dev pride...I do have a design for sale 🎁
teespring.com/shop/sweaterif…
(To be very clear: this is my creative endeavor from 4 years ago pre-joining Chrome team, nothing to do with current work)
ALT sad and offline design with Chromium dino and sad tab
12
13
226
I designed this last year, but you can always buy it on Teespring if you want to get pullover or tshirt. (campaign auto restarts😊)
teespring.com/sweaterify-sad…
6
39
220
“Do you want to assign UUIDs to each plants? or do you want to name them?” - Luke insisting on keeping spread sheet of vegetables we planted today.
6
7
211
Felt cute, might delete later.
(Thanks y’all who tuned into Chrome Dev Summit ... and let us do our nonsense 😛)
ALT Paul Surma me Jake in stage at Chrome Dev Summit.
7
4
220
Friends, I believe I found best rubber duck to sort out your bug and life problems.
Alt: a small doll toy on a desk. Nodding when it detects sound.
8
22
208
The sorting scarf worn by @mbostock who is the reason why I'm a JS dev & the reason why the scarf exists!
(internal scream: aaaaaaaaaaahhh😆)
4
21
207
Netlifyでやってる絵文字を使ったタスク見積もり
🍇すぐ食べられる簡単タスク
🍍どうやって切るの?どこから始めて良いのかすぐわからない
🍅フルーツ?そうなの?もっと情報くれ
みたいな、時間だけじゃなくコンテキストを含めた見積もり方法。すごく便利(自分でも使ってる)
fberriman.com/2020/01/22/fru…
1
60
219
Solving my MBP keyboard issue by @DasSurma method.
ALT Thinkpad keyboard on top of Mac book pro
17
27
204
Hi friends at Google, this view is great, but... could... we... at least use MDN for this ??
9
51
199
Dear Airport,
I know we spend a lot of time together. Just wanted to tell you, all I want is warm veggie, not pile of carb, pile of meat, or ice cold salad. Perhaps nice (and not too salty) soup or baked veggie, please.
cheers,
Mariko
8
8
193
You know, there is some other way to fix conflict without rage tweet, 10min read medium post, shutting down project and/or social account 💁
4
58
180
It’s the night before I/O and we finished our project!
Tune in tomorrow for ✨exciting✨ announcement.
ALT Surma, Jake and me in a car
4
194
Inspired by many recent conversations, I made a site to compile 💰📊 of speaking at conferences.
"Who Pays Speakers?"
whopays.techspeakers.info/
20
146
190
Optional catch binding just moved to Stage 3 ("Let's implement & feedback" stage) 💯💯💯
try {
} catch { // ← no (e)!!!
}
YES PLEEEEEEEEEASE
10
39
177
Yo I've been paid to write JavaScript for few years and only just now learned you can write onerror in the tag like
<script src="url" onerror="//error handling"></script>
6
25
181
I met @sigekun the person who defined CHTML and designed original Emoji for DoCoMo in front of MoMA emoji wall & gave him emoji beanie 💯💕😭✨
7
25
171
Yay my sad and offline shirt arrived✨ and stitch graphic look fine💕
You can get yours 👉 teespring.com/sweaterify-sad…
7
35
177
