投稿時間:2022-01-18 18:37:28 RSSフィード2022-01-18 18:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	OPPOスマホにもハッセルブラッドカメラ搭載の噂。Find X5 Pro（仮）の画像がリーク	https://japanese.engadget.com/oppo-find-x-5-pro-083016468.html	coolapk	2022-01-18 08:30:16
TECH	Engadget Japanese	スペイン、SNSとインフルエンサー使った暗号通貨広告に新しい規制を導入。リスク警告を明確化	https://japanese.engadget.com/spain-sets-new-rules-for-influencer-cryptocurrency-promotion-080056664.html	暗号通貨	2022-01-18 08:00:56
ROBOT	ロボスタ	ミドリ安全が神戸機材のオーダーメイドロボットシールドの取扱いを開始　経産省の産業ロボット市場規模予測も紹介	https://robotstart.info/2022/01/18/kobe-kizai-midori-anzen.html	取り扱い	2022-01-18 08:34:43
IT	ITmedia 総合記事一覧	[ITmedia News] 「ワクチン・検査パッケージ」一時停止報道でイベント関係者に動揺　ワンフェス実行委員会は「確認中」	https://www.itmedia.co.jp/news/articles/2201/18/news156.html	itmedia	2022-01-18 17:40:00
AWS	AWS Management Tools Blog	How to validate AWS Service Catalog AppRegistry attribute groups schema and take remediation actions	https://aws.amazon.com/blogs/mt/how-to-validate-aws-service-catalog-appregistry-attribute-groups-schema-and-take-remediation-actions/	How to validate AWS Service Catalog AppRegistry attribute groups schema and take remediation actionsMany customers define resource tagging strategy to manage their AWS resources to either being able to identify the resource owner or the cost center or for any other purpose Therefore it s important to have a mechanism to identify those resources that don t have the essential resource tags In AWS Service Catalog AppRegistry attribute groups are …	2022-01-18 08:55:51
AWS	AWS Japan Blog	[AWS Black Belt Seminar] Amazon EC2 入門	https://aws.amazon.com/jp/blogs/news/aws-black-belt-seminar-amazon-ec2-introduction/	AWSBlackBeltSeminarAmazonEC入門「AmazonEC入門」のAWSBlackBeltOnlineSeminarについてご案内させて頂きます。	2022-01-18 08:46:23
AWS	lambdaタグが付けられた新着投稿 - Qiita	さっくり解説するAWS Lambda	https://qiita.com/shimajiri/items/1f3f2a0994423d689485	必要なのは、Lambdaがサポートするいずれかの言語でコードを指定することだけです。	2022-01-18 17:49:53
python	Pythonタグが付けられた新着投稿 - Qiita	django-import-exportにて日本語を含むcsvのインポートの際のエラーと応急対策	https://qiita.com/lemonshelter/items/21ae92e8052d1d3ffb7f		2022-01-18 17:40:30
python	Pythonタグが付けられた新着投稿 - Qiita	【Project Euler】Problem 38: 倍数の連結でパンデジタル	https://qiita.com/masa0599/items/b0acdf3cc49ec865b220	【ProjectEuler】Problem倍数の連結でパンデジタル本記事はProjectEulerの「番以下の問題の説明は記載可能」という規定に基づいて回答のヒントが書かれていますので、自分である程度考えてみてから読まれることをお勧めします。	2022-01-18 17:08:51
python	Pythonタグが付けられた新着投稿 - Qiita	相関係数が0.63の散布図を作成する	https://qiita.com/maskot1977/items/7526f6eb6edf5b92d9d9	importnumpyasnpndataXnprandomrandndataYnprandomrandndataimportmatplotlibpyplotaspltcoeffnpcorrcoefXYpltfigurefigsizeplttitlecorrelationcoefficientfformatcoeffpltscatterXYpltxlimpltylimpltgridpltshowOptunaのインストール今回は最適化ツールとしてOptunaを使いたいと思います。	2022-01-18 17:08:48
python	Pythonタグが付けられた新着投稿 - Qiita	【Project Euler】Problem 37: 切り捨て可能素数	https://qiita.com/masa0599/items/1884ec18f74dc293237f	【ProjectEuler】Problem切り捨て可能素数本記事はProjectEulerの「番以下の問題の説明は記載可能」という規定に基づいて回答のヒントが書かれていますので、自分である程度考えてみてから読まれることをお勧めします。	2022-01-18 17:07:25
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonをターミナルで正しく表示させる	https://qiita.com/mina121/items/a89fdded160460c051fb	どうやって解決させる原因エンコーディング認識の違いによってpythonがソースコードを正しく解釈できなかったため。	2022-01-18 17:04:33
python	Pythonタグが付けられた新着投稿 - Qiita	【Project Euler】Problem 35: 循環素数	https://qiita.com/masa0599/items/048e799b99572157df47	【ProjectEuler】Problem循環素数本記事はProjectEulerの「番以下の問題の説明は記載可能」という規定に基づいて回答のヒントが書かれていますので、自分である程度考えてみてから読まれることをお勧めします。	2022-01-18 17:04:12
js	JavaScriptタグが付けられた新着投稿 - Qiita	はじめてのJest	https://qiita.com/nemui_yo/items/5e15248fe8dfbde7712a	デメリットテストファイルからテスト対象ファイルをimportするときにpathが長くなる公式がおすすめしているパターンじゃないですけど、なにか不都合なことがあるんでしょうか私がよく使うLambdaの場合はsrcに入れるとテストファイルまでデプロイされるのでこっち├ーsrc│├ーfuga│└ーhoge│└ーtest├ーfuga└ーhoge何をテストするのテストの単位はまず、前提としてテストのカバレッジをにする必要はない。	2022-01-18 17:47:15
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScript使ってタブ切り替え	https://qiita.com/Takahiro011202/items/912cd63f9b45af07c2f9	ここからは、HTMLCSSにコードを書いていくよ今回はTweetsコントローラーでアプリケーションを作成しています。	2022-01-18 17:22:20
AWS	AWSタグが付けられた新着投稿 - Qiita	さっくり解説するAWS Lambda	https://qiita.com/shimajiri/items/1f3f2a0994423d689485	必要なのは、Lambdaがサポートするいずれかの言語でコードを指定することだけです。	2022-01-18 17:49:53
技術ブログ	Mercari Engineering Blog	KubernetesベースのCloud Spanner Autoscaler	https://engineering.mercari.com/blog/entry/20211222-kubernetes-based-spanner-autoscaler/	hellip	2022-01-18 09:10:57
技術ブログ	Developers.IO	[登壇レポート]JAWS-UG 初心者支部#42千葉支部コラボで初LTしました。	https://dev.classmethod.jp/articles/jawsug_bgnr-42-lt-create-account/	jawsug	2022-01-18 08:35:20
技術ブログ	Developers.IO	ある一日の働き方 ~AWS事業本部サービスグロースチーム~	https://dev.classmethod.jp/articles/service-growth-work-style-day/	serverlessframeworkcdk	2022-01-18 08:16:33
海外TECH	DEV Community	I have curated 84+ high quality tools to use in 2022	https://dev.to/hamedbaatour/i-have-curated-84-high-quality-tools-to-use-in-2022-i36	I have curated high quality tools to use in developers tools fatigue is a real struggle when starting any new project or building a new website app or SaaS you have to go through a long list of GitHub stared libraries or a huge browser bookmark just to find out that you don t really know what you have to type in search or find what you are looking for Tools overloadmost lists out there just put everything under the sun from tools and services just to bombard developers with even more tools instead of solving the issue of searching fatigue they make it worse I don t need a list of tools I just need tools suggestions max for each use case whether that to build a specific feature or part of a website Not another generic listthis is not another unopinionated list of tools this list gives recommendations based on real experience using the suggested tools so you will find small notes for each tool like expensive bad docs and other observations from my own experience to help you make a better decision faster when choosing any tools off the list Why this list only handpicked quality tools categoriessearchable amp filterablefrequently updatedthere s even a white noise audio player that you can use to relax while picking your favorite tool just launched DevBox on Producthuntand here is the list direct linkhope you find this useful	2022-01-18 08:37:48
海外TECH	DEV Community	Syntax highlighting with Prism and Next.js	https://dev.to/dawsoncodes/syntax-highlighting-with-prism-and-nextjs-40ee	Syntax highlighting with Prism and Next jsYou might want to build your blog from scratch you design your website beautifully and everything is great but when it comes to including a block of code inside your blog post you face some challenges Syntax highlighting is a great way to make code more readable in this tutorial I will show you how you can use PrismJs with Next js to highlight the syntax of your code blocks inside your blog posts Hi I m Dawson and I love web development I write blogs and tweets about web development and my most recent projects please give me a follow if you are interested Why PrismJs PrismJS is the ideal choice for syntax highlighting with JavaScript right in the browser PrismJS has support for all modern browsers It has M downloads per week from npmjs com PrismJs is a lightweight fast syntax highlighting library explicitly made for frontend languages It depends on community contributions to expand and cover all languages The highlighting is very customizable and has a variety of languages and themes PrismJs It has been designed to be highly customizable with the most beautiful shade of colors and you can also extend it And it supports almost every Programming language If you want to use a library in your frontend it is a must for the library to be lightweight because it will run on the client side on the user s browser This means we must use lightweight packages in our frontend of the application Using PrismJs with Next js to highlight syntaxPrismJs is a syntax highlighting library It is designed to use as little of your computer s resources as possible and can be customized with CSS and JavaScript This article will show you how to set up PrismJs with Next js and create a simple syntax highlighter for your blog posts How it works Let s see how syntax highlighting works in the first place Suppose you are building a personal blog and want to create blog posts you have two options to save your blog data inside your database one of them is to save your blog content as pure HTML and then return the HTML later when a user shows the page the better way to do this is using the Markdown language Markdown is a lightweight markup language with plain text formatting syntax It is designed to be easy to read and write for people who are not experts in the computer programming language The goal of Markdown is to be as easy to read and easy to write as possible A markdown formatted document should be publishable as is as plain text without looking like it s been marked up with tags or formatting instructions If you don t know how the Markdown syntax works please make sure you read it here The goal is to get the Markdown from the database and show it on our HTML page but we can not directly do that because if we do the reader will see the Markdown syntax which is not something you d want to happen For that we will use a library called React Markdown which is a library that converts Markdown to React components JSX which is precisely what we need This will convert your Markdown syntax to HTML syntax For example it converts to h and to h etc which means now we have pure HTML syntax in our HTML page which is ideal React Markdown automatically puts any Markdown syntax code blocks inside the lt pre gt tag and then inside the lt code gt tag for example lt pre gt lt code gt Your code here lt code gt lt pre gt Starting a Next js appWe first initialize a Next js application with npx create next app latest prism app We will put this in a named folder in this case prism app Then go to the directory of your application and install react markdown and prismjs Starting with React MarkdownWith React markdown we will parse our Markdown and convert them to HTML tags Here is how export default function Home markdownContent return lt div className container gt lt ReactMarkdown children markdownContent gt lt div gt As simple as that React Markdown will handle all of the Markdown converting with the highest level of safety which means you are safe from XSS Attacks that users might want to utilize Prism ThemesThere are various Prism themes that you can apply to your code Here is how you can use them Go to the PrismJS GitHub repository There are a bunch of themes that you can choose pick the one you like download the CSS file and then import it to your app js file import styles globals css import styles prism one dark css function MyApp Component pageProps return lt Component pageProps gt export default MyApp Highlighting Syntax with PrismJSNow that we have the code blocks in our HTML pages and the Prism CSS file it is time to highlight the syntax to make it more readable and beautiful to the reader Since we are using Next js we will use the React hook useEffect and we will run a function when the React component mounts highlighting all the syntax The function that we are planning to run is highlightAll comes with Prismjs which will automatically grab the lt pre gt and lt code gt blocks and will highlight them all We also have to import the JavaScript for each programming language so that PrismJS can highlight a specific programming language You can import only the programming language that you want to import as few resources as possible which will make your frontend blazing fast without the user having to download large chunks of JavaScript Your JSX should look something like this import useEffect from react import Prism from prismjs require prismjs components prism javascript require prismjs components prism css require prismjs components prism jsx export default function Home markdownContent useEffect gt Prism highlightAll return lt div className container gt lt ReactMarkdown children markdownContent gt lt div gt That s it now your syntax highlighter must work perfectly feel free to try the other Prism themes and see which one you like the most If you liked this article please make sure you follow me on Twitter where I write daily tweets about web development Twitter Website	2022-01-18 08:25:58
海外TECH	DEV Community	Linear Gradient Animation in CSS	https://dev.to/ziratsu/linear-gradient-animation-in-css-6cb	Linear Gradient Animation in CSSHey fellow creatorsYou can t really create a hover animation between two linear gradients in CSS but there s a way around it Let s learn what it is in less than a minute If you prefer to watch the video version it s right here   The HTML structure Create a card with a title lt div class card gt lt div class layer gt lt div gt lt h gt São Paulo lt h gt lt div gt   Style the card  Give the card a width and a height center it and its content and add a background card width px height px border radius px margin px auto position relative z index background linear gradient to right b dded display flex justify content center align items center cursor pointer card h color fff font size px text transform uppercase  Create a new layer with the pseudo element after card after content width height border radius px background linear gradient to right a e f position absolute z index opacity transition opacity s ease in out It will take up the whole size of the card but with a new color It will be located between the content and the container It has no opacity for now  Finally add a different opacity to the pseudo element when you hover the card card hover after opacity  Now you have a transition between your two linear gradients Check out source code here to see the final outcome  Come and take a look at my Youtube channel See you soon Enzo	2022-01-18 08:11:52
海外TECH	Engadget	Samsung's Exynos 2200 mobile processor uses an AMD ray tracing GPU	https://www.engadget.com/samsung-exynos-2200-processor-amd-ray-tracing-gpu-084920156.html?src=rss	Samsung x s Exynos mobile processor uses an AMD ray tracing GPUSamsung has revealed the Exynos its first mobile processor with an AMD RDNA powered GPU that will allow ray tracing and other gaming features The system on chip SoC will likely feature in Samsung s upcoming Galaxy S rumored to be launching at an Unpacked event on February th nbsp The Exynos with AMD s quot Xclipse quot GPU will be manufactured on Samsung s nanometer EUV process quot Samsung s Xclipse GPU is the first result of multiple planned generations of AMD RDNA graphics in Exynos SoCs said AMD Senior VP David Wang The CPU meanwhile will use one high powered Cortex X quot flagship core quot along with three performance and efficiency balanced Cortex A big cores and four power efficient Cortex A little cores The image processor is designed to support camera sensors up to megapixels like the Isocell HP Samsung revealed last September nbsp Evan BlassAMD and Samsung announced a collaboration in with the expectation that AMD s graphics tech would be used in Exynos smartphone processors Rumors early in suggested that AMD powered Samsung processors were coming soon and at Computex AMD confirmed that an upcoming Exynos mobile system on chip would feature RDNA graphics technology nbsp The Exynos was supposed to be launched earlier but Samsung mysteriously no showed its own launch event originally scheduled for January th Normally Exynos processors are earmarked for regions outside North America while the US gets Qualcomm s Snapdragon mobile processors That would mean the you wouldn t see the AMD GPU and its ray tracing features stateside but we ll have to wait for the Galaxy S launch to confirm that nbsp	2022-01-18 08:49:20
医療系	医療介護 CBnews	医師や看護職員らの多職種チームが退院支援推進-静岡県が障害者計画案を公表	https://www.cbnews.jp/news/entry/20220118173826	社会復帰	2022-01-18 17:45:00
ニュース	BBC News - Home	Boris Johnson was warned about lockdown drinks - Cummings	https://www.bbc.co.uk/news/uk-politics-60028895?at_medium=RSS&at_campaign=KARANGA	boris	2022-01-18 08:50:28
ニュース	BBC News - Home	Pay rises fail to keep up with the cost of living	https://www.bbc.co.uk/news/business-60035312?at_medium=RSS&at_campaign=KARANGA	record	2022-01-18 08:53:24
ニュース	BBC News - Home	Australian Open: Andy Murray beats Nikoloz Basilashvili in Melbourne	https://www.bbc.co.uk/sport/tennis/60034761?at_medium=RSS&at_campaign=KARANGA	Australian Open Andy Murray beats Nikoloz Basilashvili in MelbourneAndy Murray marks his return to the Australian Open where in he thought he might have to retire with a tense first round win	2022-01-18 08:24:30
LifeHuck	ライフハッカー［日本版］	防災もアウトドアもこれ1本。万能ライト「SHARVOL S-1」をチェック	https://www.lifehacker.jp/article/machi-ya-sharvols1-review/	sharvols	2022-01-18 08:40:00
北海道	北海道新聞	欧州の新車台数２年連続マイナス　２％減、半導体不足が影響	https://www.hokkaido-np.co.jp/article/634748/	欧州自動車工業会	2022-01-18 17:15:00
北海道	北海道新聞	ＮＦＬ、ラムズが準決勝へ　プレーオフ、カージナルス下す	https://www.hokkaido-np.co.jp/article/634740/	準決勝	2022-01-18 17:07:00
ビジネス	東洋経済オンライン	最高に美味い｢赤飯｣を宇宙食にしたい人の執念 漫画｢宇宙めし！｣（第1集･第3話） | 宇宙めし | 東洋経済オンライン	https://toyokeizai.net/articles/-/476836?utm_source=rss&utm_medium=http&utm_campaign=link_back	宇宙飛行士	2022-01-18 17:30:00
マーケティング	MarkeZine	表参道の屋外広告枠をNFT化　電通ら4社がブロックチェーン技術を活用した広告販売の実証実験へ	http://markezine.jp/article/detail/38148	実証実験	2022-01-18 17:30:00
マーケティング	MarkeZine	ヤフー、ペルソナを具体化するサービスを開始　ビッグデータを活用し、ライフスタイルや興味関心を可視化	http://markezine.jp/article/detail/38150	関心	2022-01-18 17:15:00
IT	週刊アスキー	【質問】お餅を消費するならオススメは？	https://weekly.ascii.jp/elem/000/004/079/4079673/	質問	2022-01-18 17:30:00
IT	週刊アスキー	「雨」を表現した作品を展示！　京王プラザホテルの「ロビーギャラリー」で「～雨のち晴れ～　香取 宏幸 彫刻展」を開催	https://weekly.ascii.jp/elem/000/004/080/4080624/	京王プラザホテル	2022-01-18 17:30:00
IT	週刊アスキー	GMOグローバルサイン・ホールディングス、Google Cloud事業に参入	https://weekly.ascii.jp/elem/000/004/080/4080621/	cloud	2022-01-18 17:10:00
マーケティング	AdverTimes	伊藤忠新年広告「未来を、試着しよう。」にトモ コイズミをまとう冨永愛が登場、関連イベントも開催	https://www.advertimes.com/20220118/article374291/	伊藤忠商事	2022-01-18 08:49:54
マーケティング	AdverTimes	【人事】ユニ・チャーム、取締役標準化担当に彦坂氏（2022年3月25日付）	https://www.advertimes.com/20220118/article374361/	専務執行役員	2022-01-18 08:17:53
ニュース	THE BRIDGE	Knot Inc：Web３時代の働き方。そしてDAOとは何か？【BRIDGE Tokyoセッション紹介】	https://thebridge.jp/2022/01/bridge-tokyo-session-knot-inc-kiyotaka-kobayashi-and-tomoaki-imai	KnotIncWeb時代の働き方。	2022-01-18 08:30:25