投稿時間:2022-02-09 05:34:25 RSSフィード2022-02-09 05:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Partner Network (APN) Blog	Automate Data Sharing with Informatica Axon Data Marketplace and AWS Lake Formation	https://aws.amazon.com/blogs/apn/automate-data-sharing-with-informatica-axon-data-marketplace-and-aws-lake-formation/	Automate Data Sharing with Informatica Axon Data Marketplace and AWS Lake FormationA key goal of modern data strategy whether a data mesh data fabric data lake or data warehouse is to deliver access to data when and where it s needed Learn how AWS and Informatica can combine and automate data governance for access within a data marketplace This solution combines Information s data governance architecture and the Informatica Intelligent Data Management Cloud IDMC which orchestrates and automates data access management with AWS Lake Formation	2022-02-08 19:11:46
python	Pythonタグが付けられた新着投稿 - Qiita	省略S式パーサの実装例（純LISPインタプリタ付き）	https://qiita.com/ytaki0801/items/43b78e7ac7168256c652		2022-02-09 04:08:58
海外TECH	Ars Technica	New spinal implant gets paralyzed people up and walking	https://arstechnica.com/?p=1832536	feedback	2022-02-08 19:32:05
海外TECH	MakeUseOf	Ubuntu Linux PC Won't Boot? 5 Common Issues and Fixes	https://www.makeuseof.com/tag/fix-ubuntu-linux-pc-wont-boot/	Ubuntu Linux PC Won x t Boot Common Issues and FixesUbuntu is usually reliable but sometimes it won t boot Here are some common causes and how to repair your PC when Ubuntu won t start	2022-02-08 19:47:55
海外TECH	MakeUseOf	How to Add the Recycle Bin to File Explorer in Windows 11	https://www.makeuseof.com/windows-11-add-recycle-bin-to-file-explorer/	How to Add the Recycle Bin to File Explorer in Windows Are you always hopping back onto the desktop to look at the Recycle Bin Cut out a few clicks and add a shortcut to the Recycle Bin in File Explorer	2022-02-08 19:47:54
海外TECH	MakeUseOf	10 Simple Online Tools to Create QR Codes	https://www.makeuseof.com/create-qr-codes-simple-tools/	codes	2022-02-08 19:31:33
海外TECH	DEV Community	Build a Trello Clone Application with React and Strapi	https://dev.to/strapi/build-a-trello-clone-application-with-react-and-strapi-21b4	Build a Trello Clone Application with React and Strapi IntroductionThis article will walk you through the process of creating a Trello clone using react and Strapi We ll go over how to create a new Strapi project how to construct Strapi collections and how to expose and connect your Strapi API to the front end PrerequisiteBasic understanding of JavascriptBasic understanding of React JsNB Strapi recommends x version node js What we ll be buildingWe ll be creating a Trello clone which is a project management tool that organizes your work into boards Trello shows what is being worked on who is working on it and where the task is in the process all at the same time Below is a screenshot of what our final project will look like OverviewIntroductionPrerequisiteCreating a new react appWhat is StrapiScaffolding a new Strapi projectBuilding tasks collection on StrapiBuilding the front endConnecting front end to StrapiTesting appConclusion RequirementsThese are the software you need to have installed Node js VNPM or Yarn Internet connection Creating a new react appBefore starting with creating our application front end with React js let s get a basic understanding of what react is What is React js React is a JavaScript library designed for creating quick and interactive user interfaces for web and mobile apps It is an open source component based front end library that is exclusively responsible for the application s view layer The view layer here refers to how the program looks and feels in Model View Controller MVC architecture You can visit for more information Now that we understand what React is and how it works follow the instructions below to set up the React front end for our application First create a new directory for our project we ll name this directory trello clone mkdir trello clone amp amp cd trello cloneNext run the command below to create the react app npx create react app front endRunning this command will initially ask for permission to install create react app and its associated packages on a temporary basis Once finished you can start the app by running cd front end npm startThis should open up a URL http localhost with the following output Next for the drag and drop feature we will be using a react package react sortable js which was created specifically for this purpose What is React sortable js react sortable is a react binding for Sortable Sortable is a JavaScript library for creating reorderable drag and drop lists It has all of the standard sortings delaying swapping inverting and other features All touch current browsers and touch devices are supported InstallationTo install react sortable run the command npm install save react sortablejs sortablejsIf you follow this process react sortable should install just fine And finally for sending requests to our Strapi API axios should work just fine for that AxiosLet s get a quick overview of what Axios is and what it does before installation Axios is a promise based HTTP client for the browser and Node js Axios makes it simple to send asynchronous HTTP requests to REST endpoints and perform CRUD operations It can be used in plain JavaScript or with a library such as Vue or React InstallationTo install Axios run the command below npm install axios What is StrapiStrapi is an open source content management system CMS that allows you to create customizable APIs for any front end application Strapi is really simple to use since it allows you to create versatile APIs with unique features that you ll enjoy To keep things structured you can build custom content kinds and relationships between the content types It also features a media library where you can save your image and music files Strapi provides a great deal of flexibility Whether you want to see the finished outcome quickly or learn more about the product Scaffolding a new Strapi projectTo setup Strapi for our project first change your directory from front end to the root directory trello clone and run the command below to create a new Strapi project npx create strapi app back endRunning the command above will prompt you for your preferred installation method select Quick Start to proceed You will also be asked if you want to use a template as seen in the screenshot in this case reply with no and Strapi will complete the installation in no time After the whole installation process the Strapi app should automatically launch in your browser displaying the following page ORCopy http localhost link from your command prompt cmd and paste it into your browser click on open the administrationFill in your preferred details on this page and click the ready to start button to proceed We are now ready to begin Building Tasks Collection on StrapiIn this phase we will learn how to create a collection type and its content and as seen in the screenshot attached at the beginning of the article our Trello clone will have the following rows IdeaTodoIn progressPublishedTo do this click on Content Type Builder can be found on the dashboard sidebar afterward click the Create new collection type link as seen in the screenshot below You should see a modal box like the one below fill in the display name as Tasks and then click the Continue button to complete the creation of our collection When you click the Continue button you will be prompted to add a new field to the newly created collection here pick the field type as Idea choose long text and click add another field You will do the same for Todo Progress and Published Then click finish The Tasks collection type should look like the image below Next we head over to Settings navigate to Roles and click on the Public We then scroll down to Permissions click on Task and click on select all to allow all activities for the application Click on Save Building the front endWe ve installed all of the packages required for our application s front end and all that remains is to begin adding functionality at this point To restart the application open the front end folder in your favorite text editor and enter the following command on your command prompt cmd npm startNow open up src index html and add a link to bootstrap cdn in the head section like below import App css import Board from components Board function App return lt div className App p gt lt link rel stylesheet href gt lt Board gt lt div gt export default App Next in our front end src directory create a new folder called components Inside this folder create a new file called Board js and paste the following code into it import ReactSortable from react sortablejs import useState useEffect from react import axios from axios const Board gt const tasks settasks useState const ideas setideas useState const todo settodo useState const inprogress setinprogress useState const published setpublished useState const newTask setnewTask useState const addTask async gt const getTasks async gt useEffect gt getTasks return lt gt lt div className container mt mb gt lt div className row style height vh gt lt div className col mx px py bg light border rounded gt lt h gt Idea lt h gt lt div style minHeight px gt lt div gt lt div gt lt textarea rows cols style float left borderBlockColor bff value newTask gt lt textarea gt lt button type button style float right marginTop px class btn btn primary btn sm onClick addTask gt Add Task lt button gt lt div gt lt div gt lt div className col mx px py bg light border rounded gt lt h gt Todo lt h gt lt div gt lt div className col mx px py bg light border rounded gt lt h gt In Progress lt h gt lt div gt lt div className col mx px py bg light border rounded gt lt h gt Published lt h gt lt div gt lt div gt lt div gt lt gt export default Board In the above code we created a simple column grid system with bootstrap and with the react useState hook we created all of the data we will need in our application and we also defined two methods addTask and getTasks which do nothing for now in the following section we will add the necessary functionalities to make these functions work as expected Now open up src App js and import the just created board component so that the full code will look like below import Board from components Board function App return lt div className App p style background linear gradient to right cc bff gt lt link rel stylesheet href ss bootstrap min css gt lt Board gt lt div gt export default App At this stage you should see the following output displayed in your browser Connecting front end to StrapiTo enable the drag and drop functionality and fetch all of our tasks from strapi API first import the following components in our components Board js file import ReactSortable from react sortablejs import useState useEffect from react import axios from axios In this same file update the getTasks function so that the full code is the same as the one below No let create a function that will fetch out the list of item in each category that we have in our database to do this is pretty simple by using the following code const getTasks async gt let Tasks await axios get http localhost api tasks console log Tasks data data return settasks Tasks data data For todos let Todos tasks filter res gt return res category todo settodo Todos For ideas let Ideas tasks filter res gt return res category idea setideas Ideas For in progress let inprogress tasks filter res gt return res category In Progress setinprogress inprogress published let published tasks filter res gt return res category published setpublished published From the above code we use the axios get function to fetch tasks from the strapi database by passing in the API url to the strapi endpoint we then use settasks Tasks data data to hold the list of all the tasks all categories that were fetched from strapi We then used tasks filter res to return the list of tasks in each category Adding new tasks to StrapiNow let s add a new task to the database each new that we add will be on the idea category until it s dragged to the next category The following code will add a new task to the database const addTask async gt let res await axios post http localhost api tasks Category idea task newTask catch err gt alert Error occured getTasks From the code above axios post is used to add tasks to the database by passing in the strapi endpoint url along with the database fields value to be added getTasks is then used to reload the list of tasks from the database which contained the new added tasks Finally update the component markup section with the code below lt div className container mt mb gt lt div className row style height vh gt lt div className col mx px py bg light border rounded gt lt h gt Idea lt h gt lt div style minHeight px gt lt ReactSortable list tasks setList setideas groupp group group name group put true gt tasks filter task gt task category idea map filteredTask gt lt div className card p border rounded mt key filteredTask id gt filteredTask task lt div gt lt ReactSortable gt lt div gt lt div gt lt textarea rows cols style float left borderBlockColor bff value newTask onChange event gt setnewTask event target value gt lt textarea gt lt button type button style float right marginTop px class btn btn primary btn sm onClick addTask gt Add Task lt button gt lt div gt lt div gt lt div className col mx px py bg light border rounded gt lt h gt Todo lt h gt lt ReactSortable list tasks setList settodo groupp group gt tasks filter task gt task category todo map filteredTask gt lt div className card p border rounded mt key filteredTask id gt filteredTask task lt div gt lt ReactSortable gt lt div gt lt div className col mx px py bg light border rounded gt lt h gt In Progress lt h gt lt ReactSortable list tasks setList setinprogress grouppp group gt tasks filter task gt task category In Progress map filteredTask gt lt div className card p border rounded mt key filteredTask id gt filteredTask task lt div gt lt ReactSortable gt lt div gt lt div className col mx px py bg light border rounded gt lt h gt Published lt h gt lt ReactSortable list tasks setList setpublished groupppp group gt tasks filter task gt task category Published map filteredTask gt lt div className card p border rounded mt key filteredTask id gt filteredTask task lt div gt lt ReactSortable gt lt div gt lt div gt lt div gt From the above codes we use ReactSortable to drag a task from one category to other and it has three attributes list tasks contain the list of all the tasks that we fetch earlier from the database setList setpublished it contains the list of tasks for a specified category from the database groupp group All tasks are assigned to the same group Then to list each task from each category we use tasks filter task to do that And at this point we are done with creating our Trello app … Testing the appSince our application data relies on Strapi we ll need to start our Strapi server as our application won t start without it open a new terminal window and change the directory to where our Strapi app is created and start the app by running npm run develop This is what you will get if you drag and drop an item from one category to another If you follow the process of this tutorial your Trello clone app should be working just fine ConclusionWow congratulations We ve completed this tutorial and have successfully created a Trello clone application using React js and Strapi as our backend We were able to retrieve and create tasks as well as enable drag and drop functionality by utilizing the sortable After finishing this tutorial you should be able to create a Trello app and even add more features	2022-02-08 19:08:29
Apple	AppleInsider - Frontpage News	iOS 15.4 beta 2 adds framework for Tap to Pay on iPhone	https://appleinsider.com/articles/22/02/08/ios-154-beta-2-adds-framework-for-tap-to-pay-on-iphone?utm_medium=rss	iOS beta adds framework for Tap to Pay on iPhoneTap to Pay on iPhone code was discovered in the iOS second developer beta indicating Apple could launch the feature with the next version of its operating system Tap to Pay on iPhone code discovered in iOS betaApple indicated that the Tap to Pay on iPhone feature would launch in the spring with Stripe as one of the first adopters Code in the iOS beta shows that the feature may launch with the public release of that update Read more	2022-02-08 19:31:38
Apple	AppleInsider - Frontpage News	Fantastical calendar app now lets people book 'Openings' for meetings	https://appleinsider.com/articles/22/02/08/fantastical-calendar-app-now-lets-people-book-openings-for-meetings?utm_medium=rss	Fantastical calendar app now lets people book x Openings x for meetingsCentral to the updated Fantastical for Mac and iOS is Openings a way users can easily offer meeting times for people to book Fantastical previously added meeting integration features including the ability for a user to setup a Zoom call directly within the calendar app Now the highlight of a significant update is the ability for a user to nominate times that they are available and allow others to book meetings In Fantastical a user can set up a meeting template with a range of times and days They then have to specify whether they ll moderate meeting requests or just accept all of then Read more	2022-02-08 19:23:09
海外TECH	Engadget	Instagram rolls out bulk delete features and new account controls	https://www.engadget.com/instagram-your-activity-bulk-delete-posts-comments-194138892.html?src=rss	Instagram rolls out bulk delete features and new account controlsInstagram is making it a whole lot easier to remove posts comments and other activity from the platform The photo sharing app is rolling out new account controls that allow users to bulk delete comments and posts and review past interactions and search activity The features will be available in a new section of users profiles called your activity The goal according to Instagram is to make it easier to revisit and delete past interactions While it was technically possible to delete past likes comments and posts from Instagram in the past the only way to do so without deleting your account altogether was to manually wade through your past posts one by one Now the “your activity section will offer shortcuts to view past timeline and Story posts as well as likes and comments on other users feeds There are also shortcuts to review time spent in the app search history link clicks and account level activity like username changes Instagram first previewed the changes in December noting at the time that it could be “particularly important for teens to more fully understand what information they ve shared on Instagram The app has come under renewed pressure to create more safety features for younger people in recent months and making it easier to remove past activity could be seen as one way to “depressurize the app	2022-02-08 19:41:38
海外TECH	Engadget	Google says default 2FA cut account breaches in half	https://www.engadget.com/google-says-2fa-default-cut-account-breaches-193745716.html?src=rss	Google says default FA cut account breaches in halfGoogle s decision to enable two factor authentication by default appears to have borne fruit The search firm has revealed that account breaches dropped by percent among those users where FA two step verification in Google speak was auto enabled The plunge was proof the extra factor is quot effective quot in safeguarding your data Google said although it didn t disclose the exact number of compromised accounts The company didn t say how rapidly it expected FA to spread but promised to continue the rollout through More than million people have been auto enrolled so far including more than million YouTube creators The company also promised more security upgrades to help mark Safer Internet Day As of March Google will let you opt in to an account level safe browsing option that keeps you from visiting known harmful sites Google is also expanding Assistant s privacy minded Guest Mode to nine new languages in the months ahead and has promised to ramp up safeguards for politicians ahead of the US midterm elections The reduced volume of account breaches isn t a shock ーrequiring more effort to crack an account is bound to deter some would be intruders It hasn t always been easy to show the tangible impact of FA on security though and the sheer scale of Google s user base gives it a representative sample others can t easily match	2022-02-08 19:37:45
海外TECH	Engadget	NASA picks Lockheed Martin to build a rocket that will return from Mars	https://www.engadget.com/nasa-mars-sample-return-lockheed-martin-rocket-contract-191937621.html?src=rss	NASA picks Lockheed Martin to build a rocket that will return from MarsThe Perseverance rover is a capable machine but one thing it can t do is send rock sediment and atmospheric samples from Mars back to Earth by itself NASA hopes to retrieve some of those through its Mars Sample Return Program and it s taken another step forward in the project The agency has chosen Lockheed Martin to build the first rocket to be fired off another planet The Mars Ascent Vehicle MAV will be a small lightweight rocket and is a crucial component of NASA s ambitious plan “This groundbreaking endeavor is destined to inspire the world when the first robotic round trip mission retrieves a sample from another planet ーa significant step that will ultimately help send the first astronauts to Mars NASA Administrator Bill Nelson said in a statement A Sample Retrieval Lander will take the MAV to the surface of Mars It will land in or close to Jezero Crater where Perseverance landed last February The lander will act as the launch platform for the MAV Once the MAV is in orbit the plan is for a European Space Agency Earth Return Orbiter equipped with NASA s Capture Containment and Return System payload to capture the rocket The aim is to bring the samples back to Earth by the mid s “We are nearing the end of the conceptual phase for this Mars Sample Return mission and the pieces are coming together to bring home the first samples from another planet quot Thomas Zurbuchen associate administrator for science at NASA headquarters said quot Once on Earth they can be studied by state of the art tools too complex to transport into space Lockheed Martin will deliver multiple MAV test units and a flight unit to NASA The contract which is worth up to million calls for the company to design develop test and evaluate the integrated MAV system and to design and develop the ground support equipment Not only does the MAV need to be able to tolerate the Martian environment and be compatible with several types of spacecraft it needs to be small enough to squeeze inside the Sample Retrieval Lander It s a tough challenge but Lockheed Martin has several years to figure things out The lander won t launch before	2022-02-08 19:19:37
Cisco	Cisco Blog	Log4Shell: Cisco Presents Testimony to Senate Homeland Security and Governmental Affairs Committee	https://blogs.cisco.com/government/log4shell-cisco-presents-testimony-to-senate-homeland-security-and-governmental-affairs-committee	LogShell Cisco Presents Testimony to Senate Homeland Security and Governmental Affairs CommitteeCisco s Brad Arkin provided testimony to the U S Senate Homeland Security and Governmental Affairs Committee regarding Cisco s remediation of the LogShell vulnerability Read more on how Cisco responded to protect our enterprise and customers	2022-02-08 19:49:30
海外科学	NYT > Science	Where to See Winter Wildlife in the U.S.	https://www.nytimes.com/2022/02/08/travel/winter-wildlife-florida-hawaii.html	Where to See Winter Wildlife in the U S From great gray owls in Minnesota to bison in Central Florida yes Florida there are innumerable opportunities this winter to view animals ーin the wild and even on city streets	2022-02-08 19:52:12
海外TECH	WIRED	Love Them or Hate Them, Folding Phones Are Sticking Around	https://www.wired.com/story/folding-phones-are-here-to-stay	flexible	2022-02-08 19:21:56
医療系	医療介護 CBnews	地ケアの院内転棟の制限、減算を受け入れるべきか-データで読み解く病院経営（143）	https://www.cbnews.jp/news/entry/20220208143518	代表取締役	2022-02-09 05:00:00
ニュース	BBC News - Home	Jacob Rees-Mogg made Brexit opportunities minister as PM reshuffles team	https://www.bbc.co.uk/news/uk-politics-60305006?at_medium=RSS&at_campaign=KARANGA	boris	2022-02-08 19:14:10
ニュース	BBC News - Home	Brit Awards 2022: Who's performing and who's going to win?	https://www.bbc.co.uk/news/entertainment-arts-60258108?at_medium=RSS&at_campaign=KARANGA	sheeran	2022-02-08 19:06:00
ニュース	BBC News - Home	Rebekah Vardy declared 'war' after Coleen Rooney tweet, court told	https://www.bbc.co.uk/news/newsbeat-60302760?at_medium=RSS&at_campaign=KARANGA	coleen	2022-02-08 19:51:05
ニュース	BBC News - Home	Ukraine crisis: Macron says Putin pledges no new Ukraine escalation	https://www.bbc.co.uk/news/world-europe-60299790?at_medium=RSS&at_campaign=KARANGA	moscow	2022-02-08 19:43:25
ニュース	BBC News - Home	Future Queen Camilla makes her first public trip since Consort title revealed	https://www.bbc.co.uk/news/uk-60309355?at_medium=RSS&at_campaign=KARANGA	future	2022-02-08 19:29:17
ニュース	BBC News - Home	West Ham condemn Zouma for hitting pet cat	https://www.bbc.co.uk/sport/football/60299426?at_medium=RSS&at_campaign=KARANGA	catwest	2022-02-08 19:06:50
ビジネス	ダイヤモンド・オンライン - 新着記事	「話がトントン拍子に進む人」に共通する、先回り思考術とは？ - 中野豊明　さらば！コンサル	https://diamond.jp/articles/-/295001	豊明	2022-02-09 04:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「味あう」「味わう」どちらが正しい？実は辞書によって異なる言葉の使い方 - 最強の文章術	https://diamond.jp/articles/-/294274	不特定多数	2022-02-09 04:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【愛知】22信金信組「勝ち残り」ランキング！全国3位の預金量を誇る岡崎信金の順位は？ - 銀行信金信組勝ち残りランキング	https://diamond.jp/articles/-/292498	信用組合	2022-02-09 04:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ハーバード大教授がリクルート「スタディサプリ」に見出したパーパス経営の神髄 - ハーバードの知性に学ぶ「日本論」　佐藤智恵	https://diamond.jp/articles/-/295446	ハーバード大教授がリクルート「スタディサプリ」に見出したパーパス経営の神髄ハーバードの知性に学ぶ「日本論」佐藤智恵ハーバードビジネススクールのランジェイ・グラティ教授は、新刊の「ディープ・パーパス」でリクルートの事例を取り上げている。	2022-02-09 04:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	就職人気企業ランキング23年卒前半戦【理系】男子3位野村総研、女子3位三井不動産、1位は？ - 就職人気企業ランキング 2023年卒早期調査	https://diamond.jp/articles/-/294678	就職人気企業ランキング年卒前半戦【理系】男子位野村総研、女子位三井不動産、位は就職人気企業ランキング年卒早期調査コロナ禍にあっても業績を伸ばしている大手企業に人気が集まる傾向は理系男子も同様だ。	2022-02-09 04:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	オミクロン「感染ピーク」は2月6日週か、日本経済はどこまで回復？ - 政策・マーケットラボ	https://diamond.jp/articles/-/295679	感染拡大	2022-02-09 04:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「脱炭素」で業績が悪化しそうな企業ランキング【物流・運輸】4位ANA、1位は？ - ニッポン沈没 日本を見捨てる富裕層	https://diamond.jp/articles/-/294132		2022-02-09 04:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	カギは「謙虚さ」？成功するM&Aに必要な企業の組織能力とは - きんざいOnline	https://diamond.jp/articles/-/295285	mampampa	2022-02-09 04:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	小宮山悟が母校野球部を「奇跡の優勝」に導いても、いたって冷静だった理由 - メジャーリーガー小宮山悟監督の「早稲田伝統」チームビルディング	https://diamond.jp/articles/-/295341		2022-02-09 04:05:00
ビジネス	東洋経済オンライン	減らない鉄道踏切事故､知っておきたい｢回避術｣ ｢鳴ったら渡らない｣基本がなぜか守られない | 駅･再開発 | 東洋経済オンライン	https://toyokeizai.net/articles/-/508028?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-02-09 04:30:00
GCP	Cloud Blog	Celebrating National Muffin Day with machine learning	https://cloud.google.com/blog/topics/developers-practitioners/celebrating-national-muffin-day-machine-learning/	Celebrating National Muffin Day with machine learningIf you re here you re probably wondering what on Earth is the connection between muffins and machine learning and what is National Muffin Day To understand this let s start with National Muffin Day an annual holiday started by Jacob in to bake muffins and raise money for homelessness National Muffin Day will occur on Sunday February this year For more information on how to participate in National Muffin Day which involves delicious baked goods and donations to people in need please see the information at the bottom of this post Last year a colleague connected Jacob with Sara who had done several baking projects that used machine learning to generate new recipes They decided to collaborate for this year s National Muffin Day adding a new muffin recipe created with the help of machine learning In this post we ll explain how Sara used Google Cloud to develop a new muffin recipe show you how you can participate virtually in National Muffin Day and of courseーshare the recipe Machine learning for muffinsAt its core machine learning is the process of finding patterns in data and using those patterns to make predictions on new data After a lot of baking over the past few years Sara learned that baking is also based on patterns For example the ratio of flour fat liquid and sugar that make up a cookie is very different from the ratio of those ingredients for a bread a pie crust or a muffin She used that discovery to create a recipe for a hybrid cake cookie and a cake filled with Maltesers Next up muffins  The first step was figuring out how to translate the task of generating a new muffin recipe into a machine learning task To solve this she planned to use numerical data on the amounts of different ingredients in a muffin recipe to train the model Sara considered two types of models for this task classification and regression A classification model would categorize muffin recipes into different muffin types based on their ingredient amounts and a regression model would do the reverse take a type of muffin and return the amount of each ingredient needed to make it She decided to build a regression model since it would be more fun for the model to return ingredient amounts rather than tell you which type of muffin recipe you re already making  Implementing this first required identifying a few muffin categories and collecting recipe data This presented a new challenge since her previous baking models used categories for distinct baked goods i e cakes cookies breads After scouring through quite a few recipes Sara discovered that many muffins fall into two types those that use only traditional ingredients as their base flour sugar butter milk etc and those that include an alternative ingredient most commonly a pureed fruit to make the base like bananas applesauce or pumpkin Using those two categories the model would take the type of muffin as input and return the amounts of base ingredients required to make that recipe Here the inputs can be any values adding up to The next step in the ML process was collecting recipe data to use for model training and narrowing down the ingredients used to train the model Sara wanted the model to learn the combination of core ingredients that make up a muffin batter rather than flavorings and additions like blueberries vanilla extract or chocolate chips These tasty additions could be added after the model helped create the muffin batter Once she gathered enough recipes she removed extra ingredients for training purposes and converted ingredients from different recipes into the same unit grams milliliters and teaspoons Building a muffin model with Vertex AISara uploaded the muffin ingredient data into BigQuery and then created a notebook instance in Vertex AI Workbench to analyze the data With the new Workbench managed instances you can interactively query BigQuery tables directly from your instance and copy the code to download your data to a notebook as a Pandas DataFrame From her notebook instance Sara experimented with different ML frameworks and model types She landed on a Scikit learn regression model to solve this task and to mimic a real world production environment decided to convert this workflow into a ML pipeline Using the Kubeflow Pipelines SDK she ran the following on Vertex Pipelines The first component reads the ingredient data from BigQuery and converts it into a Pandas DataFrame which is passed to the next pipeline step In this step we train a custom Scikit learn model on the recipe data Finally this model is deployed to an endpoint in Vertex AI To put it all together Sara built a web app that allowed her to easily generate ingredient amounts for different muffin types The web app uses the Vertex AI SDK to call the deployed model endpoint and return ingredient amounts The recipeWith a deployed recipe generation model the only thing left to do was test recipes in the kitchen Because the model only returns ingredient amounts there were still many key human elements to complete the baking process adding yummy additions to the core muffin batter making adjustments to optimize taste determining the method for adding ingredients baking time and more After testing a few recipes generated by the model we landed on a favorite which we re very excited to share with you here Berry ML MuffinsMakes muffinsFlour grams cups Granulated sugar grams cup Baking powder teaspoonsBaking soda ¼teaspoonSalt ½teaspoonCinnamon ½teaspoonMilk ml ⅔cup room temperatureButter grams ¼cup melted and slightly cooledEggs egg plus egg white room temperatureCanola or vegetable oil grams ¼cup Sour cream grams tablespoons ¾teaspoon room temperatureVanilla extract ½teaspoonsBlueberries or raspberries grams ½cups Coarse sugar like demerara or turbinado optional for topping tablespoon Measure your three cold ingredients and allow them to come to room temperature egg egg white sour cream and milk  Preheat the oven to F C Line a muffin tin with cupcake liners or lightly grease with baking spray In a large bowl whisk together flour baking powder baking soda salt and cinnamon Set aside Melt your butter in a medium heat proof bowl and allow it to cool slightly for a few minutes Whisk in sugar until combined Then add egg oil and vanilla milk and sour cream and whisk until fully incorporated Pour the wet ingredients into the dry ingredients mixing with a spatula until just combined Be careful not to overmix it s ok if there are a few lumps in your batter Prepare your fruit If you can t decide whether to use blueberries or raspberries divide your batter into two bowls and do both Crush half of your fruit and fold it into the batter Then mix in the remaining whole berries Divide the mixture evenly into the muffin tin Optionally but extra tasty sprinkle the tops of each muffin with about ⅛teaspoon of coarse sugar Turbinado or demerara sugar work well for this This will caramelize and add a nice texture to the tops of your muffins Bake at for minutes or until a toothpick inserted in the center comes out clean For best results do a toothpick test in a few muffins since not all ovens have an even temperature throughout Let the muffins cool in the muffin tin for a few minutes then transfer to a wire rack to cool completely Enjoy How can you participate in National Muffin Day Participation in National Muffin Day is as easy as On February Bake Muffins It s time to dust those muffin tins grab your blueberries chocolate chips rhubarb and favorite ingredients and create some magical scrumdiddlyumptiousness If you want to join Jacob in a virtual baking party you can register here Then Give In non pandemic years we asked our bakers to personally hand muffins to hungry folks in their cities While this is a valuable and rewarding experience the current state of Covid means this practice is still unsafe so we request that you refrain from doing this Instead if it feels safe we encourage you to take your delicious baked goods and donate them to local homeless shelters which can distribute them to those in need Alternatively you can share your muffins with friends and families and then make a donation to an organization that benefits people experiencing homelessness like the ones listed below in step Share Your Muffin Pics on Social Media We d love to see your muffins  Share your pictures on Twitter or Instagram with the hashtags givemuffins or share them to our official Facebook Event page For each individual baker who participates we will make donations to Project Homeless Connect which provides much needed resources to people experiencing homelessness in San Francisco Family promise which supports unhoused families nationwide and Pine Street Inn which provides resources for people experiencing homelessness in Boston Donations will be on a per baker basis with up to donated per baker so please feel free to loop in your significant others kids nieces and nephews roommates friends and anybody else with a giving spirit who loves deliciousness Related ArticleHow sweet it is Using Cloud AI to whip up new treats with Mars MaltesersMars uses Google Cloud AI to invent a tasty new cake that includes maltesers and marmite Read Article	2022-02-08 19:30:00