投稿時間:2021-06-25 12:39:00 RSSフィード2021-06-25 12:00 分まとめ(48件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	30秒でタイヤ充填×25年間の製品寿命。小型トラックにも使える最強電動エアーコンプレッサー「A26」	https://japanese.engadget.com/air-compressor-a26-024925208.html	秒でタイヤ充填×年間の製品寿命。	2021-06-25 02:49:25
TECH	Engadget Japanese	Google Drive、9月から古いリンクが参照できなくなる場合あり	https://japanese.engadget.com/google-drive-020044449.html	drive	2021-06-25 02:30:44
TECH	Engadget Japanese	1インチセンサ搭載 AQUOS R6 がきょう（25日）発売、ドコモとソフトバンクから	https://japanese.engadget.com/aquosr6-leica-020013739.html	aquosr	2021-06-25 02:00:13
IT	ITmedia 総合記事一覧	[ITmedia News] ティファニー、「モンストグランプリ」トロフィー制作　初のeスポーツ向け	https://www.itmedia.co.jp/news/articles/2106/25/news085.html	itmedia	2021-06-25 11:39:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 22年卒学生の38.3％が複数の内々定保有に「抵抗を感じる」　理由は？	https://www.itmedia.co.jp/business/articles/2106/25/news074.html	itmedia	2021-06-25 11:30:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「営業職」のつらかったこと　「クレーム対応」や「顧客の理不尽さ」を抑えて圧倒的1位になったのは？	https://www.itmedia.co.jp/business/articles/2106/25/news083.html	itmedia	2021-06-25 11:18:00
IT	ITmedia 総合記事一覧	[ITmedia News] 火災から3カ月　ルネサス、半導体生産能力が100％復旧	https://www.itmedia.co.jp/news/articles/2106/25/news082.html	itmedia	2021-06-25 11:14:00
TECH	Techable（テッカブル）	標高3,776mからの絶景をシェア！ KDDI、富士山頂の5Gエリア化を開始	https://techable.jp/archives/157161	富士山頂	2021-06-25 02:00:23
python	Pythonタグが付けられた新着投稿 - Qiita	Django form_invalidでcontextを追加したい	https://qiita.com/TomoyaT_qq/items/0c7ad15b2d72c428dc59	Djangoforminvalidでcontextを追加したいバリデーションが通らない時に特定の値をテンプレート側に渡したいということがありました。	2021-06-25 11:36:20
python	Pythonタグが付けられた新着投稿 - Qiita	似たようなイベントを教師なし学習で分類	https://qiita.com/sugiyamath/items/bed0708c3337bcf31f13	似たようなイベントを教師なし学習で分類前回、単純なヒューリスティクスで重要イベントがなんであるか抽出したのですが、今回は特定の期間内に類似するイベントが起こっていたとして、それらを分類するつのアルゴリズムを比較します。	2021-06-25 11:20:22
python	Pythonタグが付けられた新着投稿 - Qiita	AutoML（Auto-Sklearn）を使ってみた	https://qiita.com/DS27/items/08f121929d1c6eb0fcf4	PyCaretTPOTVARISTAAutoGluonAutoSklearnを使ってみた必要なライブラリーは下記です。	2021-06-25 11:08:47
js	JavaScriptタグが付けられた新着投稿 - Qiita	[JavaScript] まじほんとしょーもねーミスでまる二日潰した	https://qiita.com/minhee/items/8885059da34084bbd996	エントリーNoもはやお前なんなのセミコロンさんまずは先ほどのコードを改良し、if文と組み合わせて、もう一度コメント表示させているユーザー名をクリックすると、コメントを非表示にできる機能を実装しました。	2021-06-25 11:50:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	cssのセレクタと｛　の間の半角スペースの意味を教えてください	https://teratail.com/questions/346008?rss=all	質問	2021-06-25 11:59:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	javascriptでオブジェクトの構造を別の構造にしたい。	https://teratail.com/questions/346007?rss=all	以下のようなオブジェクトの配列の構造を変更して、overTimeDateの値をキーにしたオブジェクト配列にjavascriptで変更したいと思っております。	2021-06-25 11:59:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	付け足しコマンドプロンプトで表示されるNoSuchElementExceptionのエラーを解決したい	https://teratail.com/questions/346006?rss=all	付け足しコマンドプロンプトで表示されるNoSuchElementExceptionのエラーを解決したい前提・実現したいこと例外処理をなくして、コマンドプロンプトに、読み込んだデータを表示させたい。	2021-06-25 11:55:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	GASのCannot read property 'getEvents' of nullについて	https://teratail.com/questions/346005?rss=all	予約システムをGASで作っています。	2021-06-25 11:45:42
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CSS 擬似要素と:first-letterの併用について	https://teratail.com/questions/346004?rss=all	CSS擬似要素とfirstletterの併用についてHTML・CSS初学者です。	2021-06-25 11:39:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	社内パブリックフォルダへのアクセスができるかどうかを判定させてたい	https://teratail.com/questions/346003?rss=all	社内	2021-06-25 11:38:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	bashにて変数を与えてその数だけディレクトリさらにその中に同じ数のファイルを作るコードを作っていますが、エラーが出ています	https://teratail.com/questions/346002?rss=all	bashにて変数を与えてその数だけディレクトリさらにその中に同じ数のファイルを作るコードを作っていますが、エラーが出ていますbinbashechonbspquotscriptmakedirctoryshnbspnbspquotmkdirnbspoutfornbspiigtidomkdirnbspdirctorytouchnbspdirctoryfiletxtdonelinenbspnbspnbspinbspsyntaxnbsperrornbspoperandnbspexpectednbsperrornbsptokennbspisnbspquotquotというエラーが出ています。	2021-06-25 11:38:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	AWS(Lambda)：S3→FSx for Windows のファイルコピー方法を教えて下さい	https://teratail.com/questions/346001?rss=all	AWSLambdaS→FSxforWindowsのファイルコピー方法を教えて下さい【わからない事】LambdaPythonを使用して、Sに保存されたことをトリガーとして、FSxnbspfornbspWindowsnbspにファイルをコピーしたいです。	2021-06-25 11:37:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	処理が遅い場合のExit処理	https://teratail.com/questions/346000?rss=all	処理が遅い場合のExit処理とても時間のかかる重い処理をさせる際に、その処理が秒以上費やすのであれば処理を中止する、という処理はあるのでしょうか。	2021-06-25 11:35:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	width:100%,maxwidth:100%,maxwidth:●pxの使い分け	https://teratail.com/questions/345999?rss=all	調べましたが、widthmaxwidthmaxwidthpxの使い分けがわからなデモサイト質問前のmainvisualnbspimgの画像では、widthで左右にmarginを設定いたしました。	2021-06-25 11:28:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	mybatisで生成されるSQL文の整形	https://teratail.com/questions/345998?rss=all	mybatis	2021-06-25 11:14:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	request.setAttributeについて	https://teratail.com/questions/345997?rss=all	ckedquotnbspnbspquotquot	2021-06-25 11:13:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Google Apps Scriptと正規表現に関する質問です。	https://teratail.com/questions/345996?rss=all	GoogleAppsScriptと正規表現に関する質問です。	2021-06-25 11:08:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ndarrayの値をfor文の外側に渡したい または for文の外側で宣言したい	https://teratail.com/questions/345995?rss=all	ndarrayの値をfor文の外側に渡したいまたはfor文の外側で宣言したいimagejpgnbspを値化した画像中の白い部分の一番面積の大きい部分を取り出すためのプログラムを書いております。	2021-06-25 11:07:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	html Selectタブで選択されたときに表示されるものをプルダウンの名前と変える	https://teratail.com/questions/345994?rss=all	選択中のプルダウンの表示は以下のままで、選択された場合のみ表示を変更するという方法がググってもでてこなくこちらに質問させていただきました。	2021-06-25 11:06:12
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[Rails] routesのnamespaceとget ... to: の書き方	https://qiita.com/teipoi/items/528e8cba18a35f8b7aee	Railsroutesのnamespaceとgettoの書き方namespacenamespacehogeで名前空間を付与することができます。	2021-06-25 11:38:55
Ruby	Rubyタグが付けられた新着投稿 - Qiita	RailsのViewファイルにおける部分テンプレートの呼び出し`renderメソッド' のエラー	https://qiita.com/TechOtome/items/b9154f9601fdc9d8e293	エラー画面Samplesコントローラーのindexhtmlerbにはltrendersharedsecondheadergtと記述している。	2021-06-25 11:03:27
AWS	AWSタグが付けられた新着投稿 - Qiita	docker で Apache の導入（docker hub のイメージ使用）	https://qiita.com/hamburg-love/items/ec6efdcac82d59eeb4ac	sudovioptappindexhtmlhelloworld最後にURLをブラウザに入力して、配置したHTMLファイルが表示されるか確認します。	2021-06-25 11:48:48
Docker	dockerタグが付けられた新着投稿 - Qiita	docker で Apache の導入（docker hub のイメージ使用）	https://qiita.com/hamburg-love/items/ec6efdcac82d59eeb4ac	sudovioptappindexhtmlhelloworld最後にURLをブラウザに入力して、配置したHTMLファイルが表示されるか確認します。	2021-06-25 11:48:48
Docker	dockerタグが付けられた新着投稿 - Qiita	コンテナとDockerについて初心者向けにざっくりと紹介します	https://qiita.com/kannagi/items/d9ee4be7b1d703201dbd	smi仮想化コンテナコンテナを使うと何がいいのか仮想サーバを立ち上げるオーバーヘッドが不要になり、より身軽なアプリケーションの実行基盤を提供できるミドルウェアとOSのいち部を同梱することでどこでも実行可能になるなぜゲストOSが不要なのかアプリの動作はカーネルOSの中核部の機能を呼び出して動作しており、Linux系のOSであるCentOSやUbuntuなどは共通のカーネルを使用している。	2021-06-25 11:21:24
Git	Gitタグが付けられた新着投稿 - Qiita	Git .gitignoreファイルを作ってGit管理しないファイルを登録する	https://qiita.com/miriwo/items/8e6040e4652e71463c37	Gitgitignoreファイルを作ってGit管理しないファイルを登録する目的gitignoreファイルを作成してGit管理しないファイルを登録する方法を簡単にまとめる方法ローカルリポジトリ内で下記コマンドを実行してgitignoreファイルを作成する。	2021-06-25 11:35:39
Ruby	Railsタグが付けられた新着投稿 - Qiita	[Rails] routesのnamespaceとget ... to: の書き方	https://qiita.com/teipoi/items/528e8cba18a35f8b7aee	Railsroutesのnamespaceとgettoの書き方namespacenamespacehogeで名前空間を付与することができます。	2021-06-25 11:38:55
Ruby	Railsタグが付けられた新着投稿 - Qiita	RailsのViewファイルにおける部分テンプレートの呼び出し`renderメソッド' のエラー	https://qiita.com/TechOtome/items/b9154f9601fdc9d8e293	エラー画面Samplesコントローラーのindexhtmlerbにはltrendersharedsecondheadergtと記述している。	2021-06-25 11:03:27
海外TECH	DEV Community	Generating Sharable Content Images with Open Graph and NextJS	https://dev.to/kleveland/generating-sharable-content-images-with-open-graph-and-nextjs-4e34	Generating Sharable Content Images with Open Graph and NextJS IntroductionThe Open Graph Protocol allows for parsing of specific metadata that many social networks utilize to create dynamic sharable content An example of this could be when you share a post on Facebook with a link but when you actually share it the link is joined with a description an author an even a cover photo picture We can take it a step further and generate the photo picture and also populate the other metadata fields This article will focus on creating dynamic images based on your dynamic pages I utilize this method deploying to Vercel for this blog on my website Tech usedNextJSServerless functions via Vercel AWS Example When I try and share one of my blog posts on Linkedin you can see it gets populated with a preview image and text We will go over how that image is generated and how we can customize it How It WorksAs a starting point I am going to assume you have some dynamic content pages in a NextJS application In my case I utilize the following files for this blog Pages pages posts slug tsx pages posts open graph slug tsx pages api open graph image tsUtils utils use open graph image ts utils utils tsThe code is actually borrowed heavily from here with a set of adjustments to make it more customizable api open graph image path pages api open graph image tsimport type NextApiRequest NextApiResponse from next import chromium from chrome aws lambda import chromium as playwrightChromium from playwright core getAbsoluteURL is in a snippet further downimport getAbsoluteURL from utils utils export default async function handler req NextApiRequest res NextApiResponse Start the browser with the AWS Lambda wrapper chrome aws lambda const browser await playwrightChromium launch args chromium args executablePath await chromium executablePath headless chromium headless Create a page with the Open Graph image size best practise x is a good size for most social media sites const page await browser newPage viewport width height Generate the full URL out of the given path GET parameter const relativeUrl req query path as string const url getAbsoluteURL relativeUrl await page goto url timeout waitUntil option will make sure everything is loaded on the page waitUntil networkidle const data await page screenshot type png await browser close Set the s maxage property which caches the images then on the Vercel edge res setHeader Cache Control s maxage stale while revalidate res setHeader Content Type image png write the image to the response with the specified Content Type res end data getAbsoluteURL Gets the URL for the current environmentexport const getAbsoluteURL path string gt const baseURL process env VERCEL URL https process env VERCEL URL http localhost return baseURL path use open graph imageimport useRouter from next router import getAbsoluteURL from utils export default function useOpenGraphImage const router useRouter const searchParams new URLSearchParams The slug from posts slug and posts open graph slug should be identical searchParams set path router asPath replace posts posts open graph Open Graph amp Twitter images need a full URL including domain const fullImageURL getAbsoluteURL api open graph image searchParams return imageURL fullImageURL pages posts slug Both of these files should generate the same slugs the open graph route slug will correspond to the image for the corresponding article from pages posts slug tsx For example this article on my website has this route and if I want the open graph image for that route I can go to The part that matters is the usage of the custom hook in pages posts slug tsx that will get us the imageURL to pass to the meta tags import Head from next head const postComponent props gt const imageURL useOpenGraphImage lt This custom hook here return lt gt lt Head gt lt title gt Kacey Cleveland title lt title gt lt meta name description content props description gt lt meta property og title content props title gt lt meta property og type content article gt lt meta property og image content imageURL gt lt Head gt lt div gt Content here lt div gt lt gt utils use open graph image tsimport useRouter from next router import getAbsoluteURL from utils export default function useOpenGraphImage const router useRouter const searchParams new URLSearchParams searchParams set path router asPath replace posts posts open graph This will take the current URL of the post and give us the open graph one Modify as needed for how you have your routing setup const fullImageURL getAbsoluteURL api open graph image searchParams This will then pass along the route for the open graph image to our api request which will run the serverless function which runs headless chrome and goes to the posts open graph slug tsx route and takes a screenshot to serve as the fullImageURL return return imageURL fullImageURL FinTLDR the order of operations are the following A user shares a link to your article dynamic contentThe site that the article is shared on finds reads the meta tags and finds there is an open graph image tagThe image URL is a GET request to a serverless function that will take a screenshot of the passed route posts open graph slug tsx and return the image to be served on the social media site the link was shared on Additional Resources	2021-06-25 02:36:11
ニュース	BBC News - Home	Covid: Green list expansion 'not enough', say travel bosses	https://www.bbc.co.uk/news/uk-57606348	industry	2021-06-25 02:31:37
ビジネス	ダイヤモンド・オンライン - 新着記事	中国が教育費に照準、出生率押し上げに躍起 - WSJ発	https://diamond.jp/articles/-/275134	押し上げ	2021-06-25 11:12:00
LifeHuck	ライフハッカー［日本版］	薄さたったの6mm！現金もカードも、家の鍵も収納できる超コンパクト財布レビュー【今日のライフハックツール】	https://www.lifehacker.jp/2021/06/236487lht-tenuis3.html	薄さたったのmm現金もカードも、家の鍵も収納できる超コンパクト財布レビュー【今日のライフハックツール】キャッシュレス決済が一般的になった今の時代、財布に求めることといえば、やはりコンパクトなサイズ感でしょう。	2021-06-25 12:00:00
北海道	北海道新聞	＜人口逆転　釧路・帯広　インタビュー編＞（上）高架化　高見　公雄さん　法政大教授　帯広－人口減一定の抑制効果　釧路－若者も参加整備論議を	https://www.hokkaido-np.co.jp/article/559465/	高見	2021-06-25 11:20:29
北海道	北海道新聞	Ｊ１浦和が柏のＭＦ江坂獲得　３月に代表デビュー	https://www.hokkaido-np.co.jp/article/559647/	完全移籍	2021-06-25 11:18:00
北海道	北海道新聞	都議選告示、２４１人が立候補　コロナ禍と五輪、論戦開始	https://www.hokkaido-np.co.jp/article/559577/	任期満了	2021-06-25 11:03:10
北海道	北海道新聞	東芝、総会で株主妨害問題を報告　綱川社長「信頼回復努める」	https://www.hokkaido-np.co.jp/article/559632/	信頼回復	2021-06-25 11:04:00
ビジネス	東洋経済オンライン	大手メディアが｢五輪強行開催｣にだんまりの背景 ｢公正･公平な五輪報道｣はなぜ行われないのか | 新型コロナ、長期戦の混沌 | 東洋経済オンライン	https://toyokeizai.net/articles/-/436761?utm_source=rss&utm_medium=http&utm_campaign=link_back	東京五輪	2021-06-25 11:30:00
ビジネス	東洋経済オンライン	｢孤独死｣を否定しない｢生き方｣を示した知識人 徒党を組むことを嫌った山崎正和氏の｢死に方｣ | 読書 | 東洋経済オンライン	https://toyokeizai.net/articles/-/434397?utm_source=rss&utm_medium=http&utm_campaign=link_back	山崎正和	2021-06-25 11:10:00
IT	週刊アスキー	温泉で納涼！ 箱根小涌園ユネッサン、「妖怪大戦争 ガーディアンズ」とコラボした「妖怪お化け屋敷風呂」を開始	https://weekly.ascii.jp/elem/000/004/060/4060352/	妖怪大戦争	2021-06-25 11:30:00
IT	週刊アスキー	コロナ禍でもホテル内で楽しめる！ 映画「妖怪大戦争 ガーディアンズ」コラボ宿泊プラン、ホテルメトロポリタン 川崎にて8月13日より提供	https://weekly.ascii.jp/elem/000/004/060/4060353/	コロナ禍でもホテル内で楽しめる映画「妖怪大戦争ガーディアンズ」コラボ宿泊プラン、ホテルメトロポリタン川崎にて月日より提供ホテルメトロポリタン川崎は映画「妖怪大戦争ガーディアンズ」の公開を記念し、コロナ禍でも楽しめる宿泊プランを提供。	2021-06-25 11:30:00
IT	週刊アスキー	悪魔的なうまさ！ 新商品「メープルワッフル ベーコン」、食べられるのはメープルダイナー新宿ミロード店だけ	https://weekly.ascii.jp/elem/000/004/060/4060366/	新宿ミロード	2021-06-25 11:30:00