投稿時間:2021-04-16 14:36:56 RSSフィード2021-04-16 14:00 分まとめ(44件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	ドコモ、ahamoでも店頭サポート提供　ただし有償	https://japanese.engadget.com/docomo-ahamo-044542447.html	ahamo	2021-04-16 04:45:42
TECH	Engadget Japanese	iPhone 14 Pro(仮)のカメラ画素数は48MPになるとのアナリスト予測	https://japanese.engadget.com/iphone14pro-camera-upgrade-043015872.html	iphone	2021-04-16 04:30:15
TECH	Engadget Japanese	FBIがiPhoneのロックを解除できたのはオーストラリア企業のおかげだった	https://japanese.engadget.com/fbi-apple-i-phone-040038489.html	iphone	2021-04-16 04:00:38
IT	ITmedia 総合記事一覧	[ITmedia PC USER] Razer、360Hz駆動モデルも取りそろえた15.6型ゲーミングノート「Blade 15 Advanced」販売開始	https://www.itmedia.co.jp/pcuser/articles/2104/16/news088.html	bladeadvanced	2021-04-16 13:08:00
IT	ITmedia 総合記事一覧	[ITmedia News] 「バイオハザード4」がVRゲームに　「Oculus Quest 2」向け	https://www.itmedia.co.jp/news/articles/2104/16/news087.html	itmedia	2021-04-16 13:01:00
TECH	Techable（テッカブル）	マスク姿でも顔認証決済できるAI無人店舗「DIME LOUNGE STORE」	https://techable.jp/archives/152991	dimeloungestore	2021-04-16 04:30:30
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	静岡銀行は、クラウド名刺管理サービス「Sansan」を全行導入 | IT Leaders	https://it.impress.co.jp/articles/-/21382	itleaders	2021-04-16 13:47:00
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	米IBM、イタリアのプロセスマイニングベンダー「myInvenio」を買収 | IT Leaders	https://it.impress.co.jp/articles/-/21381	itleaders	2021-04-16 13:20:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	復習　Javascript　きほんの　「き」　初心者　算術演算子編　４	https://qiita.com/Hoshi10Lighthouse/items/fbc4d06ceb64658118ce	復習Javascriptきほんの「き」初心者算術演算子編算術演算子加算ー減算除算剰余・・・割り算の余りを求める計算なら剰余は。	2021-04-16 13:43:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【pandas】【excel】if分岐で条件に合致する値を振り分けたい	https://teratail.com/questions/333558?rss=all	【pandas】【excel】if分岐で条件に合致する値を振り分けたい前提・実現したいことxlsxファイルを取り込み、列ほどあるデータデータ型は様々の中から二つの列を取り出しif文でつの列に振り分けて、元のファイルに挿入していこうとしています。	2021-04-16 13:57:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	wordpress プラガブル関数の実装(ファイル内の特定のユーザー定義関数の制御について)	https://teratail.com/questions/333557?rss=all	wordpressプラガブル関数の実装ファイル内の特定のユーザー定義関数の制御について前提・実現したいこと私は、wordpressをベースとしたCMSシステムの提供を行なう企業に務めています。	2021-04-16 13:56:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	タクソノミー共用で、複数カスタム投稿ごとの記事数が合算される問題を解決したい	https://teratail.com/questions/333556?rss=all	タクソノミー共用で、複数カスタム投稿ごとの記事数が合算される問題を解決したい前提・実現したいこと種類のカスタム投稿で一つのタクソノミーを共用しています。	2021-04-16 13:48:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	LaravelをAWS EC2にデプロイ後、ヘルパ関数が反映されない。	https://teratail.com/questions/333555?rss=all	LaravelをAWSECにデプロイ後、ヘルパ関数が反映されない。	2021-04-16 13:41:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PHPで画像を表示できない(本当にあと一歩かも？)	https://teratail.com/questions/333554?rss=all	何もバリデーションに引っかからなければ、以下のように成功しましたのメッセージが表示されて、データベースにファイルパスが保存される。	2021-04-16 13:33:29
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	iPhoneをmitmproxyに繋いだ状態でネットに接続できません。mitmproxyを正常に動かすにはどうすれば良いでしょうか？	https://teratail.com/questions/333553?rss=all	通信処理に問題が発生しており、問題解決のためmitmproxyを使用して通信データの確認しているのですが、mitmproxyに繋いだ状態だとiPhoneがインターネットに繋がらず、mitmproxyのログも表示されません。	2021-04-16 13:20:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	arduinoIDEでのシフト演算の不明点	https://teratail.com/questions/333552?rss=all	ltltがシフト演算であることは理解できているのですが、nbsplの部分がなんの演算なのか理解できていません教えていただけると嬉しいです。	2021-04-16 13:17:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	laravelにてconstructを使わずに他ファイルのメソッドを実行する方法	https://teratail.com/questions/333551?rss=all	laravelにてconstructを使わずに他ファイルのメソッドを実行する方法お世話になります。	2021-04-16 13:12:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Visual Studio for Mac ではエラーを一覧で表示するには毎回ビルドしなければならいのでしょうか？	https://teratail.com/questions/333550?rss=all	VisualStudioforMacではエラーを一覧で表示するには毎回ビルドしなければならいのでしょうか前提・実現したいことVisualnbspStudionbspfornbspMacnbspでエラーを一覧で表示させる方法を質問したところ、ビルドすればエラーウィンドウに一覧で表示されることがわかりました。	2021-04-16 13:04:15
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VBAでの平均値計算	https://teratail.com/questions/333549?rss=all	spnbspcellsinbspnbspnbspi	2021-04-16 13:01:25
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rails ActionCable チャット機能 処理の流れ	https://qiita.com/hapiblog2020/items/c5a8c07debbe9f764328	RailsActionCableチャット機能処理の流れはじめにポートフォリオ作成中の初学者です。	2021-04-16 13:20:32
html	dotHTML5	HTML5/CSS3のニュースやTIPSなどのまとめ (2021年4月16日)	http://feedproxy.google.com/~r/dotHTML5/~3/3xj7seBOH0I/20210416_clips.html		2021-04-16 15:00:00
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rails ActionCable チャット機能 処理の流れ	https://qiita.com/hapiblog2020/items/c5a8c07debbe9f764328	RailsActionCableチャット機能処理の流れはじめにポートフォリオ作成中の初学者です。	2021-04-16 13:20:32
技術ブログ	Developers.IO	【書評】ドメイン駆動設計 モデリング/実装ガイド	https://dev.classmethod.jp/articles/ddd-modeling-and-implementation-guide/	開発	2021-04-16 04:43:22
海外TECH	DEV Community	Why I moved from Styled Components to (S)CSS modules	https://dev.to/puruvj/why-i-moved-from-styled-components-to-s-css-modules-2ikc	Why I moved from Styled Components to S CSS modulesRead in light dark or mid day themeArtwork by Lucas BenjaminThis blog post will be about my reasons to move from Styled Components to SCSS Modules Its gonna be a raw and non technical one i e you probably won t learn anything new from it What is styled components Styled Components is a radical new way of writing CSS for your React components You can simply create components out of your stylesexport const Main gt return lt HelloWorld gt Hello World lt HelloWorld gt const HelloWorld styled h font weight line height This is a very very convenient way of writing CSS All your CSS lives in the same file as your main logic It s ultimate Colocation Plus if you re a freak about small components this really enforces you to write small components cuz the components grow large very quickly thanks to all techs in a single file HTML CSS TS Yes I m one of those people who breath TypeScript So you kinda feel obligated to break your components into smaller pieces which is ultimately good Modularity is paramount Its just like Svelte and Vue s SFCs They figured it out correctly while this makes me mad about React Anyways rant aside this way of writing styles is really good I can t insist enough Need dynamic prop based styles No worries just pass props over to your styled component and use it in thereexport const Main gt return lt HelloWorld weight gt Hello World lt HelloWorld gt const HelloWorld styled h lt weight number gt font weight weight gt weight line height Pardon the TypeScript code if you re not familiar with it or hate it It can t be helped Its part of my very being now And yes it automatically does the scoping and vendor prefixing vendor prefixing is runtime generated that is it determines if the browser needs vendor prefixes then it will churn out styles with vendor prefixes Its like a sweet runtime PostCSS and Autoprefixer running in the browser It makes stuff very very easy But this is where it starts to go wrong if you don t fully understand how React and its rendering processes work What are CSS Modules CSS Modules are a slightly less radical way of writing CSS Its basically separate CSS files but only modular Syntax remains the same mostly but it s scoped to the components where it is used By mangling class names The general pattern of these is this HelloWorld HelloWorld tsx HelloWorld module cssNotice I use css at the end It could be scss or less or styl too you name it I personally use SCSS modules Notice that our CSS Module has in the name itself that its a module module Its a Convention over Configuration approach very prevalent in futuristic bundlers like ESBuild Vite Snowpack etc And to use them you import the css file in JS and refer to it like this import css from HelloWorld module css export const Main gt return lt h className css helloWorld gt Hello World lt h gt Meanwhile our CSS file HelloWorld module css helloWorld font weight line height The generated CSS is something like this HelloWorld module css BBLAH helloWorld BRUHBRUH font weight line height The className is mangled and the value is substituted in place of css helloWorld in our component Alright I took some artistic liberty and added some weird Elon Musk y stuff there The actual mangled output would be much smaller and sane CSS modules are very handy for this Plus you can add tooling like autoprefixer to add vendor prefixes compile stuff back to old CSS for browser compatibility The app in questionNow the intro is over let s look at the app which I moved from Styled components to CSS modules Let me introduce you to my baby macos now sh a macOS Big Sur clone written In Preact TypeScript and uses Vite as the bundler Check it out I think you ll like it Tip Just hover over the app dock at the bottom Anyways this whole app was written in Styled Components until I threw it out of the components in favour of CSS Modules Why The simple answer Just kidding Here s a full technical explantion CSS not minifiedTake a look at this image This the main production bundle of the app As you can see it s minified in some place and not in other places You can see the unminified part is the CSS part These are the styles I wrote as template literals Or string literals I mix both up As these aren t CSS to bundler s internal CSS minifier it stays as it is which is kinda bummer I am a die hard performance freak and the st rule of performance on Web Bundle and minify your resources Make them as small as possible then make them even smaller ¯ ツ ¯ Seriously you can check this file out right here Why not use the babel plugin If you don t know Styled Components has a Babel plugin for this purpose exactly minifying the CSS inside the template literals and its pretty decent But it wasn t working for me No literally it wasn t working for me as in I set up the babel plugin and did the correct config installed the plugin but no it wasn t working Something was going wrong with Vite s plugin running The plugin was working as build times had increased a lot from before but the output was still not minified The same plugin worked perfectly in a create react app reproduction I created to check this But anyways even if this problem was solved there s a bigger Elephant in the room CSS injected by JSAll of this CSS still lives in the JavaScript and is only applied when JS is evaluated by the browser and I m pretty sure you know of this JavaScript is HEAVY It takes quite some CPU power to parse it and it s heavy on main thread Our HTML being rendered by JS itself is pushing the limit but rendering CSS using JS too That s way too much load on the browser Browsers have become amazingly efficient at parsing JS as well as rendering HTML and CSS all in parallel But JavaScript doing all the work well browsers still aren t that efficient at it For good reason If you want ultimate performance CSS in separate files or inlined in style tag is the way too go It doesn t get better than that Performance had become importantWhen I started this project almost months ago November I made myself a little deal Do not stress about the performance Off course at that time Performance meant just lower bundle sizes not runtime performance cuz I really had never run into any runtime perf issues before But this project is different in the sense that there s a lot going on There are loads of requestAnimationFrames tons of component lot of global state and what not going on And all of it is on the screen at once You can t really lazy load much stuff cuz almost everything is eagerly loaded All of it was weighing down the runtime perf of the app The dock animation was janky the menus took a while to open up theme switching was also noticeably janky So I had to finally consider the runtime performance And the most obvious choice was to start throwing out fancy stuff and move back to basics again Did it work Absolutely The performance increased like crazy Both runtime as well as bundle size This is the compressed CSS file output Its run through Autoprefixer for vendor styles and Vite automatically puts it into a single CSS file super compressed Take a look yourself And here s the index js Completely minified JS lives in js files CSS lives in its own file and its all processed parallelly by the browser styles aren t generated for every prop change like in styled components Only the classes are applied and the styles for that are already present in the CSS file Just like the old times simply and fast Reduced Bundle SizeThis total maneuver took away KB from my bundles which is just huge I removed styled components react is Styled components require it for some reason styled reset and colork For color manipulation If you have been coding for some time you ll know how incredibly satisfying deleting old stuff is What did it cost Yup I lost something A great API design Writing styles in Styled Components is a pleasure The API design is amazing and I prefer it over CSS modules in terms of writing the code If you aren t using a style means you aren t using a component so the component will be called out by VSCode as not being used so you can easily remove it No more dead styles Plus compare the component below in Styled Components interface ActionCenterSurfaceProps grid number number number number children ComponentChildren export const ActionCenterSurface grid children ActionCenterSurfaceProps gt const columnStart columnSpan rowStart rowSpan grid const theme useTheme return lt Container columnSpan columnSpan columnStart columnStart rowSpan rowSpan rowStart rowStart theme theme gt children lt Container gt type ContainerProps columnStart number columnSpan number rowStart number rowSpan number theme TTheme const Container styled section lt ContainerProps gt display grid grid auto rows fr gap rem position relative padding rem border radius rem background color hsla theme colors light hsl columnStart columnSpan rowSpan rowStart theme localTheme gt css grid column columnStart span columnSpan grid row rowStart span rowSpan box shadow hsla px px px px localTheme dark px hsla theme colors dark hsl This is one of my components in Styled Components before As you can see it accepts values that are numbers If there were booleans it would ve been easy to make a class and apply the styles then But here the value can be anything And now look at the new CSS Module version Component interface ActionCenterSurfaceProps grid columnStart number columnSpan number rowStart number rowSpan number children ComponentChildren export const ActionCenterSurface grid children ActionCenterSurfaceProps gt const columnStart columnSpan rowStart rowSpan grid const theme useTheme return lt section className css container style column start columnStart column span columnSpan row start rowStart row span rowSpan border size theme dark px as React CSSProperties gt children lt section gt And the CSS for this component container display grid grid auto rows fr gap rem position relative padding rem border radius rem box shadow hsla px px px px var border size hsla var app color dark hsl background color hsla var app color light hsl grid column var column start span var column span grid row var row start span var row span As you can see the prop values are passed to the CSS using CSS variables This method is good too but the Styled Components method is cleaner in my opinion In future I might try out libraries like Linaria which during coding have the exact same API as styled components but the runtime is completely removed on build and the CSS is extracted into separate CSS files which is super DOPE Alright that s it for today Signing off	2021-04-16 04:34:37
海外TECH	CodeProject Latest Articles	C# Code Reuse with a Traits Class	https://www.codeproject.com/Tips/5300027/Csharp-Code-Reuse-with-a-Traits-Class	C Code Reuse with a Traits ClassA design pattern for C that reuses a generic base class modifying it using a traits class to allow changes that cannot be accomplished through overrides in an inherited class	2021-04-16 04:39:00
医療系	医療介護 CBnews	東京のコロナ変異株、20歳代が半数近く-陽性例は計464例に	https://www.cbnews.jp/news/entry/20210416133450	新型コロナウイルス	2021-04-16 13:55:00
医療系	医療介護 CBnews	地域共生社会ポータルサイト、厚労省が公開-取り組み事例や施策の情報などの紹介も	https://www.cbnews.jp/news/entry/20210416131503	共生社会	2021-04-16 13:25:00
医療系	医療介護 CBnews	東京都が保健所支援拠点の体制を拡充へ-保健師や看護師など40人程度を採用	https://www.cbnews.jp/news/entry/20210416130459	新型コロナウイルス	2021-04-16 13:15:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	炭化水素法改正法案が下院を通過、一部の規定に修正	https://www.jetro.go.jp/biznews/2021/04/bb4cd507f82e84a1.html	炭化水素	2021-04-16 04:15:00
ニュース	BBC News - Home	Hancock and sister own firm given NHS contract	https://www.bbc.co.uk/news/uk-politics-56768601	contractthe	2021-04-16 04:15:59
ニュース	BBC News - Home	Newspaper headlines: 'Brothers apart' amid Queen's 'final tribute'	https://www.bbc.co.uk/news/blogs-the-papers-56768066	front	2021-04-16 04:44:33
ビジネス	ダイヤモンド・オンライン - 新着記事	米銀行の悩み、消費増えても借り入れ増えず - WSJ発	https://diamond.jp/articles/-/268766	借り入れ	2021-04-16 13:21:00
LifeHuck	ライフハッカー［日本版］	8日間氷が溶けない驚異の保冷力。カナダ発の高性能クーラーボックスが登場	https://www.lifehacker.jp/2021/04/machi-ya-titan_roto-start.html	titandeepfreezeroto	2021-04-16 14:00:00
北海道	北海道新聞	高裁がミス、賠償額見直し　交通事故訴訟、最高裁判決	https://www.hokkaido-np.co.jp/article/533939/	交通事故	2021-04-16 13:14:00
北海道	北海道新聞	文科省次官会食、倫理違反なし　赤旗報道で調査結果公表	https://www.hokkaido-np.co.jp/article/533938/	亀岡偉民	2021-04-16 13:14:00
北海道	北海道新聞	米女子ゴルフ、笹生１６アンダー　ロッテ選手権第２日	https://www.hokkaido-np.co.jp/article/533935/	女子ゴルフ	2021-04-16 13:08:00
北海道	北海道新聞	京都府、大学入構数の抑制要請へ　若者のコロナ感染拡大で	https://www.hokkaido-np.co.jp/article/533934/	感染拡大	2021-04-16 13:04:00
北海道	北海道新聞	聖火リレー、八十八カ所霊場へ　徳島、南部から２日目	https://www.hokkaido-np.co.jp/article/533932/	東京五輪	2021-04-16 13:04:00
IT	週刊アスキー	『バイオハザード4』がOculus Quest 2限定のVRゲームとして発売決定！	https://weekly.ascii.jp/elem/000/004/051/4051820/	facebookrealitylabs	2021-04-16 13:50:00
IT	週刊アスキー	夏の定番、ミニストップ「ハロハロ」が今年もスタート！！	https://weekly.ascii.jp/elem/000/004/051/4051801/	白桃	2021-04-16 13:35:00
マーケティング	AdverTimes	ADK CO『ONE ONLINE』第2弾　XR技術による2つのソリューションを開始	https://www.advertimes.com/20210416/article346964/	oneonline	2021-04-16 05:00:10
マーケティング	AdverTimes	男性スキンケアのきっかけづくりに（ロート製薬）／販促コンペ・企業オリエン	https://www.advertimes.com/20210416/article347170/	販促	2021-04-16 04:30:41
マーケティング	AdverTimes	アメリカで見つけたコロナ禍で進化する小売のDXトレンド5選+α	https://www.advertimes.com/20210416/article346802/	世界各地	2021-04-16 04:15:28
マーケティング	AdverTimes	関係性をつむぐパワーワード「ねえ Google」	https://www.advertimes.com/20210416/article347157/	google	2021-04-16 04:00:56