最近webpackで環境構築したので利用したプラグインまとめてみた - Qiita
はじめに こんにちは〜 最近フロントエンドの環境構築の勉強でwebpackを利用しました。 その際、プラグイン多いな！！！ と感じたので、自分なりにプラグインをまとめてみました！ そもそもwebpackって？ コンポーネント化が進む時代・・・build時に各種ファイルを1つにバンドルしてくれるプリプロセッサがwebpackです。 公式の画像がわかりやすいので添付します。 このように、webpackが依存関係も込でいい感じにファイルを1つにまとめてくれます。 あとは、バンドルしてくれたファイルを読み込めば解決になります。 素晴らしいですね！ このバンドル時に数々あるプラグインを利用することでより便利になりますので、今回はそちらを紹介いたします。 プラグイン一覧 プラグイン名 プラグインの特徴
TypeScriptコンパイラの読み方
TypeScriptコンパイラリーディングをする上で、目当てのコードに辿りつくまでの手間を短縮するためのメモ書きです。コードリーディングの一般論や、TypeScriptコンパイラから読み取れる個別事象については極力省略しています。 TypeScriptの主要な処理系 多くのJavaScriptパーサーが拡張としてTypeScriptを読めるようになっています。また抽象構文木のフォーマットに事実上の標準があり、各パーサーはそれに従っています。AST Explorerでこれらのパーサーの出力を調べることができます。特に重要なのが以下の2つの処理系です。 TypeScript TypeScriptの型推論・リント・トランスパイル・モジュールバンドリング等ができる。 Babel TypeScriptのトランスパイルができる。 TypeScriptコンパイラの構成 libに標準ライブラリ (型定義フ
Next.js 12 x React 18 について調べたメモ
'RSC'.reverse() == 'CSR' 現状公開されている情報から、Edge Functions を起点に Component を Streaming することが Vercel x Next.js x React 18 のゴールに見える。Edge Functions で RSC(React Server Components) を SSR するメリットは以下の様に考えている。 物理的に近い Edge サーバーなので速い V8 Isolete 実行環境のため立ち上がりの速い（Node 依存の Serverless より速い） CSR と比較しラウンドトリップが少ない このPR で Next.js に Server Components を導入した Shu Ding 氏がピン留めしている以下ツイートは必読。
ドメイン駆動設計 サンプルコード&FAQ - little-hands - BOOTH
前書「ドメイン駆動設計モデリング/実装ガイド」(https://little-hands.booth.pm/items/1835632)では、ドメイン駆動設計(以下、DDD) の基礎について解説し、ありがたいことに参考になったという声を多くいただきました。 しかし、実際に開発に適用しようとするとつまずくことは多く、質問箱(https://peing.net/ja/little_hands)では1 年間に数百件の質問をいただいています。 そこで、本書では前書で解説しきれなかった重要トピック「モデリング」「集約」「テスト」について解説し、その他のトピックでは頻出の質問への回答と具体的なサンプルコードを示しました。 モデリングに関しては、モデリング/実装ガイドで示したモデリング手法から、より成果を出しやすい形式にアップデートした内容を紹介します。 本書の構成 「第2 章モデリング」「第5 章集約
オープンソースのプログラミング言語「Rust 1.56.0」がリリース
「Rust 1.56.0」では、下位互換性のリスクをもたらす可能性のあるオプトイン変更メカニズムである「Rust 2021」エディションの安定性が向上している。 おもな新機能としては、クロージャが常に識別子全体をキャプチャするのではなく、個々の名前付きフィールドをキャプチャするようになったほか、array.into_iter()が参照ではなく値でアイテムを反復処理するようになった。 また、macro-rulesにおける「or」パターンが:patのトップレベルA|Bと一致するようになっており、デフォルトのCargo featureリゾルバがバージョン2になっている。 さらに、TryInto、TryFrom、FromIteratorがデフォルトでスコープになり、panicマクロはprintln!()と同様に、常にフォーマット文字列を期待するようになったほか、ident#、ident"..."、
WindowsでLinux GUIアプリを動かす「WSLg」のWindows 11での状況を見る
Windows 11のWSL2は、WSLgが搭載され、Linux GUIアプリが動作する。以前紹介したプレビュー版の頃よりもWindowsとの融合は進んでおり、Win32側のWordPadの書式付きのテキストをLinux GUIアプリ（LibreOffice。左側のウィンドウ）に貼り付けることができた Windows 11のWSL（Windows Subsystem for Linux）では、Linux GUIアプリケーションを動作させるためのWSLgが用意されている。これは、Windows 10ではWindows Insider ProgramのDev Channelでプレビューされていたもの。すでに本連載でも何度か扱っているが、今回はあらためてWindows 11での実装状況などを見ていく。 ●WSL2でのGUIアプリ対応がプレビュー版で開始 実際に動かしてみた ●WSL2でのGUIア
AppleがMacにタッチスクリーンやFace IDを搭載しない理由を説明
2021年10月に開催された新製品発表イベントの中で、AppleはM1 Pro/Max搭載の新型「MacBook Pro」を発表しました。2021年モデルのMacBook ProはI/Oポートが増え、不評だったTouch Barは廃止されるなど複数の変更が加えられています。一方で、Windows搭載PCではすでに採用されているタッチスクリーンや、顔認証機能の「Face ID」はMacに搭載されていないままです。AppleがなぜMacにタッチスクリーンやFace IDを搭載しないのかについて、同社のハードウェアエンジニアリング担当上級ヴァイスプレジデントであるJohn Ternus氏がウォール・ストリート・ジャーナルに語っています。 Apple explains why it hasn't added a touchscreen or Face ID to the Mac - 9to5Mac
Bash functions are better than I thought
I've been using Bash functions quite liberally over the past couple years, but last week I discovered that they can be much better than I thought. In this post, I'll explain how I thought they worked, why I was wrong, and how that makes them better. Function syntaxI've always seen the syntax of Bash functions presented as: function_name() { # code } While that does indeed produce a function, that'
GitHub ActionsがOpenID Connectをサポート。GitHubからクラウドへのデプロイがより安全に
GitHub ActionsがOpenID Connectをサポート。GitHubからクラウドへのデプロイがより安全に GitHubは10月27日と28日の2日間（太平洋時間）、オンラインイベント「GitHub Universe 2021」を開催、GitHub Actionsの新機能としてOpenID Connectをサポートしたと発表しました。 GitHub Actionsは、GitHubのイベントなどをトリガーとしてGitHubのサーバ上に用意された任意のDockerコンテナの実行を連係させていくことにより、ユーザーが自由にワークフローを定義できるというものです。 ワークフロー内のアクションとしてコードのビルドやテストの実行、クラウドへのデプロイなど、GitHubの機能にとらわれない、さまざまな動作を組み合わせることができます。 参考：［速報］GitHub Actions発表、Dock
【M1 Pro/Max対応】M1 Mac環境構築ベストプラクティス - Qiita
Mac OS初期設定 開発用ソフトをインストールする前に、まずはMac OSの設定を整えて使いやすいデスクトップ環境を構築します。 初期設定 電源を入れると、色々と初期設定が求められます。基本的には指示に従って進めればOKです デスクトップ設定 まず電源を入れて目につくのが、下のDockが大きくて邪魔だということです。 その他にもスクロールの向きがWindowsと逆だったり、Finder(Windowsでいうエクスプローラ)が使い辛かったりするので、 以下のYouTubeチャンネルを参考にして設定し直すと、使いやすくなるかと思います。 OSアップデート 購入直後のOSはバージョンが古くなっていてセキュリティ的に脆弱なことがあるので、アップデートします。 基本的には初回起動時に自動でアップデート画面が出てきますが、以下の方法で手動アップデートも可能です ・Dockから「システム環境設定」を開
M1 MacにThunderbolt 3接続のディスプレーを接続すると外付けSSDの速度が向上するという噂は本当か？ (1/3)
M1 Macで外付けSSDの速度が遅い、という話は広く知られている事実だ。本誌でも、「M1 Macで外付けSSDが遅いという噂は本当か？」の記事などで、M1 MacとIntel Macとの間で外付けSSDの速度検証を行ない、M1 Macでの速度低下を確認している。 そんな中、ウェブやSNSなどで「M1 MacにThunderbolt 3(以下、TB3)接続のディスプレーを接続すると外付けSSDの速度が向上する」というにわかに信じがたい情報を見つけたので、本当に速度が向上するのか実際に確認してみることにした。 TB3接続とUSB接続の外付けSSDで検証 まずはじめに、検証環境を紹介しよう。検証に利用したM1 Macは、M1搭載の13インチMacBook Air（以下、M1 Mac）で、OSは「macOS Big Sur 11.6」。 外付けSSDとしては、本来の速度にかかわらず速度が向上する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -Coding Font
iPhoneのイライラを解決する10の方法 | ライフハッカー・ジャパン
Vue.jsとReactはこの先もフロントエンドの覇権を握れるのでしょうか？
A proposal in the UK would classify forced conversion therapy - which seeks to change a person's sexual orientation or gender identity - as a criminal offense