スクワッド体制における留意点として、「Spotifyは "Spotifyモデル "を使っていない [3]」で以下のように述べられているように、単に方法論を真似るのではく、自分の組織と向き合い、学習して、進化し続けることが大切であると思います。READYFORにおいても日々、組織体制について議論し、改善を進めています。 ビジネスユニット、部門、チーム、マネージャーは、Spotifyの失敗した方法論に固執してはいけません。彼らはSptifyのモノマネよりも効果的に組織構造の役割と責任を伝えることができるのです。 あなたがSpotify Modelを見つけたのは、自分のチームをどのように構成するかをいつも考えていたからでしょう。でもここで止まってはいけません。学習を続けてください。 1-2. READYFORのスクワッド体制 READYFORの場合、どのようなスクワッド体制を敷いているか？ ひと

この記事は「NEXTSCAPE Advent Calendar 2021」の12日目の記事です。 かつてVueに詳しかった人に対して、知識のアップデートをサポートします。 🐣CLI Vueのプロジェクトを新規作成する際、いちいちnpm initしたりgit initしたりnpm install vueしたりラジバンダリする輩はこの世に存在しません。 なんにせよコマンドをペチっと叩いて空のプロジェクトを作成することと思います。 テンプレート、スキャフォルディング、ボイラープレートとか呼ばれてるなにかをコマンドで生成しているはずです。 空のプロジェクト作成にはCLI（コマンドラインインターフェース）が必要であり、CLIの選択肢としてVue CLI、あるいはNuxt.jsが君臨していたことでしょう。 Vite いまは、そこんところのサポートをViteが担当してくれます。 読み方は「ヴィート」。

この記事は カオナビ Advent Calendar 2021 17日目です。 はじめに 株式会社カオナビのフロントエンドエンジニアの@shinji_beckyです。 先日Next.js ConfがありNext.js 12で様々な機能のリリースが紹介されました。 その中にReact18のサポートがされるという内容があり、SSR Streamingの話がありました。 Suspenseとかその辺の話かな〜くらいには思ってましたが、「まだよーわからん」状態だったのであらためて調べてみました。 いろいろ調べた中でこちらのページがめちゃめちゃ参考になりました。 基本的にはこちらの内容ベースなのでより詳しい話はこちらを読んでいただけると幸いです。 Server-Side Rendering(SSR)のはなし SSRとは SSRとはなんぞや。 簡単に説明すると「サーバーサイドで事前にレンダリングしたペー

はじめにこの記事は食べログアドベントカレンダー2021の 18 日目の記事です。 食べログ FE チームの @hagevvashi です。 食べログでは 2021年7月から Renovate を運用しています。 Renovate は月に 50 件近い PR を出してきますが、半年近く溜めずに運用を続けられています。 もちろんこの量の PR を一つ一つ動作確認してから手でマージしているわけではありません。自動マージを活用して楽に運用しています。 この記事ではどのように自動マージを設計し、運用しているか紹介します。 自動マージ導入による効果 まずは、Renovate の自動マージを導入することによってどのような効果がもたらされたのか紹介します。 2021/7/21 に導入を開始してから合計 235 件の PR が Renovate によって作られました。 その内 89% を占める 210 件も

チェスの世界にはchess.comという素晴らしいサイトがあって、チェスの入門・日々の学習・対局・仲間作りまで全てが揃っています。私も毎日chess.comで次の一手問題を解いて勉強しています。 将棋にもchess.comのような総合サイトが欲しいなと前々から思っていたのですが、lishogiの存在を最近知りました。いつの間に。lishogi.orgの最初のブログ記事が2020/09/29ですので1年ちょっと前に出来たようです。 チェスサイトlichessのシステムをベースに作られているようで、β版にしてはシステムの完成度は高いです（棋譜が英語表記になるなどの細かい問題はあるけど棋譜の表示方法は設定で変更できました。コメントありがとうございました）。 lishogi.org • 無料オンライン将棋First blog post – test run | Blog • lishogi.org

はじめに Markdownって便利ですよね？ README.md、PR や Issue の本文やコメント、Qiita や Zenn はもちろん、Google Docs や Trello や Notion や Jupyter Notebook でも使えるみたいです。もっといろいろな文書を Markdown で書ければいいのになあ、あらゆる文書のソースコードを Markdown にできればいいのになあ。 さあ、Markdown の可能性を広げましょう！ 本記事では「スライド」と「(電子)書籍」をMarkdownで書く方法をご紹介したいと思います。もちろん、VSCodeでMarkdownを効率よく便利に書いていくためのチップスもご紹介していきますよ。 ご参考スライド VS Code Conference Japan 2021 で発表した際の以下スライドもご参照ください。 もちろんこのスライドもV

All the best UI and UX practices, already taken care of for you. Checklist Design Starter Kit covers your foundations so you can focus on the fun stuff in your work.

標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype[@@iterator]()String.prototype.anchor() 非推奨 String.prototype.at()String.prototype.big() 非推奨 String.prototype.blink() 非推奨 String.prototype.bold() 非推奨 String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.proto

2021 年 4 月にツイートした HTML/CSS/JavaScript のツイートまとめです。見出しをクリックするとツイート元に遷移するので、気に入ったらフォロー・ファボ・リツイートお願いします。 1. SVGとCSSでファビコン <foreignObject> 要素を使えば CSS で上下中央揃えなどのスタイリングができます。 <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><foreignObject width='100%' height='100%'><div xmlns='http://www.w3.org/1999/xhtml'><style>.canvas{display:

ちなみにそれぞれ gotpointercapture と lostpointercapture イベントが発火します。 何が嬉しいか mousemove イベントを使って自前でドラッグを作ってみると直面すると思うんですが、このイベントって対象要素上でマウスカーソルを動かしたときにだけ反応しますね。 経験ない人からすると何当たり前のこと言ってんだって感じだと思うんですけど、こんなときに困るんです。 マウスカーソルを素早く操作して対象要素の外へ出てしまう デザインの都合上、重なり手前に表示される要素がある デモで右端を掴んで右側へドラッグしてみてください。たぶん止まります。カーソルを戻して、ゆっくり、はみ出ないよう少しずつ動かすとドラッグできます。 対処としては対象要素じゃなくて document の方で mousemove を見張るって感じでしょうか。直感的ではありませんし、開放処理の漏れと

Deep-copying in JavaScript using structuredClone Stay organized with collections Save and categorize content based on your preferences. The Platform now ships with structuredClone(), a built-in function for deep-copying. For the longest time, you had to resort to workarounds and libraries to create a deep copy of a JavaScript value. The Platform now ships with structuredClone(), a built-in functio

最近はフロントエンドエンジニア(主にReact)をしているYano (@yuki_ycino) といいます。 この記事では自分が開発に使っているNeovim周りの環境と、その大まかな構成について書いていきます。 追記 後日、自分がNeovimでフロントエンド開発を行っている理由とVSCode という記事を書きました。 合わせて読んでいただけると幸いです。 はじめに 自分は現在フロントエンド開発のほぼ全てをNeovimで行っています。 個人的にはVSCodeと遜色なく(むしろ効率よく)開発できていると思うのですが、VSCodeではシンプルな設定で開発を始められるのに対し、Vimはどうしても設定のハードルが高いです。 具体的には現在5000行弱のVimの設定ファイルと100個前後のプラグインを導入して開発しています。 ただ、それを他の方に勧めるのは無茶なので、この記事ではほぼ最小構成に近いTy

はじめに 2021年11月に、熊本県内バス5社のリアルタイムバス情報が、GTFS Realtime形式のオープンデータとして公開されました。本記事では、GTFSの概要、熊本のデータ入手方法、利用例、開発情報などを紹介します。 1. どんなデータ？ GTFSって何？ GTFS(General Transit Feed Specification)とは、バスや鉄道などの公共交通に関する世界的なデファクトスタンダードなファイル形式で、Google Maps等の経路検索サービスで主に使われています。 日本においても、2017年に国土交通省がバス情報の標準形式として採用してから普及が始まっています。2021年11月12日現在、440の交通事業者・自治体がオープンデータを公開しており、そのうち遅延等のリアルタイム情報も48社から配信されています。 熊本のバスロケーションシステム 熊本県内では5社・約8

銀座Rails#40

Last week we hosted our 6th React Conf. In previous years, we’ve used the React Conf stage to deliver industry changing announcements such as React Native and React Hooks. This year, we shared our multi-platform vision for React, starting with the release of React 18 and gradual adoption of concurrent features. This was the first time React Conf was hosted online, and it was streamed for free, tra

ここら辺の続編である。 bleu48.hatenablog.com bleu48.hatenablog.com もうちょっと間をおいてから本格的な試行をする予定でしたが書店に並び始めたとのことで以下のやつ公開しておきます。 後半のdlshogiの学習の部分ですが，加納さんは限られたリソースで学習できるように教師データを分割してスクリプトで連続学習できるようにしています。 加納さんはColabでもシェルスクリプトを使うスタイルですが，私のWindows主な環境とは違います。 そもそも学習をPythonでやってるので皆環境は整っているはずということで，シェルスクリプトをPythonに書き換えてみました。学習部を呼ぶところをモジュール呼びにしていたのですが，これだとログファイルが更新されなかったり，教師データが追加読みになっているために積算されたりしたために結局subprocessで落ち着きまし

著者献本が先に届きました。書店発注分は後ほど同じ初版が届くでしょう。 うちにも来てた。年末待たずに今週末読もう。 pic.twitter.com/V4qrn0R4gY — 48 (@bleu48) 2021年12月10日 自分のなら流しますが，私にとっても推薦書なのでリンク貼っておきます。 強い将棋ソフトの創りかた 作者:山岡忠夫,加納邦彦 マイナビ出版 Amazon 土日でざっくり目を通しました。 概ね前回の書籍から正常進化と思って読み進めていると後半から加速と言うかdlshogi本体に話題が飛びますね。これは予想以上に踏み込んでいます。前書籍に無かった加納さんパートという感じですね。 ただ，前から読んだ人がどこまで理解してここまで到達するのかやや心配なペースです。 同じ厚みの上下巻にした方が良いくらいの濃密さで，恐らく初学者には行間を埋めるのが難しいのではないかと思うくらいです。 ただ

2021-12-17 Harajuku.ts Meetup #1

会員のドメインモデルを考える。属性としてemailAddressを持っていて、これは通知メールを送るのに使われる。

「クソアプリ Advent Calendar 2021 その２」の16日目の記事です。 ちなみに、とくに振り返ってはません。 GitHub Wrap GitHub が GitHub Wrap というのをツイートしてました： どうやら、2021年のパブリックなコントリビュートをいい感じなカードっぽい画像で出力してくれるそうです： さて、OSS活動を主な仕事にしてる方なら、この結果イコール今年の活動になると思いますが、職業プログラマーであればプライベートリポジトリが主な活動拠点な方もいると思います。僕もそうです。できればプライベートリポジトリのコントリビュートも出したいです。 ということで 作りました。 残念ながら僕には「いい感じなカードっぽい画像で出力」する能力はないので、CLI です。ただし、流行り（？）に乗って GitHub CLI の Extension にしました： $ gh ext