登壇中にうっかり見せちゃいけないもの見せないようにするための技術
登壇中にうっかりSlackの通知が出ちゃうみたいなことを避けたいですよね。うっかりを防ぐ対策が集まるスクラップです。
React + TypeScript + Rollup + WebComponents(CustomElements) 構築メモ
まとまって参考になる情報もあったのでこの辺りを並行してみながら設定ファイルを作っていく React+TypeScript+Storybook+Rollupのプロジェクト作成 | Kazunori Kimura | zenn rollup.js × TypeScriptのライブラリをnpm公開する環境の構築（2020年12月版） らんす🍐 | zenn TypeScript＋rollup.js＋EmotionでReact開発できる環境を作ってみた | SANDFISH FACTORY Component library setup with React, TypeScript and Rollup | dev.to Rollup Config for React Component Library With TypeScript + SCSS | Ng Charn Chuen 最近作ったR
今日から使えるライブラリ製作者のための Rollup 実践教室 - Qiita
Rollup について Rollup は Webpack などと同じモジュールバンドラーと呼ばれるものの一種で、複数のファイルやモジュールからなる JavaScript ライブラリを1ファイルにまとめて特定のモジュール形式にあわせて出力するツールだ。 React の開発者が Webpack for apps, and Rollup for libraries と述べているように1、ライブラリ開発に格段に向いており、使用例が増えている。 本エントリでは単なる入門ではなく、実際に使える設定を具体例とともに示していく。NPM でパッケージを公開している人はぜひ導入を検討してみてほしい。とくにビルドのためだけに gulp を使っている人はその簡潔さに驚くだろう。 インストール 例によって npm でインストールする。なお、下の "i" は "install"、"D" は "--save-dev"
lit でも .css ファイルに CSS を書きたい
Lit でスタイルを実装する場合、タグ付きテンプレートを提供する関数の css を使用してスタイルを定義する import {LitElement, html, css} from 'lit'; import {customElement} from 'lit/decorators.js'; @customElement('my-element') export class MyElement extends LitElement { static styles = css` p { color: green; } `; protected render() { return html`<p>I am green!</p>`; } } これは css-in-js の1つで、同様のアプローチとして Emotion がある エディタの拡張機能を使えばテンプレートリテラルに対してもシンタックスハ
何十年も売れ続けている定番の日経文庫11冊を編集長が解説
2024年8月、日経文庫は創刊70周年を迎えました。その長い歴史の中で、日経文庫は数々のロングセラーや専門分野の名著を生み出しています。そこで、日経文庫の平井修一編集長に、さまざまなテーマでおすすめの日経文庫を解説してもらいました。今回は、20年、60年…と何十年も売れ続けているロングセラー11冊について。聞き手は、日経BOOKプラス編集・副編集長の小谷雅俊。 日経BOOKプラス編集・副編集長・小谷雅俊（以下、小谷） 今年、日経文庫は創刊70周年を迎えます。70年前というと1954年。日本史年表を見ると吉田茂内閣最後の年で、ゴジラ映画の第1作が公開された年です。これから高度成長期が始まるという時期ですね。改めて、その長い歴史を感じます。 平井修一編集長（以下、平井） 本当ですね。最初に出たのは『手形の常識』という本でした。実務的な内容の本が多いという傾向は、現代にも引き継がれていますね。こ
Micro Frontends
Good frontend development is hard. Scaling frontend development so that many teams can work simultaneously on a large and complex product is even harder. In this article we'll describe a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces, and how this architecture can increase the effectiveness and efficiency of teams working on frontend code. As well as talki
Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ
こんにちは。レシピサービス開発部のkaorun343です。クックパッドではスマートフォン向けページにおける開発者体験向上のために、レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話にて紹介したとおり、Next.jsとGraphQLを用いたモダンな環境へと移行を進めています。例えばモバイル端末からのアクセスでURLがトップページの / であれば Rails、レシピ詳細ページの /recipe/:id であれば Next.js アプリにルーティングされるようになっています。現在ではレシピ詳細ページだけではなく検索結果ページやつくれぽ詳細ページ、MYフォルダページなどもNext.jsアプリケーションに置き換わっています。今回はその移行により生じた課題と取り組み方、それから併せて実施したモノレポ環境整備について紹介します。 共通コンポーネントの導入背
最近のCloudflare Workers - ゆーすけべー日記
最近のCloudflare Workersについて、知らない方向けにざっくばらんに書いてみます。 連絡事項 自己紹介しておくと、僕はCloudflareのDeveloper RelationsチームにいてDeveloper Advocateをやってます。 一方で、HonoというCloudflareのみならずDenoやBun、Fastly等で動くWebフレームワークを開発してます。 Cloudflare Workersとは？ 本題に入る前に、そもそも「Cloudflare Workersとは？」を簡単に紹介しておきます。 Cloudflare WorkersとはCloudflareのエッジで動くサーバーレス環境です。 基本的にJavaScript/TypeScriptでアプリケーションを書きます。 V8というJavaScriptエンジンの上でアプリを動かすのですが、これはWebブラウザのGo
2万超のコンテンツを抱える大規模サイトをWordPressからmicroCMSに移行した記録
はじめに プラスクラス・スポーツ・インキュベーション株式会社 エンジニアキャプテンの GORAN です。 本記事は、実務案件（某プロスポーツクラブ様の公式サイトフルリニューアル）で実施した大規模なコンテンツ移行の記録です。 このサイトリニューアルは microCMS 様の事例紹介コンテンツにも掲載いただきましたので、そちらもぜひご覧ください。 前提 移行データは WordPress のエクスポート機能で生成された XML XML→JSON の変換は PHP JSON→microCMS の POST は POST API を Node.js から使用 サンプルコードはすべてニュース記事コンテンツについてのもの 構成 コンテンツデータの管理：microCMS 過去のメディアデータのホスティング：Firebase Hosting サイト自体のホスティング：Vercel フロントエンド：Next.
Web制作とWeb保守契約書の雛形を公開します。｜triana
業界を問わずビジネスにおいてスピード感は大事です。 それゆえに契約書を交わさないまま取引をはじめることはありませんか？ 「契約書の話ってしづらいなー」「最初から相手を疑ってるみたいだし」と考えてしまう方もいるでしょう。 トリアナも数年前まではトラブルが起きないことを前提に、契約書なしで制作着手することが普通でした。 しかし契約書は絶対に交わした方がよいです。 トラブル回避の為はもちろん、双方が気持ちよく仕事をするために必要なのです。 今回は契約の流れと、トリアナで使用している契約書雛形を公開します。 契約内容を事前に打ち合わせするまずはどのような制作物を希望されているのかヒアリングします。 仕様、納期、予算、保守の有無など様々です。 「すぐに着手をしてほしい」との要望もあると思いますが、ここだけは省かずに契約を交わしてからにしましょう。 制作委託契約書の作成ヒアリングをもとに契約書を作成し
引越しにおけるネット回線ガチャと開通待ちで勝利するための知見まとめ 2023春 - はげあたま.org
www.hageatama.org 【追記】続編を書いたつもりが何の参考にもならないので読まなくても支障はありません。 先日、引越し先のインターネット契約で困ってたリアル友人にSNS上で細かくアドバイスしたら大変感謝されたので、今後は「まずこれ読んでおいて」と言えるような記事を書き残しておきます。 直近3年で3回引越し、プロバイダ利用4種の経験をまとめた素人記事でして、気になる点があればどんどんとフィードバックして充実させていきたいのでご指摘お願いします。 6/21（更新翌朝）：光コンセントがある前提で動くのは厳しくない？と言われて、確かにそう思ったので改訂。LANケーブルについての記述追加。 6/21（夜追記）: 不動産屋さんと光コラボについて追記 【主張の概要】 光コンセントが元からある物件を選べ フレッツ光回線でプロバイダをいつでも切り替えられるようにしろ IPv6 (IPv4 ov
鹿野さんに聞く！ 2024年最新CSSトレンドと実践テクニック
2024/06/19 Findy主催イベント「鹿野さんに聞く！ 2024年最新CSSトレンドと実践テクニック 」で公開した資料です。 https://findy.connpass.com/event/318569/ デモのURLなどはこちらのURLからアクセスできます。 https://ton…
謎のステルス増税「森林税」がやっぱり道理に合わない理由
＜今年6月から、復興税に事実上代わる形で「森林環境税」が国民から徴収されている。しかし本当に復興や森林保護などに税金が使われるかは怪しい、と芸人のパックンは指摘します＞ あなたの一番好きな「税」って、何ですか？ 所得税が好き？ それとも消費税派？ 住民税を推し活中かな？ 僕は......有名税だね。 バカバカしい！ 税金はとても大事。だが、その使途である公的サービスの恩恵をありがたがっても、基本的に税金は国民に好まれない。増税ももちろん基本、嫌がられるものだ。できるなら有名税もなくしていただきたい。 しかし、政府に打つ手はある！ 国民が「喜んで」までいかなくても「抵抗せず」に増税を受け入れさせる方法がある。それは国民が支持する事業に結びつけることだ。 その代表例が2011年の東日本大震災後に導入された新しい税。誰もが応援したい被災地の復興を目的として設けられたものだ。名前も「復興税（復
予約フォーム | 新宿1分 ビューティースキンクリニック
お名前（ひらがな）必須 電話番号（ハイフンなし）必須 メールアドレス必須 ※当院は女性専用クリニックとなります。男性の方にはカウンセリング、施術の提供しておりません。
デノン「RCD-N12」と1か月暮らしたら、テレビとゲームがより楽しくなった - 価格.comマガジン
テレビやオーディオ機器を買おうとしたとき、レビュー記事を参考にする人は多いだろう。しかし、レビュー記事は、機材の借用期間や取材時間の観点から、比較的短時間触ってまとめるケースが少なくない。製品のよさや特徴を伝えるならそれでも十分だが、消費者のひとりとしては「もし買ったらこんな使い方したいけど、どうなんだろう？」と、自分の生活に組み込んだ場合の使い勝手を知りたいし、伝えられればと思っていた。 そこで、1か月のロングテストを企画し、編集部やメーカー、代理店に無理を言って実施させていただけることとなった。筆者の生活に組み込んだ状態をご覧いただき、自分の生活に置き換えて参考にできる部分があれば幸いだ。 選んだ製品は、デノンのCEOL（キオール）シリーズ最新モデルとなるCDレシーバー「RCD-N12」だ。なぜ今回この製品に注目したのかというと、筆者がとても似た仕様の製品であるマランツ「M-CR611
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SlidesCodeHighlighter
[React] iframe の親子間で postMessage する
性癖が抑えられない漫画家
Shadow DOMとCSSの現状
3rd Party Cookieのカレンダー | Advent Calendar 2023 - Qiita
