Hi fellow devs, For my first post, I'm just documenting my VSCode configurations here for posterity's sake or just for my reference later. Keep in mind that this list is going to be language agnostic and more so utility/aesthetic suggestions (though these are inevitably tied to what languages I work with, so take that as you will). Please feel free to suggest any good extensions that I've missed o

はじめに 私のチームは、リモートワーク中心の開発チームです。 そのチームに新人が配属された時に、私のチームで行っている新人育成のプラクティスのうち、比較的ユニーク(だと思っている)プラクティスを抜粋して紹介します。 少しでも参考になれば幸いです。 リモートワークの知見を説明 新人に対して、チームで行っているリモートワークを快適に行うための知見を紹介しています。 特に、「今から通話いいですか」をすっ飛ばしてビデオ通話を開始する文化であることを共有します。 詳細は以下を参照ください。 インセプションデッキの説明 インセプションデッキとは、プロダクトづくりに関わるメンバーが各々の意見を持ち寄って共通認識をつくり出すための大事な質問に対してメンバー皆で議論して決めた回答です。 詳細は以下を参照ください。 インセプションデッキ | Agile Studio 私のチームでは、以下のテンプレートを利用し

三種の神器 今やWSL,Docker,VSCodeは使えて当たり前という雰囲気になってきたので、初心者のためにすごく適当簡単に導入手順をまとめたよ 卍最強の環境卍を構築するため以下の4ステップで解説するよ WSL2の導入 Dockerの導入 VSCodeの設定 使ってみる 1. WSL2の導入 そもそもWSLって何？という方もいらっしゃると思いますが、Windows内でLinux環境を使うことができるぜということだけ覚えておけばOKです 導入についてはPowerShellで以下コマンドを実行するだけ！ インストールしたらPCのスタートメニューからUbuntuを開き、ユーザ名とパスワードを設定しよう (Ubuntuを開くだけでユーザ名とパスワードを作成するための入力が求められます) WSLを真面目に知りたい方はこちら↓ https://learn.microsoft.com/ja-jp/wi

コーディネータ：羽田 正 ナビゲータ：後藤 春美 皆さんの多くは、高等学校で「世界史」を学習したはずです。大学入試の科目として「世界史」を選択した人も多いでしょう。ですから、ちょうど数学の定理や物理の法則のように、高校生が世界中で同じ世界史を学んでいるのだと信じているのではないでしょうか。しかし、実はそうではありません。 世界史という名前の科目は、日本や中国など東アジア諸国に特徴的にみられ、欧米や中東などでは単に「歴史」と呼ばれる科目しかありません。また、大筋は同じだとしても、国によって、教科書の内容は微妙に異なっています。世界史は、決して一つではないのです。なぜでしょう。 世界史の理解は、自分たちの生きる世界をどう認識するかということ、すなわち世界観と深くかかわっているからです。現代世界でも、人々の世界観は同じではありません。まして、過去においては、地域や時代によって様々な世界観があり、

この記事はReact公式の内容を翻訳・紹介するものではありません。筆者の解釈や理解を伝えるものであり、Reactの公式見解と一致しているとは限りません。あらかじめご了承ください。 皆さんこんにちは。最近Next.js 13.4がリリースされ、App Routerがstable扱いになりました。App RouterはReact Server Component (RSC) をふんだんに用いて構築されています。 React本体でServer Componentがずっとalpha版なのにNext.jsでbetaとかstableとか言ってるのは何で？　という問題も、React Canaryのアナウンスにより無事に解消されました。 React Canaryってなに？ 先日React公式ブログでアナウンスされた、新しいリリースチャネルです。 筆者の理解による概要をお伝えすると、Canary版のReac

日本Haskellユーザーグループ（愛称 Haskell-jp）発起人の一人にして、Haskell-jpで一番のおしゃべり。 HaskellとWebAssemblyとプリキュアとポムポムプリンをこよなく愛する。 This is a Japanese translation of Flexiblly Extend Nested Structures – “Trees that Grow” in TypeScript. 抽象構文木（AST, Abstract Syntax Tree）の扱いに慣れた一部のHaskell開発者の間では、「Trees that Grow」というイディオムが一般的で、Haskellの最も有名なコンパイラ、GHCにおいても採用されています。今回は、この「Trees that Grow」をTypeScriptで実現するにはどうすれば良いかを共有しましょう。 あらまし Ha

――改めて藤井将棋をどう見ていますか。 「本当に強いですよ。…膨大な時間を研究に費やしているんだろうなというのは、棋譜を見れば伝わってきます」（羽生善治）

八葉🐟 @eight_2_leaves 日本語に弱い鯖缶好きな人の雑多垢。新しいもの大好きな人です。ゲームはアークナイツなどをのんびりと。奇妙な独り言の多い生き物ですが温かい目で見守ってあげてください 八葉🐟 @eight_2_leaves AIVtuberが本格的なゲーム配信をするのはまだかなり先の未来と思ってたけど，既にそれを実現しつつあるNeuro-samaがスゴい マイクラ配信は最初動き方を知らずにプルプルしてたけど，30分経てば移動やブロックの設置＆破壊を学習。7時間もすれば鉄を作れるようになる超進化っぷりにはビックリ twitter.com/i/web/status/1… pic.twitter.com/x3YICnTPOX 2023-01-06 03:35:18

Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、

三次元 大介🗾🇯🇵 @3_Jigen_daisuke @mizutanimidori 加害者プログラムに参加しているだけ修正しようという姿勢が見られますね。女性も男性も、自分は間違っていないと思い込んでいる人は自分の弱みと向き合う勇気がないため逃げ続けます。身近にいますが、カルト信者のように、自分を信じて疑わない。そういう人こそ外からの指摘を聞いてみて欲しいのに。 2022-12-17 09:54:46

みなさまは……『HUNTER×HUNTER』という作品を読んだことはあるだろうか？ 『HUNETR×HUNTER』、週刊少年ジャンプにて1998年14号より連載を開始した冨樫義博による漫画作品。私はこれを……一度も読んだことがなかった。この話を誰かにするたび、「えっ！？ハンターハンター読んだことないんすか！？」と言われる。 むしろ私は、この「えっ！？ハンターハンター読んだことないんすか！？」という会話の煩わしさを潰したかったのかもしれない。 という訳で、ハンターハンターを知らない俺の目の前でハンターハンターネタが擦られている状況が許せなかったので、全巻買って読みました！　別に連載開始に合わせて読み始めたとかそういう訳ではないんですが、まぁなんかちょうどいいタイミングでしたね。 今回の記事では「ハンターハンター1巻から37巻までの好きなシーンを1巻につき1つ振り返る」という形で進めていこうと

@1000ch (id:hc0001) です。掲題の通り、少し前にドクターズプライムの Frontend プロジェクトで使う lint ツールとして ESLint ではなく XO を使っていく方針に切り替えました。最近その振り返りを行ったので、その備忘録として文字に起こします。 github.com 経緯と課題 これまでは Create React App に付属する ESLint に加えてルールを少しカスタマイズして、それをいくつかのプロジェクトで使っていました。これにはいくつかの課題が存在していました。 ESLint およびその周辺プラグインの依存関係を含めたバージョンアップをケアし続ける必要がある renovate や dependabot などを用いて（半）自動化できるものの、依存の数や大きさに応じて依然としてコストが高い ESLint のルールを中長期的にメンテナンスする必要があ

顧客からのクレームに納得できず、SES契約の期間途中に（ほかの案件も含めて）要員を撤収させたこと適否が問題となった事例。 事案の概要 X社は、下記の図のとおり、A社、B社、C社からそれぞれシステム開発に関する業務を受託し、それぞれの案件に対応する要員ａ、ｂ、ｃを、Y社から調達し、その業務を担当させていた。１カ月当たりの単価を定め、比較的短期間（１カ月から３カ月）の契約期間が定められ、必要に応じて延長、更新が行われていたので、いわゆるSES契約といえる形態だったといえる。 このうち、Ａ社にアサインされたａに関し、Ａ社からパフォーマンスが低いとのクレームを受けたXは、2020年5月8日、Yに対し、A社は契約途中の5月22日を以て解除を希望していることなどを伝えた。 クレームの内容が、「GitやRailsのコマンドがわからないレベルだ」などというものであったが、Yは「現場レベルでの作法の話だろう

webpack is 何? webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。 複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。 複数の JS モジュールを（場合によっては CSS や画像などのアセット類も）一つにまとめる すでに新規開発の終了も伝えられる webpack ですが、「STATE OF JS 2022」ではいまだに利用率 No.1 の地位にあります。 webpack 後継のモジュールバンドラーとしては、すでに Turbopack の開発開始がアナウンスされています。しかし、これがプロダクションレベルに達するまでは webpack がおそらく使い続けられることになるでしょう。 使うメリットは何？ モジュールを 1 つ（もしくは少数）にまとめることでブラウ

概要 Three.jsの勉強を始めて半年くらいが経過しました。 現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について 私は主に、React Three Fiber（Three.jsをReact用にラッパーしたライブラリ｜以下、R3F）を使用して開発してます。 バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。 とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。 ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ

先日Vtuber事務所の最大手であるホロライブの音楽ライブ 「ホロライブ3rd fes つながるホロライブ」が開催された。 幕張メッセで2日間をかけてカバー株式会社に所属する38のVtuberがライブを行い、 そして同時にイベント展覧会を開いたVtuber業界において過去最大規模の催し物だった。 その規模は著名アイドルグループのライブなどとも遜色はなく、 多数のファンが参加して大盛況のうちに幕下ろした。 その盛況さはTwitterのトレンド1位を数時間にわたって独占して、 TVニュースなどでも取り上げられるほどのものであり、 Vtuberが巨大なコンテンツとなったことを多くの人に知らしめることになっただろう。 一方で、その盛況さを目の当たりにしながら、ホロライブを追いかけてきた自分にはどこか冷めるような気持ちに包まれていた。 Vtuberの始祖であったキズナアイやVtuber四天王の今、

回答 (19件中の1件目) モーダルだからというのを、UIの授業で聞いたことがあります。 つまり、書き込みモード、上書きモード、コマンドモードなど、状態を常に意識し、それぞれある意味違うプログラムとして覚えなければならないということです。 ただ、他の回答者も仰る通り、「覚えやすいもの」と「便利なもの」は必ずしも同じではないので、毎日使うような道具は覚えやすさより便利さが重視されるのも間違いではないと思います。 僕自身はvimやvimプラグインをそこらじゅうで使っています。殆どの機能が英文字キーだけでこなせるので、疲れない気がします。気分の問題だとも思いますが。

本書は、Lydia Hallie 氏 と Addy Osmani 氏らによる Learning Patterns (https://www.patterns.dev/) の日本語訳です。原著は大きく 3 つのセクションに分かれていますが、本書は、その最初のセクションである Design Patterns を訳したものとなります。

2023/1/2　part5を全体的に修正。出身会社について追記。 part10を全体的に修正。最後に加筆あり。 前職を辞めて１年以上が経った。そろそろ事業会社で働いてみようと決心したところで、キャリアの棚卸しをしてみようと思った。 私は、新卒で人材広告の営業会社に入った。その次は転職支援の仕事をしていた。いずれも管理職になって、いくつかのチームをマネジメントする立場になり、二番目の会社を数年後に退職してからは個人事業主になって、ひょんなことから地方自治体（市役所）に転職した。 そこを辞めてからは、幾ばくかの退職金を元手に、フリーランスをしながら自由な毎日を送っていた。今でも個人でコンサルの仕事を請けたりする。学生時代を懐かしんで、マクドナルドのクルーに応募して働いてみたりもした。 人生の休息はたっぷり取ったし、そろそろ本気で再就職を目指そうかと考え始めたところ、職務経歴書を書かねばならな