投稿時間:2022-11-19 19:11:10 RSSフィード2022-11-19 19:00 分まとめ(12件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	GASでUrlFetchAppでBasic認証で日本語ユーザー名で	https://qiita.com/yakumomo/items/4a219acd470422dc2b06	account	2022-11-19 18:54:45
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【ubuntu】bundle install > ruby: 誤ったインタプリタです: そのようなファイルやディレクトリはありません	https://qiita.com/sho037/items/7f8ac423f06a3302ab15	mntcrubyxbinbundleruby	2022-11-19 18:19:35
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	UbuntuにCockpitの最新バージョンをインストール	https://qiita.com/htshozawa/items/156586bfaf33a47fbee8	cockpit	2022-11-19 18:31:57
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	【ubuntu】bundle install > ruby: 誤ったインタプリタです: そのようなファイルやディレクトリはありません	https://qiita.com/sho037/items/7f8ac423f06a3302ab15	mntcrubyxbinbundleruby	2022-11-19 18:19:35
AWS	AWSタグが付けられた新着投稿 - Qiita	【超初心者】IAMユーザーの追加	https://qiita.com/iwajin/items/2cb0886aba80fddafee8	追加	2022-11-19 18:49:39
海外TECH	MakeUseOf	5 New Gmail Extensions That Help You Deep Work in the Inbox	https://www.makeuseof.com/gmail-extensions-deep-work/	New Gmail Extensions That Help You Deep Work in the InboxFrom adding notes and comments like Google Docs to sending voice notes via email these are some of the most productive new extensions for Gmail	2022-11-19 09:31:14
海外TECH	MakeUseOf	HTVRONT Auto Heat Press: Beginner-Friendly Heat Crafting at Wallet-Friendly Price	https://www.makeuseof.com/htvront-auto-heat-press-review/	HTVRONT Auto Heat Press Beginner Friendly Heat Crafting at Wallet Friendly PriceFor beginners and pros alike the HTVRONT Auto Heat Press is a great way to get reliable replicable resultsーat a fraction of the price of competitors	2022-11-19 09:05:15
海外TECH	DEV Community	Getting Started with Storybook	https://dev.to/shreyvijayvargiya/getting-started-with-storybook-4d70	Getting Started with StorybookThe imperative toolkit you should use to display your frontend skills You have developed reusable components functions or the whole UI library and now the time comes to showcase then the Storybook is precisely meant for you Check the link How I showcase my work using Storybook What is a Storybook A storybook is a tool for UI development It makes development faster and easier by isolating components The storybook toolkit consists ofStories The collection of all the stories and a single account is like a single UI component The Storybook provides three basic functionalities Writing Stories Writing Docs and Add ons Writing Stories ーThis is a single independent UI component or function that captures and renders the UI component s state Writing Docs ーThe Storybook provides developers with the inbuilt documentation feature to explain the in depth application of stories they have created Add ons ーThe Storybook provides plugins like WordPress which helps users extend the Storybook s properties such as documentation interactive controls etc How to InstallWe will use the Next JS repository to install the storybook Here is the repository gt yarn add storybook reactCreate a folder called Storybook followed by two subfolders Playground and Components Playground ーThis folder consists of all stories we want to display on the Preview iframe of the storybook Components ーThis folder will consist of the components we will use to create a story Every story you want to create should consist of a file ending with the stories jsextension For example Creating a story to display your custom made button should end like Button stories js This is because the built in Storybook configuration automatically detects all the stories with the file with the stories js extension Anytime returned in that file by default will be rendered as a story in the Preview frame But you can easily change that inbuilt configuration and create your own I will cover this in some time My Playground folder consists of all the stories I want to showcase and My Components folder consists of all the components my stories will use To create the account we will use the “storiesOf method provided by the storybook react npm package This method takes two arguments the name of the story and the UI component of the story After adding the name of the story you use the sub method called “add which accepts the UI component as an argument to render return In the image the storiesOf method takes the first argument as the name of the story i e Components and the second argument is a module followed by calling a process called add to which we have to add a callback returning a UI component as a Button to render in the story Inside the render method of add method you can add whatever UI component you want to return My PlaygroundI am developing a custom button that will accept the props such as the switch s name and colour since I am using the material UI library so the colour prop will be the enums “primary “secondary “warning While creating a Component for a story you can also declare the propTypes that add the strict prop types checking and helps showcase your component s extended functionality This is my Custom Button inside Components The next step is to export this Button and render it inside a story of the Storybook Inside a button story I have just imported the Custom Button declared in the Components folder and created a story using the add method of the Storybook Testing your first Storybook StoryInside the package json file add the Storybook script for running it on the local server storybook start storybook Next We need to tell the storybook CLI Command Line Interface to detect all stories js files to detect our stories The Storybook CLI always looks for the “ storybook folder first to check whether the developer has declared its configuration The configuration for all stories should be declared inside the config js file of storybook Don t try to change the name of the storybook file to something else accordingly the Storybook CLI always look for the storybook in the root directory Also Always put storybook in the root of the repository where your package json lies Otherwise the Storybook won t be able to detect it Running Storybook locallyNow run the command yarn run storybook this will start the Storybook playground on localhost by default Extending the StoryWe can show more buttons inside a single story or create more sub stories inside a single account I am using a colour prop to display different controls and levels named according to the colour prop ConclusionThis is just the installation part of the Storybook and displays the essential UI components Treat the story section of the Storybook as a simple UI component and return whatever you want to say I will cover another article to add a react live package that helps edit the props passed to the button on the local storybook server In the next part I ll cover the “Docs feature accorded by the Storybook and How to install it for documentation purposes Until Next time Have a good day People CodeKeep developingShreyiHateReading	2022-11-19 09:39:36
海外TECH	DEV Community	Tailwind CSS tutorial #16: Font Size	https://dev.to/shubhicodes/tailwind-css-tutorial-16-font-size-gg4	Tailwind CSS tutorial Font SizeIn the article we will go into detail on how to use font size Font SizeFormattext size AlignmentTailwind ClassCSS Propertytext xstext xsfont size rem px line height rem px text smtext smfont size rem px line height rem px text basetext basefont size rem px line height rem px text lgtext lgfont size rem px line height rem px text xltext xlfont size rem px line height rem px text xltext xlfont size rem px line height rem px The font size property in CSS is used to set the font size of text in HTML document text xs This class defines the text size as extra small text sm This class defines the text size as small text base This class defines the text size as base size text lg This class defines the text size as large text xl This class defines the text size as extra large text xl This class defines the text size as times extra large text xl This class defines the text size as times extra large text xl This class defines the text size as times extra large text xl This class defines the text size as times extra large text xl This class defines the text size as times extra large text xl This class defines the text size as times extra large text xl This class defines the text size as times extra large text xl This class defines the text size as times extra large lt ul class container mx auto leading none divide y divide gray divide dotted style font family Raleway gt lt li class flex items center justify between px py gt lt div gt lt div class text xs align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xs lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text sm align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text sm lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text base align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text base lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text lg align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text lg lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font medium font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt li class flex items center justify between px py gt lt div gt lt div class text xl align middle mb gt Hello World lt div gt lt div class text xs font mono font light leading tight text gray gt lt span class font bold gt font size lt span gt rem lt span class font bold gt line height lt span gt rem lt div gt lt div gt lt div class text xs font semibold font mono whitespace nowrap px py ml rounded text white bg pink rounded gt text xl lt div gt lt li gt lt ul gt Full code The overall code will be attached to repo link Overall OutputResources tailwind cssThank you for reading To learn more check out my blogs on Justify Content Responsive Navbar and Justify Item If you liked this article consider following me on Dev to for my latest publications You can reach me on Twitter Keep learning Keep coding	2022-11-19 09:16:24
海外TECH	Engadget	Waymo will soon offer fully driverless rides to the public in San Francisco	https://www.engadget.com/waymo-fully-driverless-rides-san-francisco-094718022.html?src=rss	Waymo will soon offer fully driverless rides to the public in San FranciscoWaymo is one step closer to charging passengers for fully driverless rides in San Francisco The California Public Utilities Commission CPUC has granted the company a Driverless Pilot permit which allows it to pick up passengers in a test vehicle without a driver behind the wheel It s only the second participant in the CPUC s Driverless Permit program with Cruise being the first nbsp By securing the permit Waymo now has the authority to offer driverless rides throughout San Francisco portions of Daly City as well as in portions of Los Altos Los Altos Hills Mountain View Palo Alto and Sunnyvale Its vehicles are allowed to go as fast as miles per hour and can operate but the company can t charge for the rides just yet Waymo told Engadget that it will begin offering free rides without a driver to select members of the public in the coming weeks To note the company has been offering free driverless rides to the public in Phoenix since nbsp The California Department of Motor Vehicles recently authorized Waymo to charge for fully autonomous rides However the company still has to secure a Driverless Deployment permit ーthe next step after this one ーfrom the CPUC to be able to start doing so The agency gave Cruise a deployment permit for robotaxis in June almost a year after it was allowed to offer free rides to the public nbsp Like Cruise Waymo likely won t be allowed to operate its vehicles during times of heavy fog and rain when it gets its deployment permit Robotaxi companies have to find a way to overcome autonomous vehicles performance issues in bad weather however if they want to be able to service more places and more people Waymo is taking steps to address the problem and recently announced that it s using its latest car sensor arrays to create real time weather maps of Phoenix and San Francisco The Alphabet owned company will use the data it gathers to improve its Driver AI s ability to handle rough weather and to better understand the limits of its vehicles nbsp SF who s ready to ride After receiving the driverless pilot permit from the californiapuc Waymo One is opening to members of the public in San Francisco Available ーwithout anyone in the driver s seat pic twitter com DtSXXGNJpaーWaymo Waymo November	2022-11-19 09:47:18
海外ニュース	Japan Times latest articles	Dogged by scandals, Kishida says Cabinet to be reshuffled at ‘appropriate’ time	https://www.japantimes.co.jp/news/2022/11/19/national/politics-diplomacy/kishida-cabinet-reshuffle-decision/	Dogged by scandals Kishida says Cabinet to be reshuffled at appropriate time In order to tackle difficult challenges I as prime minister will decide on a reshuffle when appropriate Kishida told a news conference in Bangkok	2022-11-19 18:02:04
ニュース	BBC News - Home	Fifa boss accuses West of hypocrisy in World Cup speech	https://www.bbc.co.uk/sport/football/63687412?at_medium=RSS&at_campaign=KARANGA	world	2022-11-19 09:51:30