投稿時間:2021-06-12 16:22:02 RSSフィード2021-06-12 16:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	『Fallout 76』バトルロイヤルモード9月終了へ。過疎化が進行	https://japanese.engadget.com/fallout-76-battle-royale-mode-ends-sep-064038156.html	fallout	2021-06-12 06:40:38
TECH	Engadget Japanese	ワイヤレスイヤホン内蔵。多彩な機能を搭載したスマートウォッチ「ALL IN ONE X6」	https://japanese.engadget.com/all-in-one-x-6-060010079.html		2021-06-12 06:00:10
IT	MOONGIFT	Trombone.js - Web上で奏でるトロンボーン	http://feedproxy.google.com/~r/moongift/~3/rFs13KPX-48/	trombonejs	2021-06-12 17:00:00
TECH	Techable（テッカブル）	アライアンスクラウド、経営者・決裁者向けの2つのサービスをリリース！	https://techable.jp/archives/156377	面談	2021-06-12 06:00:34
python	Pythonタグが付けられた新着投稿 - Qiita	Gitの内部データ構造をGraphvizで描画してみた 第4回 ワークツリーとインデックスとblob	https://qiita.com/kazurayam/items/66e8ecb7f3315e494040	ステップgitaddしたらインデックスとblobが更新されたではgitaddしよう。	2021-06-12 15:43:56
python	Pythonタグが付けられた新着投稿 - Qiita	JupyterNotebookでファイルを作成しようとするとpermission deniedとなる	https://qiita.com/Sicut_study/items/1369c30c50e32f6ee2c8	Dockerfileを以下のように変更します。	2021-06-12 15:41:30
python	Pythonタグが付けられた新着投稿 - Qiita	Sphinxでrecommonmarkを使用する際の問題と対策	https://qiita.com/AngryMane/items/6c1a5c8847f62bad7897	Sphinxでrecommonmarkを使用する際の問題と対策概要recommonmarkを使うと、Sphinxは全てのドキュメントを毎回ビルドし直しますそもそも当該エクステンションはdeprecatedなエクステンションなので、mystparserを使う方法を調べました目次全てのドキュメントを毎回ビルドし直す問題mystparserの使用方法mystparserをインストールするconfpyを編集するmakeする全てのドキュメントを毎回ビルドし直す問題recommonmarkを使用すると、全てのドキュメントが毎回再生成される現象が発生します。	2021-06-12 15:37:33
python	Pythonタグが付けられた新着投稿 - Qiita	Kaggleのタイタニックに挑戦してみた（その１）	https://qiita.com/pocokhc/items/f20b1518fb36f4ad0d00	また、Cabinは欠損値の割合が多いので今回は説明変数に含めない方向で対処します。	2021-06-12 15:24:17
python	Pythonタグが付けられた新着投稿 - Qiita	【YOLO v5】Google Colaboratory で学習してみる	https://qiita.com/DiNOV-Tokyo/items/1333ff4a6d9b4b5b79c0	すでにYOLOv用に編集されていますから、ダウンロードするだけですぐに使えます。	2021-06-12 15:21:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	レスポンシブ対応でデザインが崩れます	https://teratail.com/questions/343620?rss=all	レスポンシブ対応でデザインが崩れます表題の通り、「レスポンシブ対応」でwidthnbsp未満になるとデザインが崩れてしまうため、質問しました。	2021-06-12 15:56:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Pythonでスクレイピングのためのコードをシンプルにしたい	https://teratail.com/questions/343619?rss=all	Pythonでスクレイピングのためのコードをシンプルにしたい前提・実現したいことPythonでスクレイピングの自己研修をしています。	2021-06-12 15:53:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	herokuでデプロイしたwebアプリのサイズがローカルのものより小さくなる	https://teratail.com/questions/343618?rss=all	heroku	2021-06-12 15:51:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	sharpをインストールできない（Windows）	https://teratail.com/questions/343617?rss=all	sharp を インストール でき ない Windowsgatsby で yarnnbspinstall する と エラー が で ます 。	2021-06-12 15:51:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	データフレームにif文、for文を適用させて特定のデータをリスト化したい	https://teratail.com/questions/343616?rss=all	実現したいこと赤線で引いたように、条件に合ったDayのデータを抽出したいです。	2021-06-12 15:31:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	apacheを用いてformからGETで得られたデータをcgiを用いて表示させたい	https://teratail.com/questions/343615?rss=all	apacheを用いてformからGETで得られたデータをcgiを用いて表示させたいwindowsOSにてapacheのルートディレクトリに以下のようなhtmlを作成いたしました。	2021-06-12 15:28:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	rest api を使ってワードプレスの記事更新する方法(PHP)	https://teratail.com/questions/343614?rss=all	restapiを使ってワードプレスの記事更新する方法PHP【やりたいこと】PHPでワードプレスの記事を更新したい。	2021-06-12 15:24:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Firebase][Unity]Firebaseからのデータ取得を待って次の処理を実行	https://teratail.com/questions/343613?rss=all	FirebaseUnityFirebaseからのデータ取得を待って次の処理を実行前提・実現したいことFirebaseに保存してあるデータを取り出すメソッドと、その値を元に処理を行うメソッドがあります。	2021-06-12 15:19:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【WordPress】RSSで表示されるアイキャッチ画像の設定を変更したい	https://teratail.com/questions/343612?rss=all	これを記事投稿画面のアイキャッチ画像で設定したものが表示されるように変更したいです。	2021-06-12 15:13:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Python リストのサブクラス	https://teratail.com/questions/343611?rss=all	Pythonリストのサブクラス前提・実現したいこと大学のプログラミング入門の授業での問が分かりませんのでご教授お願いしますStackをlistのサブクラスとして定義しする。	2021-06-12 15:05:07
Ruby	Rubyタグが付けられた新着投稿 - Qiita	productionモードでサーバー起動した際のエラー対処法	https://qiita.com/yun02850266/items/3c63b5cb2906aedc6ffc	bconfighostsltltlocalhost	2021-06-12 15:05:21
Docker	dockerタグが付けられた新着投稿 - Qiita	JupyterNotebookでファイルを作成しようとするとpermission deniedとなる	https://qiita.com/Sicut_study/items/1369c30c50e32f6ee2c8	Dockerfileを以下のように変更します。	2021-06-12 15:41:30
Git	Gitタグが付けられた新着投稿 - Qiita	Gitの内部データ構造をGraphvizで描画してみた 第4回 ワークツリーとインデックスとblob	https://qiita.com/kazurayam/items/66e8ecb7f3315e494040	ステップgitaddしたらインデックスとblobが更新されたではgitaddしよう。	2021-06-12 15:43:56
海外TECH	DEV Community	A simple but customizable accordion component in Angular	https://dev.to/angular/a-simple-but-customizable-accordion-component-in-angular-ck0	A simple but customizable accordion component in AngularHow to create a super simple accordion component in Angular Using the power of content projection in Angular we are going to build an accordion expansion panel that can be customized in multiple ways AccordionsAccordions in general are vertically stacked lists of headers when clicked reveals some content Accordions or expandable sections are seen as part of almost all the UI libraries out there If we take a look at Angular material we have Expansion Panel ref and in Ng Bootstrap its called simple Accordion ref Building a custom accordionWhat we are gonna build is a much simpler version of these And as always the whole idea behind this is to help you explore some possibilities of Angular This blog post would be mostly about how we can use Content Projection ref in Angular to create reusable and customizable UI components We are not going to rely on any rd party library for building our component We are going to use Directives TemplateRef Animation etc in this post Planning it outIf we see the anatomy of an accordion component we need a main parent container to accommodate all the different items inside Each of the items will contain a header and a content part The content part is completely dynamic and we don t have to worry about it When it comes to the header there will be Default header with title and the toggle iconDefault header with custom titleCompletely custom header Building Accordion componentLet s start by creating a dedicated module for the component Here are the items that we need to create along with the module Accordion Parent ComponentAccordion Item DirectiveAccordion Header DirectiveAccordion Title DirectiveAccordion Content Directivelib ├ー accordion │ ├ー directives │ │ ├ー accordion item directive ts│ │ ├ー accordion content directive ts│ │ ├ー accordion title directive ts│ │ ├ー accordion header directive ts│ ├ー accordion component html│ ├ー accordion component css│ ├ー accordion component ts│ ├ー accordion module tsHere s how the module will look like import CommonModule from angular common import NgModule from angular core import AccordionComponent from accordion component import AccordionItem from directives accordion item directive import AccordionContent from directives accordion content directive import AccordionTitle from directives accordion title directive import AccordionHeader from directives accordion header directive NgModule declarations AccordionComponent AccordionItem AccordionContent AccordionTitle AccordionHeader imports CommonModule exports AccordionComponent AccordionItem AccordionContent AccordionTitle AccordionHeader export class AccordionModule We start with the directives first as most of them will be used as selectors and will not have any logic inside them We inject the TemplateRef so that we can get access to the template reference of the host elements where these directives are placed Content Directive Directive selector accordionContent export class AccordionContent constructor public templateRef TemplateRef lt any gt Header Directive Directive selector accordionHeader export class AccordionHeader constructor public templateRef TemplateRef lt any gt Title Directive Directive selector accordionTitle export class AccordionTitle constructor public templateRef TemplateRef lt any gt Item Directive Directive selector accordion item export class AccordionItem Input title Input disabled false ContentChild AccordionContent content AccordionContent ContentChild AccordionTitle customTitle AccordionTitle ContentChild AccordionHeader customHeader AccordionHeader In the item directive we set some Input for getting data from the user And We have taken the reference of the content title and the header using the ContentChild ref decorator This is how the title content and header will be passed in the template lt accordion item gt lt ng template accordionHeader gt ng template gt lt ng template accordionTitle gt ng template gt lt ng template accordionContent gt ng template gt lt accordion item gt Once we have the basic setup ready the main component is the AccordionComponent or the parent component Accordion componentWe have to essentially manage only a single state for managing the expanded items Component selector accordion templateUrl accordion component html styleUrls accordion component css changeDetection ChangeDetectionStrategy OnPush export class AccordionComponent expanded new Set lt number gt Decides if the single item will be open at once or not In collapsing mode toggling one would collapse others Input collapsing true ContentChildren AccordionItem items QueryList lt AccordionItem gt Make the toggle function available to be called from outside param index Index of the accordion item getToggleState index number gt return this toggleState bind this index toggleState index number gt if this expanded has index this expanded delete index else if this collapsing this expanded clear this expanded add index A Set is used to maintain the state of currently expanded accordion items A set guarantees distinct values ContentChildren AccordionItem items QueryList lt AccordionItem gt This will give us the accordion items in the template which can be used to iterate and display the contents in the view An input collapsing is taken from the user which defines the behavior of the accordion It tells the accordion whether to close other items when an item is expanded collapsing true will make sure there will be only one item open at a timecollapsing false means multiple items can be open at onceA function called toggleState is added which basically toggles the state of an item We pass the index of the item it will check and expand collapse the item The getToggleState function is a special one which I will discuss in a bit Accordion component templateLet s now see how this is all laid out lt section class accordion gt lt div ngFor let item of items index as i class accordion item class disabled item disabled class active expanded has i gt lt ng container ngTemplateOutlet item customHeader templateRef defaultHeader ngTemplateOutletContext implicit item index i toggle getToggleState i gt lt ng container gt lt div class accordion content class expanded expanded has i contentExpansion expanded has i expanded collapsed gt lt ng container ngTemplateOutlet item content templateRef gt lt ng container gt lt div gt lt div gt lt section gt lt ng template defaultHeader let item let index index gt lt header class accordion header click item disabled toggleState index gt lt ng container ngTemplateOutlet item customTitle templateRef defaultTitle gt lt ng container gt lt button class accordion toggle btn disabled item disabled gt lt svg xmlns viewBox width height gt lt path fill none d M hvHz gt lt path d M l L z gt lt svg gt lt button gt lt header gt lt ng template defaultTitle gt lt p class accordion title gt item title lt p gt lt ng template gt lt ng template gt We are just iterating over the items array Querylist which basically is a list of the accordion items passed inside our accordion component Content Projection lt ng container ngTemplateOutlet item customHeader templateRef defaultHeader ngTemplateOutletContext implicit item index i toggle getToggleState i gt lt ng container gt If the user has provided a custom header we use that template or we use our defaultHeader We use something called ngTemplateOutlet ref to project the template into the view ngTemplateOutletContext is used to pass some information into the template We pass item the current accordion item index index of the accordion item required for toggling it toggle a function that can be called to toggle the accordion item The toggle property is a function that has the current context and the index bound to it So whenever it s called that particular item will automatically be toggled without passing the index value to the function Also see that it s an arrow function that is the reason we can call the toggleState function with the proper context this getToggleState index number gt return this toggleState bind this index This is how we use the ngTemplateOutletContext lt ng template defaultHeader let item let index index gt lt ng template gt When let item is called it refers to the implicit property that we attached implicit item It just means that its the default value to use when the user didn t specify which property they want see how index is queried By adding let index index we are assigning the index property to a variable called index This would make the variable available to use within the template Finally lets see how we can use the component First thing is that the AccordionModule should be imported before it can be used Here are all the different ways you can use the component Basic usage lt accordion collapsing collapsing gt lt accordion item title Super simple Accordion gt lt ng template accordionContent gt lt div class p gt A simple and customizable accordion component lt div gt lt ng template gt lt accordion item gt lt accordion gt With Custom title lt accordion collapsing collapsing gt lt accordion item gt lt ng template accordionTitle gt lt div class flex space x gt lt p gt Custom Title lt p gt lt div gt lt ng template gt lt ng template accordionContent gt lt div class p gt This is a simple implementation where title part is custom lt div gt lt ng template gt lt accordion item gt lt accordion gt With Custom Header lt accordion collapsing collapsing gt lt accordion item title Super simple Accordion gt lt ng template accordionHeader let toggle toggle gt lt div class flex items center justify between px h bg purple gt lt p gt Custom Header lt span gt with custom toggle button lt span gt lt p gt lt div class flex space x gt lt button click toggle gt Toggle lt button gt lt div gt lt div gt lt ng template gt lt ng template accordionContent gt lt div class p gt This is a lt strong gt complete custom header lt strong gt implementation lt div gt lt ng template gt lt accordion item gt lt accordion gt See how the toggle function is first defined let toggle toggle and then used in the button lt button click toggle gt Toggle lt button gt This is how you can create a simple but a customizable accordion component in angular Bonus AnimationsI have added Angular animations for animating the content when the user toggles the accordion item Only two things have to be added for this First we need to defined our animation in the Component decorator ref Component removed for brevity animations trigger contentExpansion state expanded style height opacity visibility visible state collapsed style height px opacity visibility hidden transition expanded lt gt collapsed animate ms cubic bezier export class AccordionComponent and then in the template lt div class accordion content contentExpansion expanded has i expanded collapsed gt lt ng container ngTemplateOutlet item content templateRef gt lt ng container gt lt div gt We add the animation trigger to the div and pass the state based on the expanded condition This gives us a smooth animation when toggling the panel All the styles that are required for the accordion are in the accordion component css file TailwindCSS is used only for styling the main application Code and DemoDemo Code Connect with meTwitterGithubDo add your thoughts in the comments section Stay Safe ️	2021-06-12 06:38:09
Apple	AppleInsider - Frontpage News	Apple greenlit Trump request for lawmakers' data, suggests order slid under radar	https://appleinsider.com/articles/21/06/12/apple-greenlit-trump-request-for-lawmakers-data-suggests-order-slid-under-radar?utm_medium=rss	Apple greenlit Trump request for lawmakers x data suggests order slid under radarApple was unaware that a Trump administration request for data included information linked to two congressmen something it says would have been virtually impossible to understand without first parsing user accounts An explosive New York Times report on Thursday revealed former President Donald Trump s Justice Department leveraged Big Tech to snoop on members of the House Intelligence Committee and their staff in a bid to ferret out leaks New revelations reveal how the exercise was accomplished with little pushback from some of the companies involved In a follow up report on Friday The Times offers specifics on Apple Google and Microsoft s respective roles in Trump s plan Read more	2021-06-12 06:22:43
海外ニュース	Japan Times latest articles	Hong Kong democracy activist Agnes Chow released from prison	https://www.japantimes.co.jp/news/2021/06/12/asia-pacific/agnes-chow-released-prison/	media	2021-06-12 15:40:40
ニュース	BBC News - Home	21 June: End of England's Covid lockdown could be delayed by one month	https://www.bbc.co.uk/news/uk-57447632	england	2021-06-12 06:41:26
ニュース	BBC News - Home	Covid-19: June unlocking delay considered and honours for vaccine heroes	https://www.bbc.co.uk/news/uk-57450935	coronavirus	2021-06-12 06:00:44
ニュース	BBC News - Home	Sunrise social: 'It's great for your mental health'	https://www.bbc.co.uk/news/uk-northern-ireland-57435053	health	2021-06-12 06:06:26
ニュース	BBC News - Home	Bellator 260: Yaroslav Amosov dethrones Douglas Lima to capture welterweight title	https://www.bbc.co.uk/sport/mixed-martial-arts/57451419	connecticut	2021-06-12 06:28:19
ビジネス	ダイヤモンド・オンライン - 新着記事	竹本容器、株主優待の廃止と増配を発表し、配当利回 りが1.5倍に！ 12月末の株主はオリジナル容器入りの 特選品がもらえたが廃止され、配当予想を大幅増配に - 株主優待【新設・変更・廃止】最新ニュース	https://diamond.jp/articles/-/273857	竹本容器、株主優待の廃止と増配を発表し、配当利回りが倍に月末の株主はオリジナル容器入りの特選品がもらえたが廃止され、配当予想を大幅増配に株主優待【新設・変更・廃止】最新ニュース化粧品や食品のプラスチック製包装容器を手掛ける竹本容器が、株主優待の制度を廃止することを、年月日の時に発表した。	2021-06-12 15:10:00
LifeHuck	ライフハッカー［日本版］	多肉植物の育て方でよくある勘違い	https://www.lifehacker.jp/2021/06/how-to-keep-a-succulent-alive-because-its-trickier-tha.html	多肉植物	2021-06-12 16:00:00
北海道	北海道新聞	オークス馬ユーバーレーベン　新冠に里帰り　秋に向け調整	https://www.hokkaido-np.co.jp/article/554600/	里帰り	2021-06-12 15:08:48
北海道	北海道新聞	ロシア職員、出頭せず出国　軍事文献の不正入手事件	https://www.hokkaido-np.co.jp/article/554803/	会社経営	2021-06-12 15:06:00