投稿時間:2021-05-22 19:22:12 RSSフィード2021-05-22 19:00 分まとめ(26件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	MAPDLをpythonで自動化！pymapdlを利用してみた	https://qiita.com/kurironight/items/e1a485bb0a93c72ccd1e		2021-05-22 18:35:33
js	JavaScriptタグが付けられた新着投稿 - Qiita	[JavaScript] テンプレート文字列がうまく働かない？！（超初歩的）	https://qiita.com/tsoho/items/a9ed28a950bd8e3e544f	初歩的な間違いJavaScriptのサンプルプログラムを見本にシンプルがプログラムを書いて実行したところ、constnameworldconsolelogHelloname実行結果Hellonameあれサンプルプログラムをよくみると、クォーテーションマークが違う。	2021-05-22 18:32:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Next.js でbuildすると読み込めていたAPIの値が読み込めない	https://teratail.com/questions/339776?rss=all	Nextjsでbuildすると読み込めていたAPIの値が読み込めないNextjsnbspでTVMazeというサービスのAPIを使ってアプリケーションを作成中、buildをするとnpmnbsprunnbspdevnbspでは発生しないエラーが発生。	2021-05-22 18:47:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ブログ編集 編集の時imgを選び直さなくても編集前のimgを送れるようにしたい	https://teratail.com/questions/339775?rss=all	タイトルと記事はvalueに値を入れるとデフォルトで表示されるのですがinputタグtypefileではブラウザのセキュリティが効いてvalueに編集前の値を入れることができません。	2021-05-22 18:42:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	bootstrapでの文字の右寄せができない件	https://teratail.com/questions/339774?rss=all	bootstrapでの文字の右寄せができない件bootstrapを使用しヘッダーの作成を行っているのですが、文字を右寄せにすることができません。	2021-05-22 18:38:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	http.getで出るエラーを対処するには？	https://teratail.com/questions/339773?rss=all	httpgetで出るエラーを対処するにはNodejsにてパブリックIPアドレスを取得するAPIを使いたいのですが、varhttprequirehttphttpgethostapiipifyorgportpathfunctionresprespondatafunctionipconsolelogMypublicIPaddressisipリンク先にある上記のコードを、expressjsのrouterget内で使用すると、下記のようなエラーが出ます。	2021-05-22 18:22:11
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Flutterで内部・外部ストレージの内の特定の拡張子ファイルをListView.bulderで描画したい。	https://teratail.com/questions/339772?rss=all	Flutterで内部・外部ストレージの内の特定の拡張子ファイルをListViewbulderで描画したい。	2021-05-22 18:09:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ラジオボタンの切り替えでテーブルの表示切り替えを行いたいです。チェックが外れた際に該当のテーブル行を非表示にしたいです。	https://teratail.com/questions/339771?rss=all	ラジオボタンの切り替えでテーブルの表示切り替えを行いたいです。	2021-05-22 18:07:15
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	メインループで投稿記事が取得されない。	https://teratail.com/questions/339770?rss=all	メインループで投稿記事が取得されない。	2021-05-22 18:02:22
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Railsチュートリアル 9章 発展的なログイン機構まとめ	https://qiita.com/kakinoki0919/items/d8bc87e46cccb29bf4c0	このメソッドの機能は、記憶トークンremembertokenをユーザーと関連づけ、トークンに対応する記憶ダイジェスト暗号化されたランダム文字列をデータベースrememberdigestに保存する。	2021-05-22 18:08:05
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS SUMMIT ONLINE セキュリティ関連セッションまとめ	https://qiita.com/eyuta/items/e495ea5a30fce7ef851d	“選択のために重要となるセキュリティ評価クラウドバイデフォルトを実現する上での重要な要因は“セキュリティ事業者を正しく評価するためには、第三者認証やバックアップや災害対策などのリスク対応が可能な点が選定ポイントにパブリッククラウドのサービスによるプライベートクラウド環境の実現ISMAPがもたらすもの“信頼の基礎としてISMAPRef政府情報システムにおけるクラウドサービスのセキュリティ評価制度の基本的枠組みについて“各政府機関は、クラウドサービスを調達する際は本制度において登録されたサービスから調達することを原則“言明にもとづく説明責任管理基準は、ガバナンス基準、マネジメント基準、管理策基準の三要素から構成ISOIEC政府機関統一基準およびNISTSPを参照して構成クラウドサービス事業者は管理基準に対しての整備状況、運用状況を言明し、監査を通じて第三者評価を受ける制度への期待コンプライアンスのこれからISMAPの対象は府省庁における調達制度立ち上げ時の“特例として、独立行政法人及び指定法人は含まない制度の設立において、公開される情報を踏まえた重要産業分野等をはじめとして民間での活用推進が期待されているISMAPにおける“利用者の責任ISMAPの対象は“クラウドサービス事業者だが、クラウドサービス利用者SI事業者による構築環境含むの責任は必ず存在するすべてがクラウドサービスではない従来のようにクラウドサービス上にシステムインテグレーション型の調達を行うことも引き続き考えられるSI事業者にとってサービス構築の提案においては、より自組織の提案が訴求する価値の深堀が差別化要因となるAWSのISMAPコンプライアンスがお客様に届ける価値お客様に必要なのは、価値の最大化Ref政府情報システムにおけるクラウドサービスの利用に係る基本方針案概要クラウド調達にとって最も大切なことは利用者の選択肢の拡充による、より柔軟かつ迅速な調達の実現AWSはお客様のフィードバックにもとづきサービスを継続的にアップデートAWSのインフラストラクチャを活用することで、SaaSベンダはより効率的にISMAPに取り組むことが可能クラウド事業者による情報や機能の提供ISMAPの管理策には、利用者AWSにとってはAWS上にサービスを展開するSaaS事業者等も該当に対して、機能や情報を提供することを求める管理策が存在利用者は要件やニーズに応じて、適切な実装や運用を実現することが期待される責任共有モデルの実現ISMAPのために特別なことではなく、様々なコンプライアンスプログラムと一貫性をもって実施調達の未来より迅速なクラウド調達の実現へRef速報本日未明に終了したAWS公共部門サミットのハイライトを紹介します前編【キーノート編】AmazonWebServicesブログ米国で開催されている公共部門サミットでは、FederalRiskandAuthorizationManagementProgramFedRAMPへのAWSの取り組みを紹介“AWSはパートナー各社との協力のもと、ユーザーのセキュリティ向上に注力AWSには、他のどのクラウドプロバイダーよりも多くの「FedRAMP認定ソリューション」が引き続き存在し、セキュリティ基盤の構築に取り組む各機関のミッションに貢献年月末時点で、ものサードパーティソリューションがAWS上でFedRAMP認証を取得【基本のAWSサービス】AWSアカウントを守るためにおさえておきたいセキュリティ対策AWSLink【基本のAWSサービス】AWSアカウントを守るためにおさえておきたいセキュリティ対策AWSSummitsJPProduction視聴対象者AWSの基本的な概念は知っている方AWSWellArchitectedフレームワークをこれから学ぶ方AWSアカウント保護に不安がある方ゴールこのセッションを聞いたあと、自社のアカウントのセキュリティ対策をすぐに実施出来るセキュリティにおける、AWSWellArchitectedレビューが出来るようになることまとめAWSWellArchitectedフレームワークとは年以上の経験、数多くのお客様と作りあげたクラウド設計・運用のベストプラクティス集AWSWellArchitectedフレームワークセキュリティの柱個の質問とベストプラクティスを利用可能AWSアカウント保護に有効なベストプラクティスをご紹介すぐに実践できるセキュリティ対策を検討するサマリAWSWellArchitectedフレームワークとはシステム設計・運用の大局的な考え方とベストプラクティス集RefAWSWellArchitectedフレームワークAWSWellArchitectedフレームワークAWSWellArchitectedフレームワークセキュリティの柱についてAWSWellArchitectedフレームワークの活用WellArchitectedレビューRefAWSWellArchitectedレビューISVAWSWellArchitectedフレームワークにおける各柱ごとの質問にワークロードを照らし合わせる作業のこと現在Asisのベストプラクティスの適用状況を理解し、将来Tobeのアーキテクチャーを検討する設計、構築、運用等、ワークロードの特性が変わるタイミングで定期的に実施することを推奨AWSWellArchitectedToolRefAWSWellArchitectedToolアーキテクチャのレビューとベストプラクティス比較AWSWellArchitectedレビュー時に活用できるAWSのサービス各質問毎にベストプラクティスの適用状況を記録できるレビューした結果をレポートとして出力でき、リスクレベルが可視化されるAWSアカウントを守るために実施すべきセキュリティ対策一元化されたIDプロバイダーを利用し、一時的な認証情報を使用するAWSアカウントにおけるシングルサインオンRefAWSSingleSignOnクラウドシングルサインオンSSOサービスAWSIDフェデレーションwithSAMLRefSAMLベースのフェデレーションについてAWSIdentityandAccessManagement組織のアクセス許可ガードレールを定義する予防的ガードレール対象の操作を実施できないようにするガードレールOrganizationsServiceControlPolicySCPで実装するAWSリソースやAPIへのアクセス制限を実現発見的ガードレール望ましくない操作を行なった場合、それを発見するガードレール管理しつつ開発のスピードを上げるために効果的AWSConfigRulesで実装する組織のルールから逸脱していないかどうかを評価AWSアカウント保護に必要なセキュリティ対策AWSアカウント全般編AWSアカウント保護における実施すべきベストプラクティス強力なサインインメカニズムを使用するルートユーザーのMFAを有効化し、アクセスキーを削除する管理権限を持つIAMユーザーにMFAを設定する一時的な認証情報を使用するアクセスキーの代わりにIAMロールを利用するシークレットを安全に保存して使用するAWSSecretsManagerシークレットのローテーション、管理、取得AWSAWSSystemsManagerパラメータストアAWSSystemsManager定期的に認証情報を監査およびローテーションするAWSConfigルールによるパスワードポリシーとアクセスキーローテーションのチェックAWSアカウント保護における実施すべきベストプラクティスサービスとアプリケーションのログ記録を設定するRefAWSCloudTrailユーザーアクティビティとAPI使用状況の追跡AWSRefAWSConfigリソースのインベントリと変更の追跡AWSログ、結果、メトリクスを一元的に分析する検出結果に対してアクションをとる体制をつくる検出結果を生成AmazonMacie機械学習による機密データの検出、分類、保護AWS大規模な機密データを検出して保護するAmazonInspectorアプリのセキュリティとコンプライアンスの改善をサポートAWS自動化されたセキュリティ評価サービスにより、AWSにデプロイされたアプリケーションのセキュリティとコンプライアンスの改善をサポートAWSConfigリソースのインベントリと変更の追跡AWSAWSリソースの設定を記録して評価AmazonGuardDutyマネージド型脅威検出サービスAWSインテリジェントな脅威検出と継続的なモニタリングでAWSのアカウント、ワークロード、データを保護AWSIAMAccessAnalyzerを使用するAWSIdentityandAccessManagement論理ベースの推論を使用してAWS環境内のリソースベースのポリシーを分析することにより、外部プリンシパルと共有されるリソースを識別します。	2021-05-22 18:27:24
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerでSpringBootを動かす	https://qiita.com/jamcookjapan/items/55a9583534bb54ab6be5	DockerでSpringBootを動かす作りたいものがあるので動かします。	2021-05-22 18:15:52
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】簡単な投稿アプリの作成	https://qiita.com/oak1331/items/18a4f3a3386aab0fa354	開発環境macOSBigSurrubyバージョンrailsバージョンapp名testapp手順アプリの立ち上げ文字コードの変更データベースの作成Gemのバージョン変更と追加リセットCSSの設定要素サイズの調整ルーティングの設定コントローラーの作成モデルの作成投稿一覧の表示投稿ページの実装最終確認アプリの立ち上げ早速はじめていきましょうまずはアプリを立ち上げます。	2021-05-22 18:14:20
Ruby	Railsタグが付けられた新着投稿 - Qiita	Railsチュートリアル 9章 発展的なログイン機構まとめ	https://qiita.com/kakinoki0919/items/d8bc87e46cccb29bf4c0	このメソッドの機能は、記憶トークンremembertokenをユーザーと関連づけ、トークンに対応する記憶ダイジェスト暗号化されたランダム文字列をデータベースrememberdigestに保存する。	2021-05-22 18:08:05
技術ブログ	Developers.IO	IAM ポリシーで新規 IAM ユーザーがマネジメントコンソールへアクセスするのを防ぐための対処方法	https://dev.classmethod.jp/articles/tsnote-iam-allow-only-programm-access/	許可	2021-05-22 09:00:58
海外TECH	DEV Community	Revealing Contents on Scroll Using JavaScript’s Intersection Observer API	https://dev.to/daveyhert/a-beginner-s-guide-to-the-intersection-observer-api-2d50	Revealing Contents on Scroll Using JavaScript s Intersection Observer APIHave you ever visited a website where as you scroll down the page the contents of the webpage gradually begin to reveal themselves as you approach them You got to admit it s a pretty sleek feature Have you ever wondered how you could implement this feature in your projects without using third party libraries or plugins Well JavaScript has a native Intersection Observer API that lets you do just that and much much more In this article we will discuss how this Intersection Observer API works and how we can use it to detect the visibility of an element by building a simple web page that implements this reveal contents on scroll feature PrerequisitesA basic knowledge of JavaScript beginner level is acceptable as I ll explain everything in great details like I was explaining to a year old A basic knowledge of HTML and CSS you ve built at least one basic webpage with them A code editor VS Code recommended And a browser of course Chrome or Firefox recommended What is the Intersection Observer The Intersection Observer API is simply a new way to observe monitor the position and visibility of an element in the DOM relative to another root element and to run a callback function if these elements intersect meet Now you might wonder What exactly is a root element Well a root element is simply an element that is a parent or container element to other elements Meaning If we created a div in an HTML document and inside this div we placed a p text the div becomes the direct root element parent of the p text as it is what contains the paragraph lt body gt lt div gt lt p gt Lorem ipsum lt p gt lt div gt lt body gt Based on this logic we can safely say the body is also the immediate parent to this div and also a grandparent to the p text But you know what else is the ancestral root element of everything in the DOM The browser viewing the HTML document becomes a container root to whatever area of the webpage that is visible to the browser s viewport screen at any time So in essence the Intersection Observer API can be used to observe an element to see if that element intersects meets or passes across its root element in the DOM or if it simply enters or leaves the browser s viewport And for the observer to trigger a callback function when this event takes place Note A callback function is simply a normal function that is provided to another function as that function s argument the actual value for its parameter Below is an image I ve prepared that illustrates an actual Intersection in action It should give you an idea of how it works but if it s still unclear don t sweat it I ll explain everything in a minute Creating A Basic HTML CSS PageNow that we know what an Intersection Observer is let s dive into its implementation We ll start by creating a simple HTML page with sections the first and third section is of little interest to us as we will mostly be working with the second section we simply want more room to be able to scroll down the page lt body gt lt section class section gt lt h gt Section lt h gt lt section gt lt section class section gt lt img class img src background jpg alt gt lt section gt lt section class section gt lt h gt Section lt h gt lt section gt lt body gt Now for the CSS we ll give each section a height of vh center the contents of each section using flex then give the image a fixed responsive width and make each section obvious by applying a background colour to separate them Lastly we will create a hidden class that will be responsible for hiding and revealing our content later on using JavaScript h font size rem img width max width px transition all s ease in section background color dbeeb height vh display flex justify content center align items center overflow hidden section background color fff hidden opacity transform translateX The resulting layoutGreat we have our basic webpage set up now let s dive into JavaScript and talk about the Intersection Observer Implementing the Intersection Observer APITo use the intersection observer API we need to start by first creating one using its default object constructor function new IntersectionObserver This constructor function is basically an in built function in JavaScript that is responsible for creating an observer that we can then use to observe our target element and this constructor has two parameters that take in two arguments The first argument is a callback function that is called when there is an intersection with the observed element Remember what a callback function is Simply a normal function that is passed to another function as that functions argument so basically the Intersection Observer is given a function to call when there is an intersection The second argument is an object containing options to customize the observer This argument is actually optional and can be left out if not provided the observer will use its default options more on that later Now let s create an Intersection Observer Firstly let s select the target element we want to observe const section document querySelector section Then let s create an observer to observe this section elementConst theObserver IntersectionObserver callbackFunction options Once we have created an observer we have to tell the observer what target element to observe using its built in observe method on the observer This method receives the target element to be observed as its argument So let s do just that theObserver observe section Let s go through what we just did now we first selected a target element to be observed section then created an observer theObserver and finally we told the observer what to observe by passing the target element to be observed into the observer using the observe method That s it we have everything set up the only problem is we have neither defined our callbackFunction nor the options object so they are currently undefined The Options ObjectNow let s define the options that we initially passed into the observer constructor on creation as it is still linked to nothing at the moment I ll start with defining the options object recall that this is used to customize the observer and then explain each property inside Note Because an object can not be hoisted used before it is defined to avoid errors it should always be defined at the top before passing it to the observer or the actual object itself can be passed as an argument to the Observer when creating the observer With that in mind let s rewrite the JavaScript code we have written so far in the appropriate order const section document querySelector section const options root null threshold rootMargin px const theObserver new IntersectionObserver callbackFunction options theObserver observe section root This is where we specify what exact root element we want our observed element to intersect against The root is usually an ancestor of the target element in the DOM i e a container or parent element of the observed element The value is set to null if we want the observed element to intersect with the entire browser s viewport that s the default value Think of the root element as a rectangular “capturing frame that the observed target element needs to make contact with threshold The threshold is basically the percentage of the observed target that should come into view before it can be considered an intersection Confused Well do you want the target element to completely come into view become visible before triggering the callback or do you want just a fraction of it to be visible in the browser s viewport before running the callback That s what you have to specify as the threshold The threshold receives a numeric value between and which represents the percentage in which the target intersects the root Meaning represents is is and is The default value is which means the intersection occurs as soon as the observed element hits even px of the root about to come into view The received value can either be a single value which means you want the target element to make a single intersection or multiple values in an array which means you want the target element to make multiple intersections and to run the callback for each intersection The intersection is triggered each time the target element is making an entry or exiting the root viewport Meaning if the threshold is the intersection will occur when of the element is visible and another intersection will occur when it is leaving the viewport rootMargin Because the root element is considered to be a rectangular frame bounding box with four sides margins positive or negative can be applied to the root element just like in CSS to grow or shrink its frame of intersection Recall that the browser s viewport is our root element which is a rectangular frame and we set the threshold to that means the intersection should occur when of the observed element comes into view Now we also went ahead to set the rootMargin to px this will shrink the intersection frame by px and the intersection will no longer occur at our specified threshold but would instead wait until another px of the target element has come into view after the initial think of it as adding px to the If the margin was set to px the intersection would be triggered while the observed element was still px away from the threshold the negative margin shrinks the frame of intersection while the positive margin grows it pushes it outwards The Callback FunctionWe can now define our callback function which is the last piece of the puzzle So let s define the function but we won t do anything with it just yet because we have to first take a look at the behaviour of the Intersection Observer and how it actually works When a webpage with an Intersection Observer is initially loaded for the first time the Observer always fires the provided callback function once by default regardless of an actual intersection or not I know it s a weird behaviour When this occurs the observer passes an entries array to the callback function and this entries array itself contains an IntersectionObserverEntryobject inside of it This object contains several properties that describe the intersection between the target element and its root container Enough talk let s define the callback function so we can see the object itself function callbackFunction entries console log entries We have defined the callback and provided an entries parameter for the observer to pass its observations and we are logging to the console the actual argument that is passed into the parameter when the callback is fired If we now load the site and open up the dev tool below is what we see As you can see in the dev tool the entries contain several details about the intersection you can explore each of these properties on your own but in this article we ll only be looking at the following target This is the actual element that is being observed by the observer for an intersection with the root element isIntersecting This returns a Boolean value of true if the target element being observed is currently intersecting if the threshold of the target element has intersected with the root element or false if that s not the case isVisible This returns a Boolean value of true or false which indicates whether or not the target element being observed is currently visible in the browser s viewport Now that we understand what returned values these properties contain we can now write a proper function that checks the entries object to see if our target element has intersected with the browser s viewport and to do something with that info But before proceeding to the callback let s select the content we wish to reveal on Intersection const imgContent document querySelector img Now let s define the callback before going through it line by line function callBackFunction entries const entry entries if entry isIntersecting imgContent classList remove hidden else imgContent classList add hidden Now let s dissect the function line by line const entry entries Recall that the Observer passes an entries array to the callback containing an IntersectionObserverEntry object I simply deconstructed extracted the object in the array and stored it in an entry variable to make it easier to directly access the properties of interest stored in that object if entry isIntersecting imgContent classList remove hidden Afterwards we check the isIntersecting property to see if our target element the target section has intersected with the viewport If the value is true we remove the hidden class that we initially created in our CSS from the image to reveal it you might be wondering why we are removing a hidden class that we never did add to the image the else block below is your answer else imgContent classList add hidden Else if the isIntersectingvalue is false we add the hidden class to the image But do you recall that the callback function gets fired once by the Observer when we load the webpage When this happens the initial entry is passed to our function Since there is no Intersection this else block will run thereby hiding our image on load That s all our webpage should now behave as expectedExcuse the lag in the recording my screen recorder was acting up But as you can see as we scroll towards the observed section once of the element comes into view we ought to get an Intersection but because we set the rootMargin to px the Intersection will now occur when the target section scrolls another px into view then an Intersection is triggered and the callback is fired The image then gets revealed and slides back into its original position as the hidden class gets removed And as the observed section scrolls out of view exits the callback is fired again by the Observer If you can recall we discussed how the observer is fired on entry and again fired when exiting the viewport and since the second time there is no actual intersection the hidden class is added again and the image is hidden as we scroll out of view here is the entire JavaScript code we wrote const section document querySelector section const imgContent document querySelector img const objOptions root null threshold rootMargin px const sectionObserver new IntersectionObserver callBackFunction objOptions sectionObserver observe section function callBackFunction entries const entry entries console log entry if entry isIntersecting imgContent classList remove hidden else imgContent classList add hidden Source Code Demo ConclusionCongrats You have successfully implemented a basic Intersection but there are a few things I didn t get to cover as the article was getting too long We did not cover how to observe multiple elements nor did we discuss how to unobserve an element after Intersection For this I ll make part two of this article where we cover these and also build another webpage where we observe multiple sections and do something for each of their respective Intersection And if you were wondering what else you could do with the IntersectionObserver your imagination is the limit you could implement an Infinite scrolling page a lazy loading feature a sticky menu and so much more I ll probably make more tutorials covering these features so stay tuned If you found this article helpful in any way do well to like and follow for more contents And if you ve got any questions or spot any errors please do well to leave some feedback as this is my first technical article References MDN Web Docs W Org	2021-05-22 09:43:40
海外ニュース	Japan Times latest articles	Hokkaido logs 658 new COVID-19 cases as Tokyo confirms 602	https://www.japantimes.co.jp/news/2021/05/22/national/coronavirus-japan-may-22/	covid	2021-05-22 18:19:46
ニュース	BBC News - Home	Diana interview: Still unanswered questions - Tory MP	https://www.bbc.co.uk/news/uk-57209829	julian	2021-05-22 09:17:56
ニュース	BBC News - Home	Mayhill: 'Enhanced' police patrols after officers hurt in riot	https://www.bbc.co.uk/news/uk-wales-57207947	swansea	2021-05-22 09:16:32
ニュース	BBC News - Home	Pacquiao, 42, to face world champion Spence in first fight since 2019	https://www.bbc.co.uk/sport/boxing/57211345	august	2021-05-22 09:30:30
LifeHuck	ライフハッカー［日本版］	暗闇で光る自転車リフレクター「FLECTR」が登場	https://www.lifehacker.jp/2021/05/234848-machi-ya-flectr-start.html	flectr	2021-05-22 19:00:00
北海道	北海道新聞	米朝交渉、首脳主導から転換　バイデン氏、実務対話を重視	https://www.hokkaido-np.co.jp/article/546854/	米大統領	2021-05-22 18:16:00
北海道	北海道新聞	菅首相「正すべき点は正す」　参院広島敗北、テレビ会議で	https://www.hokkaido-np.co.jp/article/546853/	自民党総裁	2021-05-22 18:15:00
北海道	北海道新聞	横浜の逃げたニシキヘビ発見　体長３・５ｍ、アパート屋根裏で	https://www.hokkaido-np.co.jp/article/546842/	横浜市戸塚区名瀬町	2021-05-22 18:02:14
北海道	北海道新聞	Ｗ杯２年に１度開催の影響検証　ＦＩＦＡ、サウジ提案を承認	https://www.hokkaido-np.co.jp/article/546851/	国際サッカー連盟	2021-05-22 18:04:00
北海道	北海道新聞	六大学野球、立大が逆転勝ち　優勝争いは慶大と	https://www.hokkaido-np.co.jp/article/546850/	優勝争い	2021-05-22 18:01:00