投稿時間:2022-10-09 16:10:37 RSSフィード2022-10-09 16:00 分まとめ(9件)
カテゴリー等 | サイト名等 | 記事タイトル・トレンドワード等 | リンクURL | 頻出ワード・要約等/検索ボリューム | 登録日 |
---|---|---|---|---|---|
IT | ITmedia 総合記事一覧 | [ITmedia PC USER] PFUの「HHKB」「REALFORCE」が10月12日までおトクに買える! Amazonでクーポンコード配布中 | https://www.itmedia.co.jp/pcuser/articles/2210/09/news054.html | amazon | 2022-10-09 15:30:00 |
python | Pythonタグが付けられた新着投稿 - Qiita | ABC272をPythonとC++で | https://qiita.com/MoroeTachibana-oh/items/2128746896925fbaac5c | atcoderbeginnercontest | 2022-10-09 15:09:21 |
技術ブログ | Developers.IO | [セッションレポート]AWSサポートエンジニア怒濤のLTチャレンジ #jawsdays2022 #jawsdays #jawsug | https://dev.classmethod.jp/articles/jawsdays2022-a04-report/ | ashissan | 2022-10-09 06:54:13 |
海外TECH | DEV Community | NextJS portfolio setting up - part 2 | https://dev.to/dailydevtips1/nextjs-portfolio-setting-up-part-2-300c | NextJS portfolio setting up part In the last part we had an overall look at what we would build and I even gave you some homework to find an excellent design and analyze it into building blocks This article will look at setting up the project and installing all the dependencies we need Setting up the Next js projectThe basic Next js set up is quite forward these days so let s run through it First open your terminal and run the following command to create a new Next js project npx create next appOnce done it will install the project inside a folder whose name you picked in the CLI prompt Navigate to this folder in my case next portfolio cd next portfolioIf you are eager to see it work run npm run dev to start up the server However we will look into adding Tailwind CSS First Tailwind is an easy way to style the application neatly You can also opt for regular CSS if you are unfamiliar with it First install the needed dependencies npm install D tailwindcss latest postcss latest autoprefixer latestAfter that run the following command to initialize a tailwind config file npx tailwindcss init pOpen the project in your favorite editor and find the tailwind config js file Add the pages and components config into the content part like this type import tailwindcss Config module exports content pages js ts jsx tsx components js ts jsx tsx theme extend plugins Then we have to modify the styles global css to include the Tailwind imports import tailwindcss base import tailwindcss components import tailwindcss utilities While we are at it also remove some of the things we won t be needing styles Home module csspages apiAnd let s modify our pages index js file to see if Tailwind is working import Head from next head export default function Home return lt div gt lt Head gt lt title gt NextJS Portfolio lt title gt lt meta name description content Generated by create next app gt lt link rel icon href favicon ico gt lt Head gt lt main className grid place content center min h screen gt lt div className max w xs rounded overflow hidden shadow lg my gt lt div className px py gt lt div className font bold text xl mb gt Next Tailwind ️ lt div gt lt p className text grey darker text base gt Next and Tailwind CSS are a match made in heaven Check out this article on how you can combine these two for your next app lt p gt lt div gt lt div gt lt main gt lt div gt Now run your app npm run dev and visit http localhost to see it in action Alright that s our setup for today We created the project and added Tailwind to it Keep an eye out for tomorrow s article where we ll dive into layouts in Next js You can find the code for today on GitHub Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Facebook or Twitter | 2022-10-09 06:36:23 |
海外科学 | NYT > Science | Decades of Nuclear Reactor Strikes Predate Ukraine Power Plant Crisis | https://www.nytimes.com/2022/10/09/science/decades-of-nuclear-reactor-strikes-predate-ukraine-power-plant-crisis.html | Decades of Nuclear Reactor Strikes Predate Ukraine Power Plant CrisisAnalysts say the legacy of military attacks highlights the urgency of finding new ways to limit the rising dangers and prevent a repeat of the Zaporizhzhia takeover | 2022-10-09 06:59:05 |
海外ニュース | Japan Times latest articles | Japan says Britain may join CPTPP free trade pact this year | https://www.japantimes.co.jp/news/2022/10/09/business/japan-britain-trans-pacific-free-trade-pact/ | aspirants | 2022-10-09 15:26:40 |
海外ニュース | Japan Times latest articles | Shared sauna workspace incubates business collaboration | https://www.japantimes.co.jp/life/2022/10/09/general/nagoya-shared-sauna/ | nishi | 2022-10-09 15:30:10 |
海外ニュース | Japan Times latest articles | A tiny Tokyo apartment: ‘I wouldn’t live anywhere else’ | https://www.japantimes.co.jp/life/2022/10/09/general/japan-microapartments-youth/ | tokyo | 2022-10-09 15:02:05 |
ニュース | BBC News - Home | Crimea bridge: Russia ramps up security after blast | https://www.bbc.co.uk/news/world-europe-63189627?at_medium=RSS&at_campaign=KARANGA | connector | 2022-10-09 06:53:12 |
コメント
コメントを投稿