投稿時間:2022-06-20 19:30:29 RSSフィード2022-06-20 19:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia PC USER] Google MeetがChromeブラウザで「ピクチャー・イン・ピクチャー」に対応　全ユーザーに順次適用	https://www.itmedia.co.jp/pcuser/articles/2206/20/news172.html	ITmediaPCUSERGoogleMeetがChromeブラウザで「ピクチャー・イン・ピクチャー」に対応全ユーザーに順次適用GoogleMeetをChromeOSを含むPC向けのChromeブラウザで利用すると、通話をポップアウト表示する「ピクチャー・イン・ピクチャー」に対応する。	2022-06-20 18:30:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「ジムニー」「ジムニー シエラ」、スズキが一部仕様変更	https://www.itmedia.co.jp/business/articles/2206/20/news166.html	itmedia	2022-06-20 18:30:00
IT	ITmedia 総合記事一覧	[ITmedia News] TikTokでAirPods CM風動画ができる「AirPodsシルエット」、Appleが公開	https://www.itmedia.co.jp/news/articles/2206/20/news168.html	airpods	2022-06-20 18:06:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] スパリゾートハワイアンズと東京サマーランドがコラボ　「すべりゾート共同宣言」で夏レジャー発信	https://www.itmedia.co.jp/business/articles/2206/20/news160.html	itmedia	2022-06-20 18:05:00
python	Pythonタグが付けられた新着投稿 - Qiita	特異値分解をリーマン多様体上の最適化で実装してみた。	https://qiita.com/momo10/items/ccb03cb336891feafcfc	algorithm	2022-06-20 18:24:35
python	Pythonタグが付けられた新着投稿 - Qiita	データフレームについて--05: データフレームの変容	https://qiita.com/WolfMoon/items/f9cf3fb2ae5f87ae7ac6	pandasaspddfpddataframeab	2022-06-20 18:12:57
python	Pythonタグが付けられた新着投稿 - Qiita	MySQLサーバーからdumpした.sqlファイルをpythonでヘッダー付きcsvファイルに変換する	https://qiita.com/tomi2904/items/dd7a0da6f2fd9672cf54	mysql	2022-06-20 18:04:54
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】使用してはまずい破壊的メソッドの話	https://qiita.com/y-riki/items/81a47fa25f961de6ef6b	javascript	2022-06-20 18:56:07
技術ブログ	Developers.IO	個別の従業員体験を把握可能にする従業員ライフサイクルサーベイとは？	https://dev.classmethod.jp/articles/employee-lifecycle-survey/	統括	2022-06-20 09:53:39
技術ブログ	Developers.IO	JAWS-UGおおいたで「Amazon ConnectとSalesforceを連携してみる」というLT登壇をしました	https://dev.classmethod.jp/articles/jaws-ug-oita-connect-salesforce-20220618/	amazon	2022-06-20 09:45:54
海外TECH	DEV Community	How I fixed the feed on my website	https://dev.to/robole/how-i-fixed-the-feed-on-my-website-nk	How I fixed the feed on my websiteI was trying out some news readers on Linux recently and I used my own feed as the test input I noticed that my feed was a bit odd looking in one reader It reminded that I had a note to review my feed from ages ago but it never made it to the top of the list I have yet to arrive at a version one of my website so it is a related casualty Other priorities ️️For whatever reason at the time I had rushed through making it I remember that I made it a RSS feed at first then I switched to Atom I must have gotten a bit bored along the way Once it looked fine in one reader I left it and I added a note to review it later And later became much much later i e now I knew that I needed to review what I was putting into the title and content fields Also I wanted to have the cover image of my post as the featured image for the item in the news reader Most news readers leave it blank or select an image from the article Creating a valid feedI started by using the WC validation service to check my feed It gave me a list of issues Nearly all of the issues were related to the content field I looked at the Atom spec it says the following lt title gt lt summary gt lt content gt and lt rights gt contain human readable text usually in small quantities The type attribute determines how this information is encoded default text If type text then this element contains plain text with no entity escaped html lt title type text gt AT amp amp T bought by SBC lt title gt If type html then this element contains entity escaped html lt title type html gt AT amp amp amp T bought amp amp lt b amp amp gt by SBC amp amp lt b amp amp gt lt title gt The important part is the final bit Even though you can specify with the type attribute that the content of these fields is HTML Atom does not like actual HTML elements in there Notice the amp amp lt in the examples What is that all about For XML and Atom there are schemas that determine what is acceptable in the document This is what the validator uses as its ruleset Since HTML elements are considered invalid in the content field we must find a way for it to be treated as text To be seen as normal text by the parser we can change the reserved characters to HTML entities This is what the weird bits of text are A HTML entity is in the form of amp entity name For example we change angled brackets into HTML entities so they are not seen as elements An opening angled bracket becomes amp lt and the closing angled bracket becomes amp gt The result I want for content would be like this lt content type html gt amp lt img src alt cover image amp gt amp lt p amp gt This time I will tackle a title sequence from amp lt a href TV series amp gt Upload amp lt a amp gt amp lt p amp gt amp lt p amp gt Upload is an American science fiction comedy drama television series created by Greg Daniels The story takes place in when humans can “upload themselves into a virtual afterlife of their choosing When a programmer Nathan Brown dies prematurely he is uploaded to the luxury Lakeview facility but then finds himself under the thumb of his possessive still living girlfriend Ingrid who has paid for him to be there amp lt p amp gt lt content gt The misleading thing is when you look at a valid feed xml in the browser The same field looks like this The browser displays the HTML entities so that it looks like HTML However notice that the inner content of the field is not syntax highlighted like the XML element This is the hint that it is not treated as markup It can be easy to miss this fact and be confused by the output Another way to do this is wrap our actual HTML in a CDATA section This is a way of telling the parser that this data should be considered as text I have not tested this in readers so I cannot comment how they respond to it exactly but I have seen it other feeds I use a liquid template in Jekyll to generate my feed I added some of the builtin filter functions to strip excess whitespace strip and to escape the characters xml escape to be XML compliant lt content type html gt post content strip xml escape lt content gt I also added similar filtering to the title XML differs from HTML in that if it encounters an error then it stops parsing Therefore if there is a single parsing error in your document the whole document is broken So better to be safe than sorry assign post title post title strip html normalize whitespace xml escape lt title type html gt post title lt title gt And this did the trick for me There are still recommendations that usually revolve around not include interactive content such as script and iframe but that is something I want to keep Fixing the featured imageI want to have a featured image for each article in the feed In posts that I write in markdown the cover image is not added inline markdown so it does not make into the post content variable of Jekyll In the Atom spec there is not a separate field for this On Stackoverflow for the question Displaying images in atom feed the accepted answer is to add the image as the very first inside the content field They use a CDATA section to tell the parser that this should be treated like text This is what the CDATA section would look like lt content type html gt lt CDATA lt img alt cover image src blah cover jpg gt gt lt post content here gt lt content gt I did the character escaping myself as I needed to include some dynamic data I wanted to ensure that I get an absolute URL for the image lt content type html gt if post image unless post image contains assign post image post image absolute url endunless amp lt img src amp quot post image xml escape amp quot alt amp quot cover image amp quot amp gt endif lt post content here gt lt content gt This is what it looks in the Feeder Android app It looks good Creating a better ID for each articleOne way that readers know that you published something new is to check the id field of the entry along with the dates involved It is recommended that you do not use the URL for this field because you can change the title of the post or the filename which may change the id and trigger the entry being downloaded by the reader as a new post It is better to create an unique id tied to something else I used this old article as inspiration How to make a good ID in Atom Now my ID is in the format of tag lt domain name gt lt post date as yyyy mm dd gt blog lt post date in seconds from unix epoch gt So the id for my previous post is lt id gt tag roboleary net blog lt id gt To ensure that the seconds since unix epoch does not vary depending on what time zone I am in I set the timezone for the Jekyll generator in the configuration file The limitation of this approach is that I cannot post more than one article per day without there being a clash of IDs This is because I cannot specify the hour that I pubish the article on I am fine with this Adding some extra fields to improve metadataI reviewed the other fields to see if there was any missing metadata that might be worth adding in I noticed that there was no description for my feed so I added subtitle This is what the feed overview looks like now in Liferea reader The content of subtitle is featured at the bottom Wrapping upWhen working with XML based formats you need to be careful XML is less forgiving than HTML To create a feed is relatively straightforward as it is a well worn path There are plenty of plugins for static site generators but you still need to be careful if you are copying some configuration from somewhere else or you are not familiar with XML or in my case if you rush through it This is a habit I should avoid If you having issues with your Atom feed this may help You can look at my feed as an example Also apologies to anyone who is subscribed to my feed You may notice that some items have been duplicated because of the changes I made If that is the case and it annoys the simplest fix is to remove the feed clear the cache and then add it back again If there is still an issue please let me know Thanks for reading	2022-06-20 09:45:56
海外TECH	DEV Community	Using React to create a Micro Frontend	https://dev.to/entando/using-react-to-create-a-micro-frontend-4jn2	Using React to create a Micro Frontend DisclaimerThis article has been written with the help of the ModSquad Community The related live session is available here IntroductionHi fellow developers Having discovered micro frontend creation with Angular we jump into another world with React Remember I m trying to create a micro frontend using the web component specifications foreach of the following frameworks Angular React and Vue js Does React provide the best developer experience when creating a micro frontend social card Let s try it Create the React appReact offers a simple way to create React applications using the Create React App As seen in the previous blog you need to have npm installed You can then run the following command to create the application skeleton npx create react app react social cardOnce complete you should have a new React project available in the react social card folder Start it using the command npm start The default React page is reachable at http localhost Add the social card codeBefore configuring the custom element we have to create the React social card component After some research here is an example of code we can use Thanks to leoraw for sharing this example Create the React componentsThe social card is split into two different React components a button box and the card itself First we create a new file for the button box in the components folder name it ButtonBox js and copy this code import React from react const UiButton props gt const classes props isClicked ui button clicked ui button const number props isClicked props number props number return lt button className classes id props text onClick gt props onClick gt lt span className ui icon gt props icon lt span gt number lt button gt class ButtonBox extends React Component constructor props super props console log props likeIsClicked this state likeIsClicked props likeIsClicked toggle index let state state index this state index this setState state render return lt div gt lt UiButton icon text likes number this props likes onClick gt this toggle likeIsClicked isClicked this state likeIsClicked gt lt div gt export default ButtonBox Then in the same folder we create the SocialCard js file and copy the following content Please note that this new component imports and use the previous one Effectively the internal architecture in the micro frontend allows us to use multiple components and all the components are built into one custom element import React from react import ButtonBox from ButtonBox const UiCard props gt let image title content props content return lt div class card wrapper gt lt div className card img gt lt img src image gt lt div gt lt div className card content gt lt h gt title lt h gt lt div gt content lt div gt lt div gt lt div gt class SocialCard extends React Component render return lt div className card body gt lt UiCard content this props content gt lt div className line gt lt div gt lt div style textAlign right gt lt ButtonBox likeIsClicked this props likeIsClicked likes this props likes gt lt div gt lt div gt export default SocialCard Use the new components in the main App js fileOnce these two components are available we can update the main App js file and remove the old React demo code Update the App js file by replacing the existing code with this import React from react import App css import SocialCard from components SocialCard const cardDetails id content title Shiba Inu image content The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan A small agile dog that copes very well with mountainous terrain the Shiba Inu was originally bred for hunting likeIsClicked true likes function App return lt SocialCard key cardDetails id content cardDetails content likes cardDetails likes likeIsClicked cardDetails likeIsClicked gt export default App You can see here that we are instantiating a new social card component and giving it some data to display Now you can restart the application or refresh the page to see our social card appear However this is still a raw React application and we need to define the custom element to finish our task Switch the app to a custom elementIn the src folder at the same level as the components folder we create a new folder named custom element Next let s create a new file named social card app js to define the custom element using the related API import ReactDOM from react dom import React from react import App from App class SocialCardApp extends HTMLElement connectedCallback this mountPoint document createElement span this render render ReactDOM render lt React StrictMode gt lt App gt lt React StrictMode gt this appendChild this mountPoint customElements get react social card customElements define react social card SocialCardApp The string “react social card is used to define the custom element tag and renders the React app using amp lt App gt It s analogous to Russian dolls custom element gt React app gt social card component gt buttonbox component Then in the following public index html file replace the body with this lt body gt lt noscript gt You need to enable JavaScript to run this app lt noscript gt lt react social card gt lt react social card gt lt body gt Reload your browser and check the HTML content The react social card custom element is used and loads the React app content Congratulations You ve just created your first micro frontend using React Resources The code above is available on GitHub Watch micro frontend videos on our YouTube channel Join us on Discord to share and learn about composable apps	2022-06-20 09:26:06
Apple	AppleInsider - Frontpage News	Google uses Drake's 'Texts Go Green' track to troll Apple	https://appleinsider.com/articles/22/06/20/google-uses-drakes-texts-go-green-track-to-troll-apple?utm_medium=rss	Google uses Drake x s x Texts Go Green x track to troll AppleAgain presenting RCS as the solution to getting Apple Messages and Android text users feature parity Google has tweeted an unofficial lyric explainer about Drake s Texts Go Green song The Rich Communications Service RCS has taken a long time to be available to all Android users And Google s own rivals failed but it continues to champion RCS ーand criticize Apple for ignoring it Having previously offered to help out Apple s engineers in implementing RCS the company has now tweeted a short video set to Drake s music Read more	2022-06-20 09:55:21
海外科学	NYT > Science	Covid Cases Surge, but Deaths Stay Near Lows	https://www.nytimes.com/2022/06/20/health/covid-deaths-plateau.html	infection	2022-06-20 09:38:38
医療系	医療介護 CBnews	率先して「ニーズに応じた質の高い医療提供を」-日病・相澤会長	https://www.cbnews.jp/news/entry/20220620184034	日本病院会	2022-06-20 19:00:00
医療系	医療介護 CBnews	アストラゼネカ社ワクチン接種センター終了を容認-厚労省が事務連絡、希望者いない場合	https://www.cbnews.jp/news/entry/20220620183743	厚生労働省	2022-06-20 18:55:00
医療系	医療介護 CBnews	12カ月時点の罹患後症状、若年者は脱毛など多い-厚労省がコロナ診療手引き別冊改訂を事務連絡	https://www.cbnews.jp/news/entry/20220620175705	厚生労働省	2022-06-20 18:10:00
医療系	医療介護 CBnews	60時間以上雇用者割合減はコロナ影響可能性も-厚労省が分科会の2020年度目標評価案を公表	https://www.cbnews.jp/news/entry/20220620174955	前年同期	2022-06-20 18:05:00
金融	RSS FILE - 日本証券業協会	外国投信の運用成績一覧表	https://www.jsda.or.jp/shiryoshitsu/toukei/foreign/index.html	運用	2022-06-20 10:30:00
金融	金融庁ホームページ	金融活動作業部会（FATF） 政策企画部会の 共同議長就任について公表しました。	https://www.fsa.go.jp/inter/etc/20220620/20220620.html	金融活動作業部会	2022-06-20 10:00:00
海外ニュース	Japan Times latest articles	Russian player switches nationality to get around Wimbledon ban	https://www.japantimes.co.jp/sports/2022/06/20/tennis/russian-player-switches-nationality-get-around-wimbledon-ban/	Russian player switches nationality to get around Wimbledon banA Russian tennis player has avoided Wimbledon s ban on all competitors from her country by changing her nationality to Georgian according to a report in	2022-06-20 18:41:34
海外ニュース	Japan Times latest articles	NPB experiencing surge of no-hitters	https://www.japantimes.co.jp/sports/2022/06/20/baseball/japanese-baseball/npb-no-hitter-year/	npb	2022-06-20 18:26:59
ニュース	BBC News - Home	Rail strike: Travellers face reduced service on trains ahead of biggest walkout in 30 years	https://www.bbc.co.uk/news/uk-61861040?at_medium=RSS&at_campaign=KARANGA	minute	2022-06-20 09:31:36
ニュース	BBC News - Home	EasyJet to cut more flights over summer holidays	https://www.bbc.co.uk/news/business-61862788?at_medium=RSS&at_campaign=KARANGA	flight	2022-06-20 09:53:44
ニュース	BBC News - Home	Oldham child sex abuse victims failed by police and council, report says	https://www.bbc.co.uk/news/uk-england-manchester-61863603?at_medium=RSS&at_campaign=KARANGA	council	2022-06-20 09:46:44
ニュース	BBC News - Home	Energy firms face limit on direct debit overpayment	https://www.bbc.co.uk/news/business-61860717?at_medium=RSS&at_campaign=KARANGA	company	2022-06-20 09:02:21
ニュース	BBC News - Home	Primark finally goes online in new click-and-collect trial	https://www.bbc.co.uk/news/business-61863413?at_medium=RSS&at_campaign=KARANGA	trial	2022-06-20 09:43:06
ニュース	BBC News - Home	Oscar-winning director Paul Haggis arrested over alleged sexual assault	https://www.bbc.co.uk/news/entertainment-arts-61863695?at_medium=RSS&at_campaign=KARANGA	agencies	2022-06-20 09:32:05
ニュース	BBC News - Home	Why Belgium is returning an African hero's gold tooth	https://www.bbc.co.uk/news/world-africa-61838781?at_medium=RSS&at_campaign=KARANGA	brussels	2022-06-20 09:06:46
ニュース	BBC News - Home	Australia v England: Eddie Jones names squad for three-Test series in July	https://www.bbc.co.uk/sport/rugby-union/61863940?at_medium=RSS&at_campaign=KARANGA	Australia v England Eddie Jones names squad for three Test series in JulyBilly Vunipola and Danny Care are named alongside eight uncapped players in England s squad for their three Test tour in Australia next month	2022-06-20 09:45:06
ニュース	BBC News - Home	Chelsea: Bruce Buck to step down after 19 years as chairman	https://www.bbc.co.uk/sport/football/61863180?at_medium=RSS&at_campaign=KARANGA	bruce	2022-06-20 09:09:44
ニュース	BBC News - Home	Rail strike: When is it and which trains are running?	https://www.bbc.co.uk/news/business-61634959?at_medium=RSS&at_campaign=KARANGA	railway	2022-06-20 09:55:40
ニュース	Newsweek	中朝露「核使用も選択肢」連合の暴挙に備えよ	https://www.newsweekjapan.jp/stories/world/2022/06/post-98913.php		2022-06-20 18:10:22
IT	週刊アスキー	鉄道好きタレント一緒にロマンスカー・VSEに乗ろう！　小田急「鉄道大好きタレントと行く！特急ロマンス カー・VSE全線走破ミステリー」7月16日・17日・23日・24日開催	https://weekly.ascii.jp/elem/000/004/095/4095280/	小田急電鉄	2022-06-20 18:30:00