CloudflareのDeveloper Week 2023の発表まとめ - console.lealog();

2023/05/22 7 users CloudFlare 週明け 金曜日 Bringing AI

今年も祭りの季節がやってきましたね。 Developer Week 2023 | Cloudflare というわけで、今年も個人的に気になったものを。 （発表されるのがだいたいJST深夜かつ最後が金曜日なので、どうやっても公開するの週明けになるんよな・・） Introducing Constellation, bringing AI to the Cloudflare stack https://blog.cl... 続きを読む

2023年のCSSは0ランタイムにしたい - console.lealog();

2023/03/24 8 users CSS jsx vite ポエム フレームワーク

したいよね？ 事の経緯としては、 とある新規プロジェクトで、技術選定をすることに 開発の土台はViteで、フレームワークはJSXが使えるやつに決まった さてCSSはどうやって書こうかとなる あれこれ考えて、とある方法に決めた というのをまとめた、まあポエムの域を出ないメモです。 CSS ModulesやらTailwindやらCSS-in-... 続きを読む

Qwik(City)を試してみた感想 - console.lealog();

2023/01/23 13 users Svelte Qwik 端切れ Kit City

もとい、Svelte(Kit)なプロジェクトを、Qwik(City)で書き直してみての学び。 待望のやつではあるが、端切れの悪いタイトルなのは、移行途中でどうしようもなくハマってしまい、採用を見送ることにしたから・・😇 そういうわけなので、使い込んでみたわけでもまったくないし、最高！とか微妙・・・とかそういう判断という... 続きを読む

最近のフロントエンドフレームワークに対する認識とお気持ちの整理 - console.lealog();

2022/11/02 421 users フロントエンドフレームワーク 認識 整理 お気持ち

久しぶりに、いわゆるポエムを。 新規・運用ヘルプを問わず、受託や副業でよくフロントエンドをやってるWeb屋の見解、そして手札のお悩み。 この先、また技術選定する際なんかにも参考になるかと思ったので。 React 「いまフロントエンドやるなら最初に覚えるべき！」は、もう過去の話かなーと個人的には思ってる。 Reac... 続きを読む

PreactにSignalsがきた - console.lealog();

2022/09/07 15 users Signals SIGNAL SOLID Preact ＡＤＤ

Signals – Preact Guide 端的にいってしまうと、Solidのソレとほぼ同様の体験でコードが書けるようになる・・・！ まずはコード // store.js import { signal } from "@preact/signals"; export const count = signal(0); export const add = () => count.value++; // Counter.jsx import { count, add } from "./store.... 続きを読む

vercel/edge-runtime のコードを読む - console.lealog();

2022/06/29 17 users Vercel repl CloudFlare 初手 未知

初手からREPLがついてたりと、なかなか洗練されてそう・・ってのが第一印象。 What is Edge Runtime | Edge Runtime あとは`cloudflare/miniflare`のコードを読んだ身として、どういう実装になってるんやろ？ってのも気になったので。やはりNode.jsの`vm`を使ってるのか、はたまた未知のテクノロジーか・・・！ 読んだの... 続きを読む

html-rewriter-wasmでHTMLをパースする - console.lealog();

2022/06/22 9 users HTML

HTMLファイルをパースして、 特定の文字列を抜き出したり 特定の属性を書き換えたものを書き出したり ってことをやりたい時、今までは`cheerio`を使うことが個人的には多かった。 GitHub - cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server. 懐かしい`... 続きを読む

JavaScriptのTypedArrayについて - console.lealog();

2021/09/10 5 users MdN WebGL WebAudio canvas 配列

調べたのでメモ。 TypedArray TypedArray - JavaScript | MDN いわゆる型付き配列。 通常の配列と違って型が固定できる分、内部的に最適化がしやすいとか諸々で住み分けられてる。 そういう意味で一般的なフロントエンドのJavaScriptコードで出てくることはそうそうない。 たとえばWebAudioとか、CanvasとかWebGLとか、... 続きを読む

なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();

2021/08/12 399 users その先 主張 SPA 界隈 HTML

Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日 この主張、界隈（少なくとも自分の観測範囲）では割とよく見かけるし、なんか定期的に話題... 続きを読む

アクセストークンをWebWorkerで扱う - console.lealog();

2021/06/09 20 users アクセストークン WebWorker

というアプローチを紹介してる記事があって、なるほど？と思ったのでまとめてみる。 元記事はこちら。 Leveraging Web Workers to Safely Store Access Tokens – The New Stack 毎度のことながら、今にはじまったことではない。 元記事いわく WebWorkerであれば、メインスレッドで実行されるであろうXSSや3rdのコードか... 続きを読む

達人プログラマー（第2版） 読んだ - console.lealog();

2021/01/13 32 users 達人プログラマー 第2版

久しぶりに物理本を読んだけど、やっぱ物理はええな・・かさばるとこ以外。 せっかくなので読書感想文と、特に印象に残った部分を、章ごとに書いておく。 第1章: 達人の哲学 この本を読んでいくにあたって、そもそも達人とはなんぞやという話がメイン。 プログラマーというより、いわゆる社会人としてこうあれみたいなテ... 続きを読む

Modern Web Development on the JAMstack を読んでまとめた - console.lealog();

2020/09/30 202 users

https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本？PDFです。 せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。 あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね？と思い。 た... 続きを読む

転職しました - console.lealog();

2020/07/01 11 users

そして子も生まれていました！ というわけで、子です? pic.twitter.com/UzvIiUpCOP— りぃ (@leader22) 2020年6月10日 人生ですなあ。 いままで 2018年12月からNTTコミュニケーションズという会社で働いていて、2020年6月いっぱいで退職しました。（なのでこれはいわゆるNTT退職エントリ ?） N社では、 SkyWayの（歴史... 続きを読む

フロントエンド x RTC界隈の最近とこれから - console.lealog();

2020/04/02 33 users 先見 Issue フロントエンド API 界隈

フロントエンドエンジニアからみる、この界隈で今どんなIssueが話題になってるのかと、この先どういう動きがありそうかについて。 そこまで自分に先見の明があるとも思ってないけど、アウトプットしておかないと忘れてしまいそうなので・・。 ちなみにここでいうフロントエンドは、いわゆるブラウザとかJavaScriptのAPI... 続きを読む

Rust x WASMのyewでTodoAppを作ってみた - console.lealog();

2020/02/07 13 users rust wasm yew 去年 メモ

話題になってたのは去年くらいな気もするし今さら感はあるけど、今だからこそすごい化けてたりしないかなーという期待も込めて。 個人的には、WASMでWebアプリを作る時代になるとはあまり思えてないけど、まぁ試しておく価値はあるかなと思いその学びをメモ。 yewstack/yew GitHub - yewstack/yew: Rust / Wasm framewor... 続きを読む

chrome://webrtc-internals のしくみ - console.lealog();

2020/01/07 7 users WebRTC Chrome デバッグ あて しくみ

なんとなくアテはついてたけど、中身が気になるという話を聞いたので調べてみた。 WebRTCやってるみなさんならお馴染みのあのページです。 chrome://webrtc-internals WebRTCのデバッグといえばこのページ。 特に何も仕込んでないのに、見てるページで`getUserMedia()`したり`RTCPeerConnection`が作られればその様子が... 続きを読む

WebRTCやるのに最低限必要なJavaScriptのAPIについて - console.lealog();

2019/04/22 53 users API WebRTC エンジニア フロントエンド 最低限

JavaScriptでWebRTCやるための基礎知識 - console.lealog(); 春なので書きました。 言うなれば、これの2019年度版です。 はじめに 最低限のJavaScriptでWebRTCを扱うにあたり、どういうクラスがあって、どういうAPIを、どう使うのかについての記事です。 いわゆるフロントエンドのエンジニアがWebRTCを使ったサービスを... 続きを読む

WebRTC QUICがChromeでOrigin Trialできるように - console.lealog();

2019/02/01 20 users Origin Trial Chrome WebRTC 翻訳

RTCQuicTransport Coming to an Origin Trial Near You (Chrome 73)  |  Web  |  Google Developers 今回は翻訳ではなく、気になる点の抜粋です。 TL;DR WebRTCにQUICがくるよ まずは`RTCQuicTransport`がChromeに実装されます M73からOriginTrialできます WebRTCにQUICがくる まずは`RTCQuicTransport`というクラスから... 続きを読む

HTTP3Study に行ってきたメモ #http3study - console.lealog();

2019/01/29 25 users メモ MTG connpass http New

HTTP3Study (new) - connpass まったく詳しくない分野で脳内補完が効かないのと英語なのとで、まったく自信のないメモに仕上がりました。 間違ってたらむしろ教えてほしいです！ HTTP/3 (英語セッション) from Mark Nottingham はじめに ここは最初にWGのMtgをした部屋なので不思議な感じ 仕様の解説というより、経緯と... 続きを読む

AudioWorkletについて調べたメモ - console.lealog();

2019/01/18 8 users Software WebAudio API メモ web 部分

[WebAudio API] AudioWorklet の使い方 | g200kg Music & Software この大先生の記事を読んで、自分の知ってるWebAudio知識のアップデートをしときたいなーと思って調べたことのメモです。 なので重複する部分もあるけど、+ αな部分もあります。 そもそもAudioWorklet Enter Audio Worklet  |  Web  |  Google Developer... 続きを読む

転職しました - console.lealog();

2018/12/04 49 users

実は3年前にも同じタイトルで記事を書いてることに気付いたけど、定期ポストではありません！ いままで ピクセルグリッドという会社にいました。 知る人ぞ知るいわゆるWebの受託の会社です。 フロントエンド以外の部分は”社として”請けないという少し変わった？会社。 まぁ案件の規模もいろいろ、チームもいろいろある中... 続きを読む

CDN Study (Akamai/Fastly) に行ってきたメモ #CDN_study - console.lealog();

2018/04/13 235 users Akamai CDN connpass fastly メモ

2018 - 04 - 13 CDN Study (Akamai/Fastly) に行ってきたメモ #CDN_study Web CDN Study (Akamai/Fastly) - connpass 久しぶりにすごい人混みに身をおいたわ・・。 どんな勉強会だったか CDN にもいろんな歴史がある あの頃の CDN といまの CDN では、世界観も役割も変わってきてる 気がする ので、中の人に聞... 続きを読む

やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち - console.lealog();

2017/07/09 276 users サーバーサイドレンダリング ホエ React サーバーサイド

2017 - 07 - 10 やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち Web React.js JavaScript 個人の意見 aka ポエムです。 界隈的には今さら感がすごいけど。 そんな今さらポエった事情としては、 とある案件でSPAをReactで作りつつサーバーサイド レンダリング （以下 SSR ）をすることになるかも SPAじゃないページもまとめてReact... 続きを読む

Let's Encryptでサブドメインをまとめてhttpsにする - console.lealog();

2016/12/02 96 users サブドメイン 手探り Let Let's Encrypt メモ

2016 - 12 - 01 Let's Encryptでサブドメインをまとめてhttpsにする Nginx CentOS Linux この記事はなんたらAdventCalendarとは関係のないただのメモです。 このへんの分野はあんまり強くないものの、手探りでやってみてなんとかできたのでその学びを。 基本的にはこのリンクを参考にしたけども、内容を理解するまでにいろいろ壁があったので・・。 Let... 続きを読む

#スーパーイカメーカー を支える技術 - console.lealog();

2016/01/22 66 users 近況 反響 pic.twitt 恒例 イカ

2016 - 01 - 22 #スーパーイカメーカー を支える技術 React Web JavaScript CSS どうも、中のイカです。 昨日の15時頃に晴れてリリースしたコレですが、正直想定してなかったレベルで反響があって驚いてます。 ikasu.lealog.net さてさて、というわけで恒例の裏側紹介記事です。 近況 今のところの瞬間最大風速です。 とりあえずこんなん pic.twitt... 続きを読む