投稿時間:2021-10-03 20:17:47 RSSフィード2021-10-03 20:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	【AtCoder解説】PythonでABC221のA,B,C,D問題を制する！	https://qiita.com/u2dayo/items/426ab7ca222885c4ca5f	コードABmapintinputsplitprintABB問題『typo』問題ページBtypo灰コーダー正解率茶コーダー正解率緑コーダー正解率入力ST長さの同じ文字列長さは文字以上文字以下考察『Sの隣り合う文字を選び、入れ替える』という操作を高々回回以上回以下行って、SとTを同じ文字列にできるかどうかを判定します。	2021-10-03 19:56:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	html 画面の中心に検索ボックスを表示させる方法が知りたい。	https://teratail.com/questions/362557?rss=all	backgroundcolorbbodycolor	2021-10-03 19:42:09
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	iosのOneSignalでエラーが表示される。	https://teratail.com/questions/362556?rss=all	iosのOneSignalでエラーが表示される。	2021-10-03 19:28:15
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ejsでJSON使ってテーブルで一覧を作成しているのですが、次の一覧がループできません	https://teratail.com/questions/362555?rss=all	ejsでJSON使ってテーブルで一覧を作成しているのですが、次の一覧がループできませんこちらに次のループで管理ページを追加したいのですがうまくできなくて。	2021-10-03 19:21:55
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	iosのHTTPSの通信でエラーが表示される。	https://teratail.com/questions/362554?rss=all	iosのHTTPSの通信でエラーが表示される。	2021-10-03 19:19:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	表示機能の中にFizz-Buzzに変換したものを組み込む方法	https://teratail.com/questions/362553?rss=all	表示機能の中にFizzBuzzに変換したものを組み込む方法フォームに入力された数値を、ファイルに追記で記録し、その内容を画面に表示する。	2021-10-03 19:17:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CentOS7でApacheのデフォルトページを表示したいです	https://teratail.com/questions/362552?rss=all	CentOSでApacheのデフォルトページを表示したいです前提・実現したいことCentOSに付属するApacheを使って、Webサーバを構築しています。	2021-10-03 19:03:49
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【ちょっとした実験】ゲームのバトルマッチシステムの妥当性をシミュレーションする	https://qiita.com/hakua-doublemoon/items/a583f2f8cd04a91d9c9e		2021-10-03 19:29:20
海外TECH	DEV Community	Building a Tailwind CSS button group component	https://dev.to/themesberg/building-a-tailwind-css-button-group-component-o51	Building a Tailwind CSS button group componentI ve been using Tailwind CSS for quite some time and I am in love with how easy it is to set up user interfaces directly from your HTML React Vue or other templating files One thing that I noticed is that it is quite bothersome when I have to start a new project not having a set of components to work with out of the box This is why I started a tutorial series on how to build some of the most commonly used web components with the utility classes from Tailwind CSS Last time I talked about how you can build a Tailwind CSS button component including different styles and using SVG icons as well Today I want to talk about how you can create a group of buttons stacked together that you can use for more advanced user interfaces Let s get started Tailwind CSS button group componentFirst of all I want to specify the fact that the button component can either be a link using the lt a gt tag or simply just a lt button gt element We ll start with using the lt button gt element and create the basic HTML that we ll need for this component lt div role group gt lt button type button gt Flowbite lt button gt lt button type button gt Tailwind lt button gt lt button type button gt The Practical Dev lt button gt lt div gt Notice that we ve added the role group attribute to the parent div element This helps browsers identify it as a group of components stacked together which in turn helps people with disabilities browse your website more easily Next up we should add some styles to the parent div element to stack the buttons together lt div class inline flex shadow sm rounded md role group gt lt button type button gt Flowbite lt button gt lt button type button gt Tailwind lt button gt lt button type button gt The Practical Dev lt button gt lt div gt Now let s apply some styles to the button components lt div class inline flex shadow sm rounded md role group gt lt button class rounded l lg border border gray bg white text sm font medium px py text gray type button gt Flowbite lt button gt lt button class border t border b border gray bg white text sm font medium px py text gray type button gt Tailwind lt button gt lt button class rounded r md border border gray bg white text sm font medium px py text gray type button gt The Practical Dev lt button gt lt div gt Notice that the button in the middle has only a top and border bottom All of the buttons between the first and last element should only have a border on the Y axis to prevent a wider border between the elements Now let s add some hover and focus styles to the buttons as well lt div class inline flex shadow sm rounded md role group gt lt button type button class rounded l lg border border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue gt Flowbite lt button gt lt button type button class border t border b border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue gt Tailwind lt button gt lt button type button class rounded r md border border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue gt The Practical Dev lt button gt lt div gt Awesome We re done with the first button group component It should look something like this Button group as linksYou can also use the button group components as a stack of links lt div class inline flex shadow sm rounded md gt lt a href aria current page class rounded l lg border border gray bg white text sm font medium px py hover bg gray text blue focus z focus ring focus ring blue focus text blue gt Profile lt a gt lt a href class border t border b border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue gt Settings lt a gt lt a href class rounded r md border border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue gt Messages lt a gt lt div gt Button group with iconsYou can also use SVG icons with the button group element lt div class inline flex shadow sm rounded md role group gt lt button type button class rounded l lg border border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue inline flex items center gt lt svg class w h mr fill current fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a zm a zm a A a A z clip rule evenodd gt lt path gt lt svg gt Profile lt button gt lt button type button class border t border b border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue inline flex items center gt lt svg class w h mr fill current fill currentColor viewBox xmlns gt lt path d M a va Va v a VzM a va Va Va VzM a va Va v a Va z gt lt path gt lt svg gt Settings lt button gt lt button type button class rounded r md border border gray bg white text sm font medium px py text gray hover bg gray hover text blue focus z focus ring focus ring blue focus text blue inline flex items center gt lt svg class w h mr fill current fill currentColor viewBox xmlns gt lt path fill rule evenodd d M A Hvl a l a l a L Vha A zm HVa vz clip rule evenodd gt lt path gt lt svg gt Downloads lt button gt lt div gt That s all for now I hope you liked this tutorial Flowbite Tailwind component libraryThis Tailwind CSS button group component is part of a larger open source component library called Flowbite You can view more components and examples by checking out Flowbite s Tailwind components documentation	2021-10-03 10:44:38
ニュース	BBC News - Home	Conservative conference: Boris Johnson refuses to rule out further tax rises	https://www.bbc.co.uk/news/uk-politics-58779160?at_medium=RSS&at_campaign=KARANGA	fiscal	2021-10-03 10:27:08
ニュース	BBC News - Home	Sarah Everard murder: We'll stop at nothing to jail more rapists - PM	https://www.bbc.co.uk/news/uk-58779629?at_medium=RSS&at_campaign=KARANGA	everard	2021-10-03 10:34:51
ニュース	BBC News - Home	Jurgen Klopp: Liverpool manager says vaccine is 'not a limit on freedom'	https://www.bbc.co.uk/sport/football/58775881?at_medium=RSS&at_campaign=KARANGA	coronavirus	2021-10-03 10:43:32
ニュース	BBC News - Home	Watford sack manager Munoz after 10 months in job	https://www.bbc.co.uk/sport/football/58778752?at_medium=RSS&at_campaign=KARANGA	negative	2021-10-03 10:52:53
LifeHuck	ライフハッカー［日本版］	心理学者が提唱する、いい人生を送るために最も大切なこと	https://www.lifehacker.jp/2021/10/the-most-important-thing-for-living-a-fulfilling-life.html	psychologicalreview	2021-10-03 20:00:00
北海道	北海道新聞	日３―２西（３日）　日本ハムがサヨナラ勝ち	https://www.hokkaido-np.co.jp/article/595967/	日本ハム	2021-10-03 19:18:26
北海道	北海道新聞	後志管内の感染者ゼロ　３日連続　新型コロナ	https://www.hokkaido-np.co.jp/article/596002/	新型コロナウイルス	2021-10-03 19:16:00
北海道	北海道新聞	ＳＲ渋谷、川崎など２連勝　バスケＢリーグ１部	https://www.hokkaido-np.co.jp/article/596001/	青山学院	2021-10-03 19:14:00
北海道	北海道新聞	＜ここが聞きたい＞浦河に来春「森のようちえん」オープン　学校法人フレンド恵学園理事長・伊原鎮さん（５１）　考える力、外遊びで育成	https://www.hokkaido-np.co.jp/article/596000/	学校法人	2021-10-03 19:08:00
北海道	北海道新聞	Ｊ１名古屋、９試合ぶり黒星　徳島は残留圏１６位に	https://www.hokkaido-np.co.jp/article/595999/	黒星	2021-10-03 19:05:00
北海道	北海道新聞	佳子さま、手話甲子園を視聴　開会式にビデオメッセージ	https://www.hokkaido-np.co.jp/article/595998/	佳子さま	2021-10-03 19:05:00
北海道	北海道新聞	酒蔵でねぶたばやし演奏、青森　新銘柄の美味願い	https://www.hokkaido-np.co.jp/article/595997/	青森県七戸町	2021-10-03 19:02:00
北海道	北海道新聞	日胆の感染者ゼロ　新型コロナ	https://www.hokkaido-np.co.jp/article/595996/	新型コロナウイルス	2021-10-03 19:02:00
IT	週刊アスキー	家庭用版としては初AUTO機能を実装『スーパーロボット大戦30』をTGS2021で体験	https://weekly.ascii.jp/elem/000/004/070/4070981/	幕張メッセ	2021-10-03 19:45:00