Learn how frontend teams are building the next generation of the web with Vite. Hosted by
PlaywrightとはPlaywrightはMicrosoftが開発している、オープンソースのWebテストフレームワークです。 v1.32から追加された新機能、UI Mode が業務でかなり重宝したので、これを使って実際にE2Eテストを書きつつ紹介していきます。 デモプロジェクトを作成適当なディレクトリでデモプロジェクトを作成します。 いくつか質問されますが全て Enter で OK です。 npm init playwright@latest実行が終わると以下のようなディレクトリ構造になっているはずです。 . ├── node_modules/ ├── package-lock.json ├── package.json ├── playwright.config.ts ├── tests │ └── example.spec.ts └── tests-examples └── dem
メドピアでエンジニア/マネージャーをしている濱田 (@yut_h1979) です。 昨年末から半年以上かけて、「EM勉強会」(エンジニアリングマネジメント勉強会) と題した『エンジニアリングマネージャーのしごと』の輪読会を実施しました。これがとても良い取り組みになったので、その経緯や内容について共有しようと思います。 目次 1. なぜやろうと思ったのか? メドピアの組織拡大に伴う課題感 EM学習に最適な書籍との出会い 2 . 勉強会の始め方と進め方 勉強会ニーズの把握 Slackチャンネルの開設と導入 読書ペースと進め方の決定 3. 工夫点と留意点 予習不要でハードルを下げる 内容をSlack上でオープンにする 「次回予告」で興味を惹く 4. やってみてどうだったか? 興味ある人が想像以上に多かった 様々な立場からの議論ができた 事業部メンバーからも反応を頂けた 5. まとめ 1. なぜや
SPAにするとNext.jsの嬉しさが半減しますが、/pages/以下のディレクトリ構造がそのままエンドポイントのパスに対応する、ディレクトリベースのルーティングをとても気に入っていたので、ほぼルーティングだけのためにNext.jsを使い続けていました。 今年(2023年)の春頃、高機能なNext.jsをルーティングのためだけに使いつづけるのはやはり違う気がする、と調べていて「ViteとReact Routerを使えば簡単にディレクトリベースのルーティングできるよ」という記事を見つけたのが、実はViteを知った最初でした。流行に鈍感…これが老化か…。 Simplifying Routing in React with Vite and File-based Routing Viteにはimport.meta.glob()という機能があり、トランスパイル時にディレクトリ以下のファイルを列挙し
2023年8月9日(水)に、 Hatena Engineer Seminar #26 をオンライン開催しました。ご参加いただいたみなさま、ありがとうございました。 このエントリーでは、当日のアーカイブ動画や公開資料をご紹介します。 Hatena Engineer Seminar #26 について 発表概要と資料 はてなのエンジニアリングマネジメント これまでとこれから CTO id:motemen はてなEMキャリアパス 最速攻略RTA 新卒部門 ブックマークチーム EM id:yigarashi 「いい感じにしといて」を支える技術 マンガ投稿チーム EM id:shimobayashi エンジニアとしてチーム改善してたら、EMになってた話 ノベルチーム EM id:k-murakami0609 さいごに Hatena Engineer Seminar #26 について Hatena En
こんにちは、@vaaaaanquishです。 7月24日に第二子が生まれ現在育休を取らせてもらっています。 寝かしつけが終わった深夜に少しだけ育児の難しさとエンジニアリングについて考えていることを書いていこうかなと思います。 社会が育児をすすめる最近、日経新聞の男性育休の代替要員に関する記事を読みました。 2030年に85%の男性育休取得率を目指す日本ですが、育児という家庭環境や健康状態が関わる事象では例外も多く、業務や人間関係との折り合いも難しいという内容になっています。 記事の中では、職場との両立という側面を中心に論じていますが、これらに加えて男女間など属性に関する側面や社会全体、個々人から見た側面など様々な面がある事は自明かと思います。他方、記事の中の話は、社会人であれば属性によらず何らかの形で肌で感じた事のある側面の一つではないかなと思います。 育児と仕事の話はよく話題になりますが
Qwik をマイクロフロントエンド基盤として使えないか検討していて思いついた色々。副産物で色々作った。 tl;dr Qwik は理論上は最強。だが難しい qwik-react を使えば選択的に Qwik/React を切り替えられるので、 Astro と同じメタフレームワークとして使えそう React 以外もその気になれば対応できるはず => qwik-svelte と qwik-vue を実装した 最終的な問題は Qwik が流行るかどうか Qwik/QwikCity とは何か Qwik は SSR First なUIライブラリで、 .tsx の React 方言からコンポーネントを生成する。 import { component$, useSignal } from '@builder.io/qwik'; export default component$(() => { return
みなさま、認可の設計に苦しんでいるでしょうか?私は苦しんでいます。苦しまなかった瞬間などありません。昔「アプリケーションにおける権限設計の課題」を執筆しましたが、あれから3年以上が経ちます。 当時は認可の設計に関する情報がうまくまとまっている記事などほとんど無く、調べに調べて得たナレッジを書き記したのが上記の記事です。3年以上経ちますが、苦悩が今も特に変わっていないことが驚きです。 ただし、世の中的には認可のライブラリであったりサービスというのは少しずつ増えてきている印象があります(Auth0の OpenFGA であったりOsoの Oso Cloud 、Asertoの Topaz )。 認可の設計に関する記事も少しずつ増えている印象があり、その中でも本記事で紹介したいのがAuthorization Academyです。 これは認可サービスである Oso Cloud やOSSのライブラリ o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く