投稿時間:2021-12-04 14:11:02 RSSフィード2021-12-04 14:00 分まとめ(12件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	DMM、2022年よりウェブ縦読みマンガ事業に参入へ − オリジナルコンテンツも配信	https://taisy0.com/2021/12/04/149367.html	電子書籍市場	2021-12-04 04:23:54
TECH	Engadget Japanese	マイクロソフト、Windows 11の「Edge以外にデフォルトブラウザ切替え困難」を撤回か	https://japanese.engadget.com/microsoft-backtrack-windows11-default-browser-045029527.html	chrome	2021-12-04 04:50:29
TECH	Engadget Japanese	水拭き掃除もできる！ エコデバイスのコードレス掃除機「Z15Pro」を試す	https://japanese.engadget.com/eco-device-z-15-pro-040750767.html	拭き掃除	2021-12-04 04:07:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Vimプラグインの設定が反映されない	https://teratail.com/questions/372210?rss=all	Vimプラグインの設定が反映されないplasticboyvimmarkdownというマークダウンのプラグインを使っています。	2021-12-04 13:59:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Unityで名前が事前にわからない他オブジェクトに付与されているC#スクリプトの参照方法	https://teratail.com/questions/372209?rss=all	Unityで名前が事前にわからない他オブジェクトに付与されているCスクリプトの参照方法前提・実現したいこと恐縮ですが、プログラミングの学習をはじめたばかりの初心者です。	2021-12-04 13:41:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	動的計画法での部分和問題	https://teratail.com/questions/372208?rss=all	動的計画法での部分和問題動的計画法での部分和問題数え上げについてn個の整数から自由に選んでxになる組み合わせを求めるプログラムを実装しています。	2021-12-04 13:41:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	npxでrect typescroptを作成後npmでライブラリを追加するとエラーがでます。	https://teratail.com/questions/372207?rss=all	npxでrecttypescroptを作成後npmでライブラリを追加するとエラーがでます。	2021-12-04 13:13:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	タイマーのバックグラウンド再生	https://teratail.com/questions/372206?rss=all	タイマーのバックグラウンド再生タイマーのアプリを作成しているのですが、バックグラウンド再生ができません。	2021-12-04 13:06:11
golang	Goタグが付けられた新着投稿 - Qiita	Goでtemplateを使って、xmlを生成してみる	https://qiita.com/johnnytfhs/items/328448e972101cc4be60	Goでtemplateを使って、xmlを生成してみるこの記事はWanoグループAdventCalendar日目の記事になりますgoのTemplateはtexthtml二種類があるしかしxml生成の際に、どっちでもそのまま使ってはいけません例えばtexttemplateの場合packagemainimportbytesfmttexttemplatetypeXmlTemplateMetastructTextstringfuncmainvarxmlTemplateStrltxmlversionencodingUTFgtnlttestgtnlttextgtTextlttextgtnlttestgtnamp入れたら。	2021-12-04 13:31:54
技術ブログ	Developers.IO	【アップデート】 VPC LambdaがCloudTrailのデータイベントにENI IDを出力するようになりました #reinvent	https://dev.classmethod.jp/articles/vpclambda-support-logging-eniid/	cloudtrail	2021-12-04 04:42:05
海外TECH	DEV Community	Styling Remix using Tailwind and PostCSS	https://dev.to/codegino/styling-remix-using-tailwind-and-postcss-54b9	Styling Remix using Tailwind and PostCSS Table of ContentsTL DR Source and DemoIntroductionDependenciesAdd scriptsStyles PresetsPostCSS and Tailwind configRemix IntegrationTailwind sample usageVSCode PluginsConclusion TL DR Source and DemoHere s a live demoLink to the source codeLink to step by step commits Introduction In my last blog post I discussed how to style a Remix app using Vanilla CSS This blog will show how to integrate Tailwind and PostCSS into our Remix app Dependencies autoprefixerpostcsspostcss clipostcss importtailwindcsscssnano Installationnpm install D autoprefixer postcss postcss cli postcss import tailwindcss cssnanoOR if you prefer yarnyarn add D autoprefixer postcss postcss cli postcss import tailwindcss cssnano Add scripts to package json Add Script for CSS generation package json scripts css watch npm run css build watch css build postcss styles css dir app styles css prod npm run css build env production Replace npm run with yarn if you prefer to use yarnI don t want to commit those generated CSS files to the repo so I ll be adding them to gitignoreapp styles css Add Script for cleaning up build files package json scripts build npm run css prod amp amp remix build prebuild rimraf public build app styles css Running the scriptsDevelopmentRun npm run css watch in one terminal and remix dev in anothernpm run css watchnpm run devDISCLAIMER Don t expect it will work immediately We still need to configure a few things with Tailwind and PostCSS OPTIONAL Run multiple scripts in a single commandProductionnpm run buildIf you are not a fan of multiple terminals use concurrently to run css watch and remix dev in parallel package json scripts dev concurrently npm run css watch amp amp remix dev Tailwind and App styles presets Tailwind stylesWe need to explicitly declare the features we want to use in our CSS Here s a reference of what you can use styles tailwind css tailwind base tailwind components tailwind utilities tailwind screens App CSS presetsSome CSS defaults I prefer styles app css root color primary light hsl color primary hsl color primary hsl color primary hsl color primary hsl color primary hsl color primary hsl color primary hsl color primary hsl color primary hsl color primary dark hsl input select textarea apply text black media prefers color scheme dark html apply bg black text white PostCSS and Tailwind configuration PostCSS Config File postcss config jsmodule exports plugins require tailwindcss require autoprefixer require postcss import process env NODE ENV production amp amp require cssnano preset default Tailwind Config File tailwind config jsmodule exports mode process env NODE ENV jit undefined To purge CSS in ts tsx files purge app ts tsx darkMode media Use media queries for dark mode theme extend colors color scheme is defined in app css To enable text primary xxx bg primary xxx or border primary xxx primary light var color primary light var color primary var color primary var color primary var color primary var color primary var color primary var color primary var color primary var color primary dark var color primary dark variants activate any variant you want here plugins add any plugin you need here Integrating styles in Remix Code Add a reference of the generated CSS files using links in app root tsx app root js import type LinksFunction from remix import tailwindStyles from styles tailwind css import appStyles from styles app css export let links LinksFunction gt return rel stylesheet href tailwindStyles rel stylesheet href appStyles Styling a component Use Tailwind as usual add Tailwind s class names added inside the className prop app components word form index tsximport Form useTransition from remix import Word WordType from models word import Button from basic button import Input from basic input import Select from basic select import TextArea from basic textarea export function WordForm word word Word let transition useTransition return lt Form method post className px py rounded flex flex col gap border gt lt div gt Form State transition state lt div gt lt div gt lt label className block text xs htmlFor name gt Word lt label gt lt Input id name name name type text placeholder Word required defaultValue word name disabled Boolean word name gt lt div gt lt div gt lt label className block text xs htmlFor type gt Type lt label gt lt Select id type name type defaultValue word type WordType NOUN gt lt option value WordType NOUN gt Noun lt option gt lt option value WordType VERB gt Verb lt option gt lt option value WordType ADJECTIVE gt Adjective lt option gt lt Select gt lt div gt TextAreas lt Button type submit color primary gt Submit lt Button gt lt Form gt If you re wondering where the above file came from that is from my last blog post VSCode Plugins Here are some plugins that you can use to get a better experience using Tailwind and PostCSS in VSCode PostCSS Language SupportTailwind CSS IntelliSense Conclusion Integrating Tailwind and PostCSS in Remix is straightforward as we don t need to hack into the framework to make them work We quickly achieved an extendable and customizable CSS generation boilerplate by adding a few configurations	2021-12-04 04:46:25
北海道	北海道新聞	西洋ネギのリーキ、七飯の新名産に　若手農家と普及センターが連携　試験栽培に手応え　調理法学ぶ講習も	https://www.hokkaido-np.co.jp/article/618949/	長ネギ	2021-12-04 13:20:07