TechTalk #89
夕燐 @yr_botwatch 平均値と中央値の違い、外れ値を弾く事の大切さ、最頻値と中央値と平均値の比較……この辺がなんで大事なのかよくわかる例がようやく健全な物で例えられるようになったのは大きい twitter.com/dh1uw6/status/… 2023-12-11 14:30:53 リンク スポーツ報知 大谷翔平がドジャースに10年1014億円で移籍 花巻東時代からの片思いがようやく実る : スポーツ報知 エンゼルスからフリーエージェント(FA)になっていた大谷翔平投手(29)が、ドジャースと契約合意したことが明らかになった。大谷は自身のインスタグラムで英語で「ドジャースを選ぶことにしました」などと報
前置き 本スクラップでは、Reactプロジェクトにおいて、2023年現在におけるベストなtsconfig.jsonの設定を考えていく。 その際、参考にするのは、以下の3つである。 Next.js Vite サバイバルTypeScript 順に、それぞれ補足していく。 Next.js Next.js公式ドキュメントのcreate-tsconfigのページにある通り、空のtsconfig.jsonを作っておくと、Next.jsは勝手にtsconfigを生成してくれる。 実際に生成してみると、tsconfigが以下のようになった。 (使用バージョンはnext: 13.4.4) { "compilerOptions": { "lib": [ "dom", "dom.iterable", "esnext" ], "allowJs": true, "skipLibCheck": true, "stri
背景webpack の mini-css-extract-plugin のように CSS ファイルだけを Vite で出力したい。 Vite をインストールまずは Vite 周辺の環境を構築する。 npm i -D vite postcss postcss-preset-env npm create vite@latest でも良いが、基本的に Vite しか使わないので個別で入れる。PostCSS は任意。 package.json については以下のような感じになる想定。 // package.json { "name": "vite-build-css", "private": true, "version": "0.0.0", "scripts": { "build": "vite build" }, "devDependencies": { "postcss": "^8.4.19"
これは何 コンポーネントライブラリを作るためにRollupを使っています https://www.npmjs.com/package/rollup-plugin-postcss RollupでCSS Modulesで書いたスタイルをバンドルするためにrollup-plugin-postcssを使っていて、設定にハマってしまったのでメモとして残す記事です この記事は「単にライブラリを使用するだけでは解決できなさそうで、ライブラリ自体にPull Requestを出すでもしないといけない」ことを示すための記事であり、根本的な解決には至りません。ライブラリ使用を諦めるか、次善策として別なオプションを使うかを判断するのに参考にしてもらえれば幸いです。 前提 CSS Modulesを扱うためにrollup.config.jsの中でpluginsでrollup-plugin-postcssを使いextr
最近見つけた現象で既に論じられているかと思ったがちょっと解説が見つからなかったのでまとめておく。 手短に X(旧Twitter)クライアントで表示されるTwitterカードについてカードに表示されるドメインとは違うページにリンクさせる手法が存在する この手法は第三者のTwitterカードを利用することができる つまり悪用者は第三者のTwitterカードを表示させながら自身の意図するページに閲覧者を誘導することができる これはフィッシングの手法になりうる 見つけたツイート 以下のツイートはGoogle、Bloomberg、日経ビジネスのTwitterカードが添付されているがクリックするとそれらとは異なる情報商材サイトにジャンプする。リンク先に危険な仕組みはないと思われるがクリックは自己責任で。念を入れたい人は curl -L で。 PCブラウザでカーソルを合わせてもXの短縮URLサービスであ
Viteにはライブラリモードというビルドモードがあるので、モノレポ構成時に使えないかと思って調べてみました。コンポーネントライブラリを作成するときに使って行きたいです。 ライブラリモードの方法を記事にしていきたいと思います。 Viteのプロジェクトを用意する import { defineConfig } from 'vite' import { resolve } from 'path' import react from '@vitejs/plugin-react-swc' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], build:{ lib: { entry: resolve(__dirname, 'src/index.ts'), name: 'index', fileN
viteのlib modeを使ってnpmパッケージを公開する# react# vite先日 react-use-polling を公開したのですが、その際に使用した vite の lib mode が便利だったので記録。 はじめに 今回 library として作成した react-use-polling は、 React の custom hooks です。 本記事は custom hooks を公開する場合の lib mode の使用に関して記述しています。 言語は TypeScript を使用しているため、本記事では TypeScript での環境として記述していきます。 公開したライブラリのリポジトリは、 hey3/react-use-polling です。 lib mode とは vite.config.ts に build.lib を設定すると、ライブラリとしてビルドするというも
Vite で npm に公開するライブラリを作成する方法を紹介します。今回は React ライブラリを作成する手順を紹介しますが、基本的な手順は Vue.js 及び vanilla JavaScript でライブラリをつくる場合でも同じだと思います。 npm に公開するライブラリを開発する場合は、ライブラリを複数のモジュール形式で利用できるような工夫や、ライブラリに特定の依存関係はバンドルしたくない場合の対応が必要になります。Vite のライブラリモードを活用することで、そのような実装を簡単に行うことができ、なおかつ開発環境でライブラリをインポートしたテスト or デモページを簡単に用意することが可能です。 Vite プロジェクトの作成まずは、何はともあれ Vite のプロジェクトを作成します。公式ドキュメントに書かれている内容に従って、npm create vite@latest を実行
publicディレクトリなどの不要なファイル等は削除します。 開発するファイルを作成 今回は適当に色付きのコンソールログを作成。 src/lib/cclg/index.ts /** * @property label log text * @property color color of the label * @property bgColor background color of the label * @property value value of the label * @cStyle cStyle style of the label * @type type log type */ type TCclg = { label: string color?: string bgColor?: string value?: string | number | object | n
よんてんごP @yontengoP ベーチェット病と痔瘻という難病に侵されたナプキンを付けた社畜です。優しく 接してあげて下さい。尻穴方面/IT方面/社畜方面/下ネタ方面のツイートが多い ですが、病気なので許してあげて下さい(傲慢) ▼昨今、週刊ダイヤモンド📖/ABEMA📺/美ST📖とかに出てます ✉お仕事ください よんてんごP @yontengoP 朝からまたシンドイ話するんですけど、何かしらミスがあった時に 👤「何故こうなった、理由は?」 👨🦱「はい、●●が~~で…」 👤「違う、理由は?」 👨🦱「え?ですから●●が…」 というのを何度か繰り返した結果 👤「違げぇだろ理由はまず 『ごめんなさい』だろ‼️✊」 って言い出す一幕があって 2023-11-30 09:19:11 よんてんごP @yontengoP いや理由聞かれて言い訳するなとか、全て自分の所為にしろ、
なぜ、微積分は役に立つのか 2023.11.27 Updated by Atsushi SHIBATA on November 27, 2023, 14:58 pm JST 今回紹介する書籍:『はじめての物理数学』永野 裕之(SBクリエイティブ、2017) 朝起きてから寝るまで、我々は何種類もの「数」を見ます。 私自身、朝起きるとネットやニュースで降水確率、予想気温のように気象にかかわる数、為替、海外の株式市場の指数など、いろいろな種類の数をチェックします。しばらく前なら、コロナウイルスの感染者数や増加傾向を表す指数を毎日のように確認していました。 自分を取り巻く環境を知るために、私たちはいろいろな「数」を確認します。そして数を手がかりにして、行動を決めます。現代を生きる私たちにとって「数」は、世界を知るための「目」としての役割を持っています。 現代人が日常的に見るこの種の数は、たいてい計
Linux(リナックス)を使って、サーバを構築していく記録です。 参考にしていただける情報があれば幸いです。 すべて無償で使えるソフトウェアを使いますのでMacかWindowsのパソコンが一台あれば大丈夫です。 ちなみに私の環境はWindows11を利用しています。 前回の記事は以下から確認できます 今回はサーバをインストールするためのマシンの準備を用意します。 とはいっても物理的にパソコンを一台準備するとなると大変なので、仮想マシンを利用します。 仮想マシンを使うことで、一台のパソコンで他のOS環境を作り出すことができます。 例えば下の画像ですが、自分の使っているWindows11のパソコンでAlmaLinux8.4とAlmaLinux9.1を動かしています。 Windows11で別のOSを動かしているところこのように仮想マシンを使うことで、一台のパソコンでも複数のOSを同時に使う事がで
はじめに Windows 10 homeの環境にCent OSを導入することを目的として、まずVirtual Boxをインストールする。 ちなみにVirual Boxは、ホストOSに複数の仮想マシン(ゲストOS)を作成して実行できる無償のツール。 VirtualBoxのダウンロード まずVirualBoxのダウンロードサイトにアクセス。 "Downloads"をクリック。 Windows 10なので"Windows hosts"をクリックし、"VirtualBox-5.1.28-117968-Win.exe"をダウンロード。 VirtualBoxのインストーラーを実行 ダウンロードした"VirtualBox-5.1.28-117968-Win.exe"をダブルクリック。 "Next"をクリック。 デフォルトのままとし、"Next"をクリック。 デフォルトのままとし、"Next"をクリック。
「パンの街」神戸。 そして11月28日はフランスパンの日。 神戸のみなさんにフランスパンをもっと知って、もっと楽しんでもらいたい。 神戸に本拠を置き、古くからフランスパンに関わってきた日仏商事株式会社が「神戸フランスパンびより」スタンプラリーを実施します! 開催期間は11月23日(木)から12月7日(木)まで。 ベーカリーのほかにも、フランスパンのお供に欠かせないハム・ソーセージのお店やコーヒーショップなどのお店も参加。さらにフランスパンをよく知るためのギャラリーやトークイベントも開催します! スマホを片手に、神戸が誇る個性あふれるベーカリーのパンをお楽しみください! ※詳しくは「参加方法・ルール」をご確認ください。
ソフトウェアエンジニアの @DQNEO です。こんにちは。 Gitの内部構造を深掘りするシリーズ3回目です。 前回までのお話はこちら Gitのつくりかた – Mercari Engineering Blog Gitのコミットハッシュ値は何を元にどうやって生成されているのか – Mercari Engineering Blog 今日はみんなだいすき「ステージング領域」の中身について解説してみます。 ステージング領域とは何か? 簡単に説明すると「次にコミットしたときにコンテンツとして登録されるもの」リストです。(別名「インデックス」ともいいます。) このリストは、 git addやgit rmしたときに書き換わります。 (古くはcacheと呼ばれていました。内部実装やgit diff --cachedに今もその名残があります。) git addのマニュアルに説明があります。 Git – git
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く