投稿時間:2022-07-31 18:22:17 RSSフィード2022-07-31 18:00 分まとめ(27件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] Teslaからの警告　ルールと実態の乖離問題をどう解決するのか	https://www.itmedia.co.jp/news/articles/2207/31/news073.html	itmedianewstesla	2022-07-31 17:44:00
python	Pythonタグが付けられた新着投稿 - Qiita	numpy.bincount()で配列の非負整数をカウント	https://qiita.com/rucolarucola/items/6359efbae5804afbc9b5	pythoni	2022-07-31 17:43:20
python	Pythonタグが付けられた新着投稿 - Qiita	Webスクレイピング　ハンズオン	https://qiita.com/Yuta0222/items/e749cbae1dfc679cb51d	開発	2022-07-31 17:24:24
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Rails】現場Railsプロセス -Chapter3-タスク管理アプリケーションを作ろう	https://qiita.com/Ittetsu_Watanabe/items/5a2b83d166714e596277	chapter	2022-07-31 17:48:30
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rails及びDocker環境でのpry-railsのデバッグ方法	https://qiita.com/zakino123/items/f2bd778e5169bb5b7a86	docker	2022-07-31 17:39:29
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Ruby on Rails】検索結果のレコードを並び替える	https://qiita.com/ma__sa/items/35d7cff12c5a4e4b57ba	rubyonrails	2022-07-31 17:24:15
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Railsを久しぶりに触ったので整理してみた	https://qiita.com/kandalog/items/264b205f58302b4dff79	dleinstallrailsnewdpostgr	2022-07-31 17:01:58
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Windows11にUbuntu（WSL）をインストール	https://qiita.com/falya128/items/f19b8b684a27f839c284	powershell	2022-07-31 17:28:55
Docker	dockerタグが付けられた新着投稿 - Qiita	Rails及びDocker環境でのpry-railsのデバッグ方法	https://qiita.com/zakino123/items/f2bd778e5169bb5b7a86	docker	2022-07-31 17:39:29
Docker	dockerタグが付けられた新着投稿 - Qiita	ゼロからDocker環境構築(MacOS、Docker Desktop)	https://qiita.com/TakayoshiK/items/cb941118a3d3e7e8b741	desktopdockerdesktop	2022-07-31 17:26:08
GCP	gcpタグが付けられた新着投稿 - Qiita	【GCPSketchnote】GCPサービスガイド - コンピュートオプションの選び方編　〜GCE、GKE、Cloud Run、GCF、GAE〜	https://qiita.com/Rihib/items/ae5dc9b9fbedec3d4e62	cloudrun	2022-07-31 17:11:45
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】現場Railsプロセス -Chapter3-タスク管理アプリケーションを作ろう	https://qiita.com/Ittetsu_Watanabe/items/5a2b83d166714e596277	chapter	2022-07-31 17:48:30
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rails及びDocker環境でのpry-railsのデバッグ方法	https://qiita.com/zakino123/items/f2bd778e5169bb5b7a86	docker	2022-07-31 17:39:29
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Ruby on Rails】検索結果のレコードを並び替える	https://qiita.com/ma__sa/items/35d7cff12c5a4e4b57ba	rubyonrails	2022-07-31 17:24:15
Ruby	Railsタグが付けられた新着投稿 - Qiita	Railsを久しぶりに触ったので整理してみた	https://qiita.com/kandalog/items/264b205f58302b4dff79	dleinstallrailsnewdpostgr	2022-07-31 17:01:58
技術ブログ	Developers.IO	AMI作成用EC2インスタンスのボリュームサイズ設定の注意点	https://dev.classmethod.jp/articles/ami-ec2-volume-size/	tsukuboshi	2022-07-31 08:33:51
海外TECH	DEV Community	How to install Tailwind CSS inside a Next.js project	https://dev.to/themesberg/how-to-install-tailwind-css-inside-a-nextjs-project-2kea	How to install Tailwind CSS inside a Next js projectIn this tutorial you will learn how to set up Tailwind CSS inside a Next js project and optionally also install the Flowbite React package to get started with open source components Disclaimer this tutorial has been first published on the Tailwind CSS Next js integration guide from the Flowbite Docs Next js is a popular web development framework based on the React library that enables server side rendering and generating static websites improving development time and website performance This technology is being used by hundreds of thousands of developers and companies such as Vercel Netflix TikTok Twitch Hulu Nike and HBO Max since its original release in By following this guide you will learn how to properly set up Tailwind CSS with the Flowbite React components inside an existing or new Next js project RequirementsMake sure that you have Node js installed on your computer to be able to install Next js Tailwind CSS and Flowbite using NPX and NPM Create a new projectRun the following command to create a new starter Next js project npx create next app latest typescriptcd my appThis command will install all of the necessary dependencies and boilerplate files for a basic Next js project Run the following command in your terminal to start a local server npm run devThis will make local development accessible via the browser on http localhost Run the following command to build the project files npm run build Install Tailwind CSSAfter you have a working Next js project the next step would be to follow the installation guide for Tailwind CSS Install Tailwind CSS PostCSS and Autoprefixer using NPM npm install D tailwindcss postcss autoprefixerCreate a new tailwind config js and postcss config js file by running the following command in your terminal npx tailwindcss init pThe p flag will also generate the PostCSS configuration file Configure the template paths inside the Tailwind CSS configuration file type import types tailwindcss tailwind config TailwindConfig module exports content pages ts tsx public html plugins theme This is needed in order to look for all of the class names inside the project and only include the used ones in the finall CSS file Replace the contents of the styles globals css file and import the following directives tailwind base tailwind components tailwind utilities With this last change you should now have a proper Next js and Tailwind CSS configuration set up Follow the steps of the next section in this tutorial to start using a library of open source React components based on Tailwind CSS Install Flowbite ReactFlowbite React is an open source set of interactive React components based on the Tailwind CSS utility first framework featuring interactive elements such as modals navbars dropdowns carousels and more Install the main Flowbite package and Flowbite React via NPM by running the following command npm install flowbite flowbite react saveRequire Flowbite as a plugin inside the tailwind config js file type import types tailwindcss tailwind config TailwindConfig module exports content pages ts tsx public html plugins require flowbite plugin theme Add the source code in the template paths to make sure that dynamic classes from the library will be compiled type import types tailwindcss tailwind config TailwindConfig module exports content node modules flowbite react js pages ts tsx public html plugins require flowbite plugin theme Now that you have successfully installed Flowbite React you can start using the components from the library Flowbite componentsTo get you started you can check out the full collection of React components from the Flowbite React repository and browse the documentation for the source code of each component Here s an example of how you can use the alert component by importing it from the flowbite react package import Alert from flowbite react export default function MyPage return lt Alert color info gt Alert lt Alert gt Here s another example of how you can use the dropdown component import Dropdown from flowbite react lt Dropdown label Dropdown button gt lt Dropdown Item gt Dashboard lt Dropdown Item gt lt Dropdown Item gt Settings lt Dropdown Item gt lt Dropdown Item gt Earnings lt Dropdown Item gt lt Dropdown Item gt Sign out lt Dropdown Item gt lt Dropdown gt Finally another example on how you can use the navbar component import Navbar from flowbite react lt Navbar fluid true rounded true gt lt Navbar Brand href gt lt img src className mr h sm h alt Flowbite Logo gt lt span className self center whitespace nowrap text xl font semibold dark text white gt Flowbite lt span gt lt Navbar Brand gt lt Navbar Toggle gt lt Navbar Collapse gt lt Navbar Link href navbars active true gt Home lt Navbar Link gt lt Navbar Link href navbars gt About lt Navbar Link gt lt Navbar Link href navbars gt Services lt Navbar Link gt lt Navbar Link href navbars gt Pricing lt Navbar Link gt lt Navbar Link href navbars gt Contact lt Navbar Link gt lt Navbar Collapse gt lt Navbar gt To learn more about Flowbite React make sure to check out to the repository and the main website Next js starter projectWe have also created an open source Next js starter project that has Tailwind CSS and Flowbite React set up beforehand and you can go ahead and clone it by checking out the repository on GitHub Disclaimer this tutorial has been first published on the Tailwind CSS Next js integration guide from the Flowbite Docs	2022-07-31 08:41:00
ニュース	BBC News - Home	Southern Ukraine city Mykolaiv heavily shelled by Russians	https://www.bbc.co.uk/news/world-europe-62367356?at_medium=RSS&at_campaign=KARANGA	odesa	2022-07-31 08:08:48
ニュース	BBC News - Home	Commonwealth Games: England weightlifter Fraer Morrow's shock at bronze medal	https://www.bbc.co.uk/sport/commonwealth-games/62367760?at_medium=RSS&at_campaign=KARANGA	Commonwealth Games England weightlifter Fraer Morrow x s shock at bronze medalEngland s Fraer Morrow said she did not immediately realise she had won a medal after taking bronze in the Commonwealth Games women s kg weightlifting	2022-07-31 08:34:28
ニュース	BBC News - Home	Day-by-day guide & schedule	https://www.bbc.co.uk/sport/commonwealth-games/62222629?at_medium=RSS&at_campaign=KARANGA	birmingham	2022-07-31 08:12:31
北海道	北海道新聞	＜小樽市長選＞現職と新人２人が届け出	https://www.hokkaido-np.co.jp/article/712240/	任期満了	2022-07-31 17:36:45
北海道	北海道新聞	ロシア、古都で海上軍事パレード　プーチン大統領出席	https://www.hokkaido-np.co.jp/article/712346/	軍事パレード	2022-07-31 17:36:00
北海道	北海道新聞	東京で３万１５４１人感染　コロナ、８人死亡	https://www.hokkaido-np.co.jp/article/712345/	新型コロナウイルス	2022-07-31 17:36:00
北海道	北海道新聞	イタイイタイ病患者を認定へ　富山市の９１歳女性、２０１人目	https://www.hokkaido-np.co.jp/article/712343/	健康被害	2022-07-31 17:27:00
北海道	北海道新聞	安倍元首相国葬に反対５３％　内閣支持１２ポイント急落、５１％に	https://www.hokkaido-np.co.jp/article/712341/	世論調査	2022-07-31 17:21:30
北海道	北海道新聞	楽天・伊藤「長打力をアピール」　ＤｅＮＡからトレードで加入	https://www.hokkaido-np.co.jp/article/712342/	楽天生命	2022-07-31 17:19:00
北海道	北海道新聞	日露戦争宣戦布告の詔勅草案発見　「露国の欲望は延ひて」と非難	https://www.hokkaido-np.co.jp/article/712340/	内閣書記官長	2022-07-31 17:07:00