投稿時間:2023-01-14 01:21:05 RSSフィード2023-01-14 01:00 分まとめ(25件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Government, Education, and Nonprofits Blog	4 key predictions to watch for public sector partners in 2023	https://aws.amazon.com/blogs/publicsector/4-key-predictions-to-watch-for-public-sector-partners-in-2023/	key predictions to watch for public sector partners in Partners are playing a key role in the continued digital transformation of public sector organizations Public sector customers are asking for ways to increase the speed accessibility security and resiliency of their systems and data As we look forward here s what I m expecting to see for partners supporting public sector customers this year	2023-01-13 15:02:00
Google	Official Google Blog	More opportunities for Singaporeans to learn digital skills	https://blog.google/around-the-globe/google-asia/more-opportunities-for-singaporeans-to-learn-digital-skills/	green	2023-01-13 15:01:00
golang	Goタグが付けられた新着投稿 - Qiita	Go でホストのプライマリ IP アドレスを取得する (Linux)	https://qiita.com/kino-ma/items/2a17daa379d3c8adb092	comgooglegopacketrouting	2023-01-14 00:09:49
Git	Gitタグが付けられた新着投稿 - Qiita	githubにあげた後のnode_modulesディレクトリに.gitignoreを適用させる。	https://qiita.com/yamazaki2357/items/b647f100483c2f072ac4	commit	2023-01-14 00:36:26
Git	Gitタグが付けられた新着投稿 - Qiita	既存のディレクトリからリポジトリにpushする方法	https://qiita.com/kazu1212-star/items/871f4d891ac51eac7db5	gitinit	2023-01-14 00:28:13
海外TECH	Ars Technica	Batteries and hydrogen power these cute Toyota AE86 factory restomods	https://arstechnica.com/?p=1909794	initial	2023-01-13 15:10:09
海外TECH	MakeUseOf	How to Fix a Display Driver Crashing After a Windows Update	https://www.makeuseof.com/display-driver-crash-after-windows-update/	problems	2023-01-13 15:15:16
海外TECH	DEV Community	How to install Tailwind CSS with Nuxt.js and Flowbite	https://dev.to/themesberg/how-to-install-tailwind-css-with-nuxtjs-and-flowbite-20fj	How to install Tailwind CSS with Nuxt js and FlowbiteNuxt js is a free and open source JavaScript framework based on Vue js that helps you develop modern web applications using SSR server side rendering which provides a faster load better SEO search engine optimization and better caching capabilities The framework was inspired by Vercel s Next js framework built with React and it is being used by large companies such as Ecosia Upwork NASA Appsumo and CDN JS If you follow this guide you will learn how to install the latest version of Nuxt js with Tailwind CSS and Flowbite and also show you how to use the TypeScript version Create a Nuxt js projectBefore continuing make sure that you have Node js and NPM installed on your local machine Create a new Nuxt js project by running the following command in your terminal npx nuxi init project nameInstall the project dependencies by executing the following command npm installRun the following command to start a local development server on http localhost npm run devThis will make the Nuxt js project accessible via the browser Install Tailwind CSSNow that you have locally set up a Nuxt js project we will proceed by installing Tailwind CSS Require and install the NuxtTailwind module by installing it via NPM npm install save dev nuxtjs tailwindcssConfigure the Nuxt js configuration file to include the Tailwind module nuxt config js ts export default defineNuxtConfig modules nuxtjs tailwindcss Create a tailwind config js file by running the following command npx tailwindcss initCreate a new CSS file assets css input css and import the main Tailwind CSS directives tailwind base tailwind components tailwind utilities Set up the template paths for your Nuxt js project inside the Tailwind CSS configuration file module exports content components js vue ts layouts vue pages vue plugins js ts nuxt config js ts theme extend plugins Tailwind CSS is now configured in your project and if you add the utility classes anywhere in your Vue template files the CSS will be generated and included Install FlowbiteAfter installing both Nuxt js and Tailwind CSS inside your project we can proceed by installing Flowbite Install Flowbite via NPM and save it in your package json file npm install flowbiteRequire Flowbite as a plugin inside your tailwind config js file module exports other options plugins require flowbite Add the source JavaScript files of Flowbite to the tailwind config js template path module exports content other files node modules flowbite js ts Flowbite ComponentsNow that you have succesfully installed Nuxt js Tailwind CSS and Flowbite you can start importing and using components from the open source library of Flowbite such as modals navbars tables dropdowns and more Let s use the Modal component as an example and copy paste the markup from the documentation inside your app vue page lt template gt lt div gt lt div class flex justify center p gt lt button id button data modal toggle modal data modal target modal type button class text white bg blue hover bg blue focus ring focus ring blue font medium rounded lg text sm px py mr mb dark bg blue dark hover bg blue focus outline none dark focus ring blue gt Show modal lt button gt lt div gt lt div id modal tabindex aria hidden true class fixed top left right z hidden w full p overflow x hidden overflow y auto md inset h modal md h full gt lt div class relative w full h full max w xl md h auto gt lt Modal content gt lt div class relative bg white rounded lg shadow dark bg gray gt lt Modal header gt lt div class flex items start justify between p border b rounded t dark border gray gt lt h class text xl font semibold text gray lg text xl dark text white gt Terms of Service lt h gt lt button id closeButton data modal hide modal type button class text gray bg transparent hover bg gray hover text gray rounded lg text sm p ml auto inline flex items center dark hover bg gray dark hover text white gt lt svg class w h fill currentColor viewBox xmlns gt lt path fill rule evenodd d M a L l a L l a L l a L a z clip rule evenodd gt lt path gt lt svg gt lt button gt lt div gt lt Modal body gt lt div class p space y gt lt p class text base leading relaxed text gray dark text gray gt With less than a month to go before the European Union enacts new consumer privacy laws for its citizens companies around the world are updating their terms of service agreements to comply lt p gt lt p class text base leading relaxed text gray dark text gray gt The European Union s General Data Protection Regulation G D P R goes into effect on May and is meant to ensure a common set of data rights in the European Union It requires organizations to notify users as soon as possible of high risk data breaches that could personally affect them lt p gt lt div gt lt Modal footer gt lt div class flex items center p space x border t border gray rounded b dark border gray gt lt button type button class text white bg blue hover bg blue focus ring focus outline none focus ring blue font medium rounded lg text sm px py text center dark bg blue dark hover bg blue dark focus ring blue gt I accept lt button gt lt button type button class text gray bg white hover bg gray focus ring focus outline none focus ring blue rounded lg border border gray text sm font medium px py hover text gray focus z dark bg gray dark text gray dark border gray dark hover text white dark hover bg gray gt Decline lt button gt lt div gt lt div gt lt div gt lt div gt lt div gt lt template gt Data attributesYou can automatically make the interactive components work by importing the init functions from the Flowbite package using the onMounted lifecycle method from Nuxt js For example here s how would initialize all of the modals inside your Vue template lt script setup gt import onMounted from vue import initModals from flowbite initialize components based on data attribute selectorsonMounted gt initModals lt script gt lt template gt Modal HTML markup with data attributes from Flowbite lt template gt Here s a full list of available functions to use to initialise the components lt script setup gt import onMounted from vue import initAccordions initCarousels initCollapses initDials initDismisses initDrawers initDropdowns initDropdowns initModals initPopovers initTabs initTooltips from flowbite initialize components based on data attribute selectorsonMounted gt initAccordions initCarousels initCollapses initDials initDismisses initDrawers initDropdowns initModals initPopovers initTabs initTooltips lt script gt Although this will make sure all of the interactive components will work with data attributes from Flowbite we actually recommend only initialising the ones that you use for every page to optimize load speed Check out the starter guide s Events vue file to see it in action JavaScript APITo make the component interactive we need to import the Modal object from Flowbite and setup the object parameters options and methods to show or hide the modal based on the button click lt script setup gt import onMounted from vue import Modal from flowbite onMounted gt setup available elements const buttonElement document querySelector button const modalElement document querySelector modal const closeButton document querySelector closeButton set modal options const modalOptions backdropClasses bg gray bg opacity dark bg opacity fixed inset z create a new modal instance if modalElement const modal new Modal modalElement modalOptions set event listeners for the button to show the modal buttonElement addEventListener click gt modal toggle closeButton addEventListener click gt modal hide lt script gt As you can see we use the onMounted lifecycle method from Vue to query for the elements that we need to create a modal component and then programatically use the methods such as showing or hiding the modal add your own logic and then show the modalmodal show or you can hide itmodal hide Every interactive component page that requires JavaScript has a documentation on Flowbite showing you the available parameters options and methods that you can use Using typesFlowbite also supports TypeScript as of v and it allows use to use type declarations and interfaces for the objects parameters and option values for the JavaScript API You can import these types or interfaces like this import Modal from flowbite import type ModalOptions ModalInterface from flowbite other codeGenerally speaking all of the components have an interface definition that you can use whenever you create a new object to make sure that you re using the correct types for parameters and methods When creating a new modal you can set the ModalInterface as the main type const modal ModalInterface new Modal modalElement modalOptions All of the Flowbite components also support type declaration for the options object Here s an example const modalOptions ModalOptions placement top right const modal ModalInterface new Modal modalElement modalOptions Using types can be very benefitial because it makes sure that you only use the allowed types and values for the options that are available For example if you used a value such as yellow for the placement object which is a color TypeScript will throw an error because it does not meet the type requirements from Flowbite Here s the full code using types with TypeScript import Modal from flowbite import type ModalOptions ModalInterface from flowbite const buttonElement HTMLElement document querySelector button const modalElement HTMLElement document querySelector modal const modalOptions ModalOptions placement top right const modal ModalInterface new Modal modalElement modalOptions buttonElement addEventListener click gt modal toggle modal show Learn more about using Flowbite with TypeScript on the official docs page Nuxt js Starter ProjectWe have created a free and open source Tailwind CSS and Nuxt js starter project showcasing all of the interactive UI components from Flowbite to help you get started building web applications Flowbite Vue LibraryWe also started working on a standalone Flowbite Vue UI component library which when launched in a stable version will be the recommended way of working in a Vue or Nuxt js environment Contributions are more than welcome Disclaimer this post was originally published on Flowbite s Tailwind CSS and Nuxt js guide	2023-01-13 15:42:43
海外TECH	DEV Community	How to send an automated email via Google Script?	https://dev.to/connectaryal/how-to-send-an-automated-email-via-google-script-ci1	How to send an automated email via Google Script To send an automated email via Google Script you will need to do the following Go to script google com and sign in with your Google account Click on the New script button This will create a new blank script for you Replace the existing code with the following code function sendEmail var email youremail example com var subject This is the subject of the email var body This is the body of the email MailApp sendEmail email subject body Replace youremail example com with the email address you want to send the email to Replace This is the subject of the email with the subject of the email you want to send Replace This is the body of the email with the body of the email you want to send Save the script by clicking on the File menu and then selecting Save Test the script by clicking on the Run menu and then selecting sendEmail This will send an email to the email address you specified You can also use this script to send emails to multiple recipients by separating the email addresses with a comma like this var email youremail example com anotheremail example com You can also customize the email further by using the various options available in the MailApp sendEmail function For example you can add attachments to the email specify a reply to address or set the name of the sender You can find more information about these options in the Google Scripts documentation	2023-01-13 15:32:23
海外TECH	DEV Community	Maximizing the Power of Child Processes in Node.js: Real-world Examples	https://dev.to/ayka_code/maximizing-the-power-of-child-processes-in-nodejs-real-world-examples-1954	Maximizing the Power of Child Processes in Node js Real world ExamplesNode js is a popular open source JavaScript runtime that allows developers to build scalable and high performance web applications One of the most powerful features of Node js is its ability to handle child processes Child processes allow you to spawn new processes run shell commands execute scripts or even fork multiple processes to handle a heavy workload In this blog post we will discuss how to use child processes in Node js and provide real world examples of how they can be used to improve the performance and scalability of your application Using the Child Process moduleThe built in child process module in Node js provides several methods for spawning and managing child processes The most commonly used methods are exec spawn and fork exec method This method allows you to Read more Maximizing the Power of Child Processes in Node js Real world Examples BracketOrbits ‍ Learn about the power of child processes in Node js and how they can be used to improve performance and scalability Discover real world exam bracketorbits vercel app	2023-01-13 15:12:44
海外TECH	DEV Community	In-app surveys in React Native	https://dev.to/jacksbridger/in-app-surveys-in-react-native-3955	In app surveys in React NativeApp makers rarely get second chances to make a good first impression so feedback is crucial In our time we ve gathered feedback in many ways and there are pros and cons for each approach TypeFormTypeforms can be embedded in your app using the react native typeform embed wrapper It s quick to get started they re powerful look good and are fully customisable You can also hand them over to your marketing team TypeForm also let you use an onSubmit event which fires after a respondent successfully submits the typeform import React from react import TypeformEmbed from react native typeform embed class App extends React Component render return lt TypeformEmbed url onSubmit gt alert Submitted onClose gt alert Closed gt Or you could hook up responses with Zapier to do some other action like send an email or send a Slack message We used this to ask our users to complete an account deletion exit survey and then we triggered delete based on this form submitting The downside is that the Wrapper hasn t been worked on for two years at time of writing and is kind of buggy so you d probably be best to build fork your own wrapper Do it yourself from scratchYou could make your own surveys fully from scratch At the simplest level you could React Native s components such as TextInput or multiple choice icons and build all the logic out yourself saving the state and adding a submit button If you want multiple choice though you might still want to use a third party library such as react native picker picker This is the most flexible option you can do anything and it will work really well But it may be slower to implement than some of the other options And you re probably going to be sending your data to your database so you ll need to figure out how to get the data to your marketing team Or be consigned to receiving Slack requests for data from the marketing team for the rest of your career Do it yourself with librariesThen you have form libraries such as Formik React Hook FormThese mean you can move faster but you may lose some flexibility I think the flexibility trade off is worth it though if you want to make your own forms I ve used Formik in the past and it does a nice job Finally if you want to make a simple poll you might want to check out React Native Poll It s a library for making quick polls But it s not been updated for two years so proceed with caution Do it yourself with FormSparkYou could combine one of the DIY options with FormSpark FormSpark is like a back end for your forms So you can send your data to FormSpark From the FormSpark platform your marketing product team will be able to see all the data submitted so you can free yourself from keeping them updated import React useState from react import Alert Button Text TextInput View from react native import useFormspark from formspark use formspark const FORMSPARK FORM ID your form id function ContactScreen const submit submitting useFormspark formId FORMSPARK FORM ID const message setMessage useState const onPress async gt await submit message Alert alert Form submitted return lt View gt lt View gt lt Text gt Message lt Text gt lt TextInput value message onChangeText message gt setMessage message multiline true gt lt View gt lt View gt lt Button title Send onPress onPress disabled submitting gt lt View gt lt View gt export default ContactScreen And it s easy to integrate with Zapier and Slack so you can setup automated workflows easily Use a service like SurveyLoopOk shameless plug If the above options don t match what you want we re building SurveyLoop to easily make native surveys in your app for the best user experienceBut with a TypeForm y experience templates drag amp drop analytics And you can trigger your surveys based on in app events such as completing their first action And then send your data to Zapier It s not out yet but if it sounds interesting please let us know	2023-01-13 15:03:37
Apple	AppleInsider - Frontpage News	MoviePass returns, backed by cryptocurrency firm	https://appleinsider.com/articles/23/01/13/moviepass-returns-backed-by-cryptocurrency-firm?utm_medium=rss	MoviePass returns backed by cryptocurrency firmPreviously a disastrously failed service offering cut price movie theater tickets MoviePass is attempting to return with new crypto backers and a plan to help fund film production At least cryptocurrency sounded like a good idea MoviePass launched in as a service where every movie ticket you bought cost the company more than it could make from you There was then the issue of how it made any money at all with its then CEO seemingly telling businesses that it tracked users before and after the movie theater But then told MoviePass users that it did no such thing Read more	2023-01-13 15:36:58
Apple	AppleInsider - Frontpage News	Apple Music chief Oliver Schusser will help lead Apple TV+	https://appleinsider.com/articles/23/01/13/apple-music-chief-oliver-schusser-will-help-lead-apple-tv?utm_medium=rss	Apple Music chief Oliver Schusser will help lead Apple TV After Peter Stern s departure Oliver Schusser vice president of Apple Music and Beats will now help manage Apple TV Oliver SchusserOn Thursday a new report from Business Insider revealed the news Eddy Cue SVP of Services for Apple hired Schusser in as VP of iTunes International Read more	2023-01-13 15:14:15
Apple	AppleInsider - Frontpage News	Get Apple's M1 MacBook Air with 16GB RAM for $1,099 for a limited time	https://appleinsider.com/articles/23/01/13/get-apples-m1-macbook-air-with-16gb-ram-for-1099-for-a-limited-time?utm_medium=rss	Get Apple x s M MacBook Air with GB RAM for for a limited timeThe exclusive discount knocks the upgraded M MacBook Air with GB of memory to plus off AppleCare Save on Apple s MacBook Air AppleInsider readers can exclusively save on Apple s M MacBook Air with a core GPU GB of memory and a GB SSD when using coupon code APINSIDER at Apple Authorized Reseller Adorama Read more	2023-01-13 15:11:30
海外TECH	Engadget	Beats Studio Buds drop back to $90 at Amazon	https://www.engadget.com/beats-studio-buds-fit-pro-good-deal-amazon-153344967.html?src=rss	Beats Studio Buds drop back to at AmazonThose in the market for a solid set of earbuds at a good price might want to consider the Beats Studio Buds which are on sale at Amazon The moon gray version of the earbuds which usually cost have dropped by percent to At that s four cents more than the actual all time low we ve seen for this model but we re splitting hairs Other colors are on sale too but they ll cost you a bit more at a third off the usual price We gave Beats Studio Buds a score of in our review and they should fit most people s everyday needs Engadget s audio expert Billy Steele found the earbuds to be comfortable and capable of delivering solid balanced sound despite their small size Since they re Apple products the Beats Studio Buds have the company s H chipset As such pairing them to Apple devices is a cinch though the earbuds support Fast Pair and Find My Device on Android too So they re generally a good choice no matter which phone you re using On the downside call quality could be better we found that the microphones picked up background noise and there s no wireless charging support or onboard volume controls Hands free Siri some onboard controls and sweat and water resistance make the Beats Studio Buds viable for gym use But if you re really looking for earbuds that you can use while you work out and have some extra cash to spare it may be worth considering the Beats Fit Pro which are currently percent off at a record low of They have a similar look to the Studio Buds and match that model s IPX sweat and water resistance But they have secure fit wingtips to keep them in your ears as you move around and onboard volume controls albeit with a tradeoff We found the Fit Pro to offer better audio quality than the Studio Buds and there s spatial audio support as well Buy Beats Fit Pro at Amazon	2023-01-13 15:33:44
海外科学	NYT > Science	Sync Your Calendar With the Solar System	https://www.nytimes.com/explain/2023/01/01/science/astronomy-space-calendar	event	2023-01-13 15:55:46
海外科学	BBC News - Science & Environment	Historic wild camping tradition outlawed on part of Dartmoor	https://www.bbc.co.uk/news/science-environment-64238116?at_medium=RSS&at_campaign=KARANGA	court	2023-01-13 15:09:28
金融	金融庁ホームページ	金融審議会「顧客本位タスクフォース」（第５回）議事録を公表しました。	https://www.fsa.go.jp/singi/singi_kinyu/kokyakuhoni_tf/gijiroku/20221206.html	金融審議会	2023-01-13 17:00:00
ニュース	BBC News - Home	Benjamin Mendy found not guilty of six counts of rape	https://www.bbc.co.uk/news/uk-england-manchester-63677581?at_medium=RSS&at_campaign=KARANGA	footballer	2023-01-13 15:55:36
ニュース	BBC News - Home	Soledar: Russia claims control of salt mine town	https://www.bbc.co.uk/news/world-europe-64263119?at_medium=RSS&at_campaign=KARANGA	ukraine	2023-01-13 15:08:37
ニュース	BBC News - Home	US renames five places that used racist slur for Native Americans	https://www.bbc.co.uk/news/world-us-canada-64252259?at_medium=RSS&at_campaign=KARANGA	geographic	2023-01-13 15:23:10
ニュース	BBC News - Home	Historic wild camping tradition outlawed on part of Dartmoor	https://www.bbc.co.uk/news/science-environment-64238116?at_medium=RSS&at_campaign=KARANGA	court	2023-01-13 15:09:28
ニュース	BBC News - Home	BBC broadcaster Gow suffers 'serious stroke'	https://www.bbc.co.uk/news/uk-england-hampshire-64261533?at_medium=RSS&at_campaign=KARANGA	jennie	2023-01-13 15:31:27
ニュース	BBC News - Home	Brighton: Leandro Trossard dropped for Liverpool game because of poor attitude, says Roberto De Zerbi	https://www.bbc.co.uk/sport/football/64267013?at_medium=RSS&at_campaign=KARANGA	Brighton Leandro Trossard dropped for Liverpool game because of poor attitude says Roberto De ZerbiLeandro Trossard has been dropped from the Brighton squad for Saturday s game against Liverpool because of his poor attitude says boss Roberto De Zerbi	2023-01-13 15:15:19
ビジネス	ダイヤモンド・オンライン - 新着記事	トヨタ、EV量産へ専用プラットフォーム検討 - WSJ発	https://diamond.jp/articles/-/316144	量産	2023-01-14 00:11:00