投稿時間:2021-12-15 12:38:41 RSSフィード2021-12-15 12:00 分まとめ(41件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	iPhoneのマップとSiriがアップデート。3Dイメージの追加やハンズフリーの事故報告が可能に	https://japanese.engadget.com/iphone-map-siri-update-3dimage-024056945.html	iphone	2021-12-15 02:40:56
TECH	Engadget Japanese	Apple Music Voiceプランは誰向けサービスか	https://japanese.engadget.com/apple-music-voice-023045689.html	apple	2021-12-15 02:30:45
TECH	Engadget Japanese	ドコモ、月1100円で動画以外データ使い放題「トーンモバイル for docomo」を販売	https://japanese.engadget.com/docomo-022608681.html	docomo	2021-12-15 02:26:08
ROBOT	ロボスタ	タカラトミー『デタフィグ 呪術廻戦』とは?　電子タグ搭載フィギュアで専用アプリと連動、キャラクターボイスも聞ける	https://robotstart.info/2021/12/15/jujutsukaisen-tomy-datafig.html	呪術廻戦	2021-12-15 02:55:43
IT	ITmedia 総合記事一覧	[ITmedia PC USER] エプソンダイレクト、GeForce RTX 3060を搭載したクリエイター向け15.6型ノート	https://www.itmedia.co.jp/pcuser/articles/2112/15/news083.html	endeavornje	2021-12-15 11:46:00
IT	ITmedia 総合記事一覧	[ITmedia News] Microsoft、Teamsの1対1通話のE2EE機能提供開始	https://www.itmedia.co.jp/news/articles/2112/15/news079.html	itmedianewsmicrosoft	2021-12-15 11:11:00
IT	ITmedia 総合記事一覧	[ITmedia Mobile] 月額1100円で“動画以外使い放題”　トーンモバイルが「ドコモのエコノミーMVNO」向けプラン発表	https://www.itmedia.co.jp/mobile/articles/2112/15/news078.html	ITmediaMobile月額円で“動画以外使い放題トーンモバイルが「ドコモのエコノミーMVNO」向けプラン発表トーンモバイルは、「ドコモのエコノミーMVNO」として提供する料金プラン「トーンモバイルfordocomo」の新料金プラン「TONEforiPhone」を発表した。	2021-12-15 11:10:00
TECH	Techable（テッカブル）	診察前後の時間を大幅減。患者向けスマホアプリ「MyHospital」導入4例目へ	https://techable.jp/archives/168668	myhospital	2021-12-15 02:00:20
python	Pythonタグが付けられた新着投稿 - Qiita	初めてデータ分析コンペに参加し得たこと	https://qiita.com/shoji9x9/items/3f28d5b63e7d37c92a36	正確にはKaggleに回ほど参加したことはあるものの、公開されたコードをフォーク実行する程度年前にディープラーニングは勉強していたが、その後は中断ディープラーニング以外の機械学習は本は読んでいたものの、コードを書いたことはほぼなかったPandasもほぼ経験なしKaggleで勝つデータ分析の技術は発売直後に読んだ年前くらいから日常的に株式投資をしているコンペに取り組んだ環境GoogleColabでコードを書いて実行各種データはGoogleDriveで管理コンペに使える時間は豊富現在無職なためコンペを経験し得たこと以下、コンペを経験し学んだことなどを書いていきます。	2021-12-15 11:55:43
python	Pythonタグが付けられた新着投稿 - Qiita	[py2rb] re.compile	https://qiita.com/superrino130/items/40dd26a2b9d1a0722c32	pyrbrecompileはじめに移植やってますrecompilePythonimportremsg電話番号はですpatternrecompilerdddprintpatternprintpatternsearchmsggrouprecompiledddcompile関数は正規表現オブジェクトを返します。	2021-12-15 11:27:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	敵キャラクターの往復	https://teratail.com/questions/373886?rss=all	敵キャラクターの往復前提・実現したいこと指定の座標についたら反対に行きもうかたほうの指定した座標についたら反対に行き往復させる例PHPCakePHPでなシステムを作っています。	2021-12-15 11:52:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Java】コード内で生成したPDFファイルを、ファイルシステム上には書き込まずにダウンロードさせたい	https://teratail.com/questions/373885?rss=all	【Java】コード内で生成したPDFファイルを、ファイルシステム上には書き込まずにダウンロードさせたい以下のコードで、ボタン押下をトリガーにして、HTML内のJPG画像ファイルをPDFに変換してダウンロードさせる処理を行っています。	2021-12-15 11:51:29
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Rails6】JavaScriptで子テーブルのデータを参照したい	https://teratail.com/questions/373884?rss=all		2021-12-15 11:50:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	FlaskでHTMLからPythonへ受け渡したい	https://teratail.com/questions/373883?rss=all	FlaskでHTMLからPythonへ受け渡したい前提・実現したいことpythonからHTMLを表示することはできますが、HTMLへ入力した情報をpythonへ受け渡すときに、エラーが表示されます。	2021-12-15 11:46:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GitHubにpushしたアプリがTravis CIでビルドされない	https://teratail.com/questions/373882?rss=all	GitHubにpushしたアプリがTravisCIでビルドされないやりたいことDockerで環境構築したRailsのアプリをGitHubにpushする際、TravisnbspCIでテストを実行、buildしたい。	2021-12-15 11:46:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	flask内でcropperjsを使う方法	https://teratail.com/questions/373881?rss=all	flask内でcropperjsを使う方法flask内でcropperjsを使う方法が分からずに困っています。	2021-12-15 11:39:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	既存GCPプロジェクトに組織を作成し組織管理者になりたい	https://teratail.com/questions/373880?rss=all	既存GCPプロジェクトに組織を作成し組織管理者になりたいタイトルの通りになりますが、すでにGCPプロジェクトが存在する状態で、後から組織を作成したいです。	2021-12-15 11:33:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	FuelPHPとjQueryで非同期投稿機能を作りたいです	https://teratail.com/questions/373879?rss=all	FuelPHPとjQueryで非同期投稿機能を作りたいです前提・実現したいことFuelPHPを使ってLineのように遷移せずに投稿するアプリを作りたいです。	2021-12-15 11:27:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Visual Studio CodeでPHP Debugのアンインストールの方法を教えてください。	https://teratail.com/questions/373878?rss=all	VisualStudioCodeでPHPDebugのアンインストールの方法を教えてください。	2021-12-15 11:14:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VBAを用いて48個のデータを6個ずつに分けて入力する方法	https://teratail.com/questions/373877?rss=all		2021-12-15 11:02:05
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[py2rb] re.compile	https://qiita.com/superrino130/items/40dd26a2b9d1a0722c32	pyrbrecompileはじめに移植やってますrecompilePythonimportremsg電話番号はですpatternrecompilerdddprintpatternprintpatternsearchmsggrouprecompiledddcompile関数は正規表現オブジェクトを返します。	2021-12-15 11:27:57
Ruby	Rubyタグが付けられた新着投稿 - Qiita	ラクラク！Sorceryを用いたゲストログインの実装	https://qiita.com/_kaze0000/items/34a99f4a58340ab6863c	ですが、今回はそこまでのことを考えて実装していないので、ご理解いただけると助かります。	2021-12-15 11:19:48
Docker	dockerタグが付けられた新着投稿 - Qiita	Crane - 簡易なContainer Image Builder	https://qiita.com/GabxInfuseAI/items/47cb28c8c7dfe3cf55ff	Crane簡易なContainerImageBuilder説明Craneは、データサイエンティスト向けの簡易なContainerImageBuilder、BaseImageに基づきお好みpackagesを加えて新たなImageを創ります。	2021-12-15 11:48:39
Ruby	Railsタグが付けられた新着投稿 - Qiita	ラクラク！Sorceryを用いたゲストログインの実装	https://qiita.com/_kaze0000/items/34a99f4a58340ab6863c	ですが、今回はそこまでのことを考えて実装していないので、ご理解いただけると助かります。	2021-12-15 11:19:48
技術ブログ	KAYAC engineers' blog	Unityでイラストを作るためにやったこと	https://techblog.kayac.com/2021/12/15/120000	私も何か絵を作ったら投稿して自尊心を高めていたのですが、ある日つくっていいとも運営の人からこんな募集が来ました。	2021-12-15 12:00:00
技術ブログ	Developers.IO	[Zendesk]サポートで大切にしている顧客満足度の活用方法 – Zendesk入門 Advent Calendar 2021 Day15 #zendesk	https://dev.classmethod.jp/articles/zendesk-csat-use-case/	adventcalendar	2021-12-15 02:34:01
海外TECH	DEV Community	Beginners Guide to Using mdx-bundler With Your Next.js Blog	https://dev.to/peterlunch/beginners-guide-to-using-mdx-bundler-with-your-nextjs-blog-9k2	Beginners Guide to Using mdx bundler With Your Next js BlogWhen I was building this blog I knew I wanted a lot of customization I m a junior dev who loves customization In order to get maximum customization I found out I could use MDX for my blog posts MDX is an extension on Markdown which lets you import custom React components into your blog posts To use MDX with Next js you need to use a separate package There are a few choices with MDX remote being a popular one but it has some drawbacks For that reason I chose to use mdx bundler What mdx bundler allows you to do is bundle React components into your blog posts I use it for reusable custom components things like image styling the code blocks you see in my posts and the anchor tags When I was setting mdx bundler up I had just finished my Bootcamp and I didn t know what I was doing I still don t ha Meaning I ran into a lot of hurdles and got quite frustrated So now that I have it working I want to help others get it working on their Next js blogs because it really is a joy to work with This post aims to do just that by breaking down how to use mdx bundler with Next js So let s get into it starting at step installation This post aims to do just that by breaking down how to use mdx bundler with Next js if you want to know how to style your MDX codeblocks you can see my post here So let s get into it starting at step installation InstallationInstallation is pretty straight forward and to be honest you can follow the instructions at the official GitHub repo But for the sake of not forcing you to switch tabs let s go through it below npm install save mdx bundler esbuild ORyarn add mdx bundler esbuildYep it is that simple Now with that out of the way it s time to unleash the power of mdx bundler on your Next js project Adding Mdx Bundler to Your Data Fetching FunctionsAlright you have mdx bundler in your blogs packages Now we need to integrate it into our data fetching functions This post assumes you already have a data fetching utility function added to your Next js project If you don t not to worry you can follow the helpful tutorial from Next js that will help you get it set up I followed this guide when setting my blog up so the code below should be mostly the same except for a few different function names If you followed the Next js guide then you should have a utility that finds your blog posts and the metadata frontmatter that comes with it Below is what this utility might look like the functions have been shortened as they match the Next js tutorial import fs from fs import path from path import matter from gray matter import bundleMDX from mdx bundler const blogDirectory path join process cwd blog export function getBlogPostData same as nextjs tutorial export function getAllPostSlugs same as nextjs tutorial export async function getPostData slug const fullPath path join blogDirectory slug mdx const source fs readFileSync fullPath utf const code frontmatter await bundleMDX source xdmOptions options options remarkPlugins options remarkPlugins remarkGfm options rehypePlugins options rehypePlugins rehypePrism return options return slug frontmatter code In the above snippet the magic happens in the getPostData function Here is where we utilize the mdx bundler package There are a few things going on in this function and we are going to look into what is happening with the mdx bundler part First we import the bundleMDX into the file so that we can use it in the getPostData function Within the function we are each of your mdx files in the blogDirectory using the bundleMDX function The destructured code variable contains the contents of the mdx file things like your headings images links and paragraphs Importantly it also contains all the React components you have in the file Finally the destructured frontmatter variable is the metadata for your post It is the stuff at the top of a post that looks like the below title MDX date T subtitle MDX beginners guide excerpt A look at how to make the most of MDX in your blog category coding If you want to know more about metadata and why it is important for any developer s blog SEO check out this guide here I m thinking about making a post on SEO for developers reach out to me if that is something you d be interested in The next part to note is where we are using the built in xdm configuration this allows you to add remark and rehype plugins This can be really useful to style your code snippets or images If you re interested you can see a list of available plugins remark here and rehype here Lastly we return all the data we need to render our posts in a nice little object Now let s look at how to render our post and how to get the most of mdx bundler Using Mdx bundler in Next js Blog PostsAlright so the first step we need in order to use mdx bundler with our Next js blog is done Now let s see how to use it with our blog posts component so we can render them to the screen If you followed the Next js tutorial then you should have a file in your posts directory called something like id or slug where you utilize the getStaticPaths and getStaticProps functions On my blog I have called it slug js since it makes semantic sense to me In the slug js file we need to import a few things The first is the useMemo hook from the Reacts standard library The second is getMDXComponent from the mdx bundler package Now your blogPost component should look similar to the below We also need to import our data fetching functions the ones you set up when following the Next js tutorial Next we are going to send the code data from our getPostData function to our client so that we can render our mdx files We do this by first passing the code and frontmatter props to our BlogPost component below The frontmatter prop will let us access our metadata by calling them like objects frontmatter title Then we use the code prop with the getMDXComponent function Here we use the useMemo hook to prevent the component being created every time we render it which really helps with performance Now our BlogPost component should look like the below export default function BlogPost code frontmatter const Component useMemo gt getMDXComponent code code The Component variable holds all the content of our blog post We could finish here and render the post by calling lt Component gt within our BlogPost component Try it out to see how it renders import getMDXComponent from mdx bundler client import useMemo from react import getAllPostSlugs getPostData from lib utils blogPosts export const getStaticProps async params gt const postData await getPostData params slug return props postData export async function getStaticPaths const paths getAllPostSlugs return paths fallback false export default function BlogPost code frontmatter const Component useMemo gt getMDXComponent code code return lt gt lt h gt frontmatter title lt h gt lt p gt frontmatter description lt p gt lt p gt frontmatter date lt p gt lt article gt lt Component gt lt article gt lt gt If you view the post with the correct slug it will now render all the elements within the mdx file to the screen That is all you need to get your Next js project to work with mdx bundler However there is one more thing you can do that unleashes the full power of mdx bundler Let s see what that is now How to Bundle Up Your Components With Mdx Bundler and Next jsThe absolute cherry on top of mdx bundler that makes it a joy to work with is that you can bundle all of your reuseable components up to save you importing them in every mdx file On my blog I have a few components that get used in every post things like a custom styled next image component or customer link components It would be annoying and prone to human error for me to import them into every blog post Thankfully mdx bundler is here to save that day To bundle up reusable components we can import them into our slug js Once we have those files imported we can pass them as props to our Component element import PostImage from components PostImage import InternalAnchor from components InternalAnchor import PostRecommender from components PostRecommender export default function BlogPost code frontmatter const Component useMemo gt getMDXComponent code code return lt gt lt h gt frontmatter title lt h gt lt p gt frontmatter description lt p gt lt p gt frontmatter date lt p gt lt article gt lt Component componets PostImage InternalAnchor PostRecommender gt lt article gt lt gt Now you can use these components when writing a post without even having to think about importing them If you re still having trouble getting it working with Next js you can reach out to me and I ll see how I can help	2021-12-15 02:50:37
海外科学	NYT > Science	Pfizer’s Covid Pill Works Well, Company Confirms in Final Analysis	https://www.nytimes.com/2021/12/14/health/pfizer-covid-19-pill-paxlovid.html	Pfizer s Covid Pill Works Well Company Confirms in Final AnalysisThe treatment called Paxlovid is likely to work against Omicron and could be available in the United States before the end of the year	2021-12-15 02:22:06
金融	ニッセイ基礎研究所	韓国の新規感染者数が7日連続で5000人超え－新型コロナウイルスの感染拡大がもたらす世代間の対立と宗教間の対立－	https://www.nli-research.co.jp/topics_detail1/id=69660?site=nli	韓国の新規感染者数が日連続で人超えー新型コロナウイルスの感染拡大がもたらす世代間の対立と宗教間の対立ー新型コロナウイルスの感染拡大と共に世代間と宗教間の対立が深刻化している。	2021-12-15 11:06:18
海外ニュース	Japan Times latest articles	For those watching the Bank of Japan, actions speak louder than words	https://www.japantimes.co.jp/news/2021/12/15/business/bank-of-japan-stealthy-approach/	For those watching the Bank of Japan actions speak louder than wordsBy taking a stealthier approach than its peers Japan s central bank has been able to wind back pandemic stimulus without rattling markets	2021-12-15 11:23:55
ニュース	BBC News - Home	Covid pass starts in England despite biggest rebellion of Johnson era	https://www.bbc.co.uk/news/uk-59662142?at_medium=RSS&at_campaign=KARANGA	certain	2021-12-15 02:14:12
LifeHuck	ライフハッカー［日本版］	NotionとGoogleカレンダーを同期できるサービス【今日のライフハックツール】	https://www.lifehacker.jp/2021/12/247927lht-notion-google-calendar.html	notion	2021-12-15 12:00:00
サブカルネタ	ラーブロ	瑞江「光そば」汁なし光二郎＋ネギ＋ラー油＋生たまご	http://ra-blog.net/modules/rssc/single_feed.php?fid=194587	都営新宿線	2021-12-15 02:30:20
サブカルネタ	ラーブロ	飯田商店のレンジ麺！しょうゆらぁ麺 セブンイレブン	http://ra-blog.net/modules/rssc/single_feed.php?fid=194588	売り切れ	2021-12-15 02:30:26
北海道	北海道新聞	【道スポ】コンサドーレ・ＭＦ荒野「自分の理想超える」　７日に左腓骨のプレート除去手術完了	https://www.hokkaido-np.co.jp/article/623120/	北海道コンサドーレ札幌	2021-12-15 11:17:59
北海道	北海道新聞	元受刑者の社会復帰支援団体、１６日本格始動　「職親プロジェクト」北海道支部	https://www.hokkaido-np.co.jp/article/623111/	支援団体	2021-12-15 11:03:25
ビジネス	東洋経済オンライン	男の職場で｢苦労してきた女｣が取った衝撃の行動 漫画｢正直不動産｣（第10集　第74話） | 正直不動産 | 東洋経済オンライン	https://toyokeizai.net/articles/-/471685?utm_source=rss&utm_medium=http&utm_campaign=link_back	不動産会社	2021-12-15 11:30:00
IT	週刊アスキー	和食さと「うなぎ」「フカヒレ」も食べ放題！ 人気の「さとしゃぶ」キャンペーン	https://weekly.ascii.jp/elem/000/004/077/4077947/	和食さと	2021-12-15 11:45:00
マーケティング	AdverTimes	カーリング4人制は放送決定　世界連盟が混乱謝罪　企業側が譲歩　広告を交換	https://www.advertimes.com/20211215/article371438/	連盟	2021-12-15 03:00:15
マーケティング	AdverTimes	2021年の企業リリース23万件から分析、キーワード1位に「DX」	https://www.advertimes.com/20211215/article371490/	prtimes	2021-12-15 02:21:12
マーケティング	AdverTimes	ニーズがある場所に届ける仕組みをつくる―カップヌードル ローリングストック	https://www.advertimes.com/20211215/article371288/	ニーズがある場所に届ける仕組みをつくるーカップヌードルローリングストック大手メーカーによるサブスクモデル導入のチャレンジが続いていますが、配送スキームをはじめとするオペレーション設計や価格設定など、新たな仕組みづくりに頭を悩ませる企業も多いようです。	2021-12-15 02:00:58