投稿時間:2023-01-25 10:36:39 RSSフィード2023-01-25 10:00 分まとめ(37件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	米Microsoft、同社2023年第2四半期の業績を発表 ｰ 全体では増収もWindows・ハードウェア関連部門は厳しい状況	https://taisy0.com/2023/01/25/167586.html	microsoft	2023-01-25 00:55:31
IT	気になる、記になる…	iTunes Storeの｢今週の映画｣、今週は｢人生はローリングストーン｣（レンタル102円）	https://taisy0.com/2023/01/25/167584.html	apple	2023-01-25 00:19:56
ROBOT	ロボスタ	遠隔拠点から異なるメーカーのロボットを同時運用 OKI 「REMOWAY」の実証実験を高輪ゲートウェイ駅で実施	https://robotstart.info/2023/01/25/oki-remoway-takanawa-gateway.html		2023-01-25 00:00:17
TECH	Techable（テッカブル）	実物のアート作品が当たる！ NFTプラットフォーム「KAMADO CHOCHIN」β版ローンチ、年内に流通総額3000万目標	https://techable.jp/archives/193023	kamado	2023-01-25 00:55:17
TECH	Techable（テッカブル）	東陽テクニカ、モータの電気的挙動を再現する「モータエミュレータ」を発売。カナダ企業と提携	https://techable.jp/archives/193047	dvelectronics	2023-01-25 00:52:42
TECH	Techable（テッカブル）	ハーマン、JBLの新型スピーカー「Stage XD-5」の取り扱いを1月27日から開始	https://techable.jp/archives/193039	stagexd	2023-01-25 00:50:51
TECH	Techable（テッカブル）	HW ELECTRO、新型EV「ELEMO-L」発表。荷物を多く積めるバン型	https://techable.jp/archives/193031	elemo	2023-01-25 00:49:59
TECH	Techable（テッカブル）	患者が診察の待合状況をアプリで確認できる！患者支援スマホアプリ「wellcne」	https://techable.jp/archives/192987	connect	2023-01-25 00:48:37
TECH	Techable（テッカブル）	請求書特化のAI-OCRで手入力ゼロも可能。LayerXのクラウド請求書受領ソフト「バクラク請求書」とは？	https://techable.jp/archives/192993	aiocr	2023-01-25 00:47:38
TECH	Techable（テッカブル）	インボイス制度・改正電帳法に対応！SBIグループの「請求QUICK」に請求書受取機能を追加	https://techable.jp/archives/193101	quick	2023-01-25 00:47:00
TECH	Techable（テッカブル）	キャスター付きで高い機動性！ソニーの国産ドローンAirpeak S1の長時間運用をサポートするバッテリーステーション登場	https://techable.jp/archives/193098	airpeaks	2023-01-25 00:45:25
TECH	Techable（テッカブル）	国内初！沖縄銀行が電子契約サービス「SMBCクラウドサイン」を事業製融資契約に導入	https://techable.jp/archives/193120	沖縄銀行	2023-01-25 00:44:48
TECH	Techable（テッカブル）	AIを活用して大阪・京橋をスマートシティに。NTT西日本らが市民参加型の実証実験を開始	https://techable.jp/archives/193081	取り組み	2023-01-25 00:44:00
TECH	Techable（テッカブル）	愛犬と訪問できる全国のスポットを検索できる。無料の地図アプリ「おでわんMAP」	https://techable.jp/archives/192970	受け入れ	2023-01-25 00:43:28
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	漏洩したメールアドレス/パスワードを検知する「SPC Leak Detection」にレポート機能を追加─ソースポッド | IT Leaders	https://it.impress.co.jp/articles/-/24354	漏洩したメールアドレスパスワードを検知する「SPCLeakDetection」にレポート機能を追加ーソースポッドITLeadersソースポッドは年月日、漏洩アカウント自動検知サービス「SPCLeakDetection」のレポート作成機能を同年月中に追加すると発表した。	2023-01-25 09:30:00
AWS	AWS Management Tools Blog	Build Cloud Operations Skills Using the New Getting Started with AWS Audit Manager Training	https://aws.amazon.com/blogs/mt/build-cloud-operations-skills-using-the-new-getting-started-with-aws-audit-manager-training/	Build Cloud Operations Skills Using the New Getting Started with AWS Audit Manager TrainingAre you responsible for your organization s compliance Do you want to simplify and automate audit activities Do you want to make sure your organization is compliant with internal control frameworks and industry standards If you need to simplify your risk and compliance assessments while automating evidence collection in your AWS cloud environment then getting started …	2023-01-25 00:22:46
AWS	AWS Security Blog	Deploy a dashboard for AWS WAF with minimal effort	https://aws.amazon.com/blogs/security/deploy-dashboard-for-aws-waf-minimal-effort/	Deploy a dashboard for AWS WAF with minimal effortJanuary This post was republished to update the code architecture and narrative September Amazon Elasticsearch Service has been renamed to Amazon OpenSearch Service See details In this post we ll show you how to deploy a solution in your Amazon Web Services AWS account that will provide a fully automated dashboard for …	2023-01-25 00:31:15
AWS	AWS	Now Open: AWS Melbourne Region | Amazon Web Services	https://www.youtube.com/watch?v=_KdIFLLR7Ic	Now Open AWS Melbourne Region Amazon Web ServicesWe are excited to announce the new AWS Asia Pacific Melbourne Region is now available The AWS Asia Pacific Melbourne Region consists of three Availability Zones and is our second AWS Region in Australia joining the AWS Asia Pacific Sydney Region which launched in This second AWS Region in Australia will provide customers with more options to run workloads with the benefit of higher performance greater flexibility and availability Data is securely stored in Australia and will serve end users with even lower latency AWS is also committed to driving economic development in Australia by investing in infrastructure jobs and education in the communities in which we operate in and our Customers and Partners will have access to advanced AWS technologies to drive innovation become more agile and lower costs Learn more Subscribe More AWS videos More AWS events videos ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing	2023-01-25 00:33:29
AWS	AWS Security Blog	Deploy a dashboard for AWS WAF with minimal effort	https://aws.amazon.com/blogs/security/deploy-dashboard-for-aws-waf-minimal-effort/	Deploy a dashboard for AWS WAF with minimal effortJanuary This post was republished to update the code architecture and narrative September Amazon Elasticsearch Service has been renamed to Amazon OpenSearch Service See details In this post we ll show you how to deploy a solution in your Amazon Web Services AWS account that will provide a fully automated dashboard for …	2023-01-25 00:31:15
デザイン	コリス	2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ	https://coliss.com/articles/build-websites/operation/work/html-head-elements.html	続きを読む	2023-01-25 00:36:44
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu22.04 Jammy をNATルーターに仕立てるメモ	https://qiita.com/shigeokamoto/items/6aa20945690f11af4abd	jammy	2023-01-25 09:20:12
AWS	AWSタグが付けられた新着投稿 - Qiita	指定した複数リージョンのセキュリティグループの一覧をワンライナーで作る	https://qiita.com/daisukeArk/items/bbb2290c1ac4413adf90	awscli	2023-01-25 09:56:09
海外TECH	DEV Community	Avoiding code duplication in styled components	https://dev.to/aligumustosun/avoiding-code-duplication-in-styled-components-5a7j	Avoiding code duplication in styled componentsLet s say you need to create different elements that have similar style attributes but not the same Traditional way to do this in CSS is to create a class and give that class to your elements Then you create different classes for the different attributes It will look like the example below styles css box display flex align items center justify content center width px height px border px solid green border radius px first box color red second box color blue component tsximport React Component from react import styles css class Component extends Component render return lt div gt lt div className box first box gt lt span gt first box lt span gt lt div gt lt div className box second box gt lt span gt second box lt span gt lt div gt lt div gt And the output Now I will show you two different ways to achieve the same goal using styled components Using css markupInheriting another styled component Using css markupIn this example we will save the shared piece of css values in a variable and use that variable while we are creating the other components component tsximport React Component from react import styled css from styled components const boxCss css display flex align items center justify content center width px height px border px solid green border radius px const FirstBox styled div boxCss color red const SecondBox styled div boxCss color blue class App extends Component render return lt div gt lt FirstBox gt lt span gt first box lt span gt lt FirstBox gt lt SecondBox gt lt span gt second box lt span gt lt SecondBox gt lt div gt And we have the same visual result As you can see we save the piece of css markup that we want to share in a variable and use it as a text inside styled component definition Inheriting another styled componentIn this example we are going to create a component named that will have the shared attributes and we will inherit this component while creating the other components component tsximport React Component from react import ReactDOM from react dom import styled css from styled components const Box styled div display flex align items center justify content center width px height px border px solid green border radius px const FirstBox styled Box color red const SecondBox styled Box color blue class App extends Component render return lt div gt lt FirstBox gt lt span gt first box lt span gt lt FirstBox gt lt SecondBox gt lt span gt second box lt span gt lt SecondBox gt lt div gt As you can see we still have the same result I hope you liked it and it was useful for you Thank you for reading You can follow me on LinkedIn for more content related to web development	2023-01-25 00:14:32
海外TECH	DEV Community	Multi-step form ReactJS	https://dev.to/jucian0/multi-step-form-reactjs-6cn	Multi step form ReactJSHi folks in this tutorial I want to show you how easily you can build a multi step form using use form use form library and react use wizard These forms are super useful when you want to save complicated forms or forms with many fields so let s do that IntroductionOne of the challenges of building multi step forms is how to manage the entire form across many step components that should keep parts of the same form with the same validation schema same submit button and same state By using another library s forms you should use React s Context API and the useContext hook By contrast when you use the use form use form you do not need anything like this You need to create one form and use it across all steps Let s get started and figure out how it is possible Setting up the ApplicationOur first task is to prepare an application to develop your example of a multi step form This can be done with React Vite and with Codesandbox it will be easier since there are templates for React Vite on Codesandbox Next we need to install some dependencies in order to develop your example so we will install use form use form react use wizard and to save some time and have a beautiful result we can add chakra ui Feel free to use another library or CSS library yarn add use form use form react use wizardyarn add chakra ui react emotion react emotion styled framer motion Organizing the App ComponentThe first step is to organize the App tsx file We are about to add a title and some stuff to make the layout look better In order to save time we are already importing and add the PersonForm this the component form that we are going to write in the next step import ChakraProvider Text Box from chakra ui react import PersonForm from PersonForm Form function App return lt ChakraProvider gt lt Box display flex justifyContent center gt lt Text fontSize xl gt Multi step form example lt Text gt lt Box gt lt PersonForm gt lt ChakraProvider gt export default App Creating the formTemplates and components aren t the first things we need to think about first we need to think about what is really important and what we are building In order to build a multi step form we need to know how this form will work if there are any rules or validations how many fields it will have and how many steps it will require before we develop the templates and components In this example let s develop a form that submits information about a person This form should have two steps The first step will deal with basic information about this person like first name last name and age In the second step we will deal with complementary information such as city street and zip code Codding the usePersonForm HookTo do that we are going to create a file named usePersonForm ts inside PersonForm directory import createForm from use form use form export const usePersonForm createForm initialValues firstName lastName age null address street city zipCode mode onChange Codding the Form componentThe Form component should keep all the steps and handle the submit and reset events We will import the Wizard component from react use wizard and our step components BasicInfoStep and AddressStep which will handle the logic for each step of the form import usePersonForm from usePersonForm import Wizard from react use wizard import BasicInfoStep from BasicInfoStep import AddressStep from AddressStep export function PersonForm const form usePersonForm function handleSubmit e console log e function handleReset e return lt form onReset form handleReset handleReset onSubmit form handleSubmit handleSubmit gt lt Wizard gt lt BasicInfoStep gt lt AddressStep gt lt Wizard gt lt form gt Codding stepsThe components of the steps should contain the form fields and manage them Codding BasicInfoStepThe first thing we need to do is import and use the useWizard hook This hook manages the Wizard step position It could be more convenient if we could manage it from Form as it could save some lines of code Unfortunately react use wizard doesn t allow it As a second step import the usePersonForm hook as we are about to use it here to register each field with the register function The last step is to add some buttons to navigate to the next form step and reset the form value import Input Text from chakra ui react import usePersonForm from usePersonForm import Button Stack from chakra ui react import useWizard from react use wizard export function BasicInfoStep const previousStep nextStep useWizard const register usePersonForm return lt Stack p gt lt Text fontWeight bold gt Basic Info lt Text gt lt Input mt placeholder First name register firstName gt lt Input mt placeholder Last name register lastName gt lt Input mt placeholder Age type number register age gt lt Stack direction row spacing justify center mt gt lt Button type reset gt Reset lt Button gt lt Button onClick nextStep gt Next lt Button gt lt Stack gt lt Stack gt Codding AddressStepAgain in the first we need to import and use the useWizard hook which manages the Wizard step position This step involves importing the usePersonForm hook which will be used to register every field with the register function The last step is to add some buttons for submitting the form resetting the form s value and for navigating to the previous form step import Input from chakra ui react import Button Stack Text from chakra ui react import usePersonForm from usePersonForm import useWizard from react use wizard export function AddressStep const previousStep useWizard const register usePersonForm return lt Stack p gt lt Text fontWeight bold gt Address lt Text gt lt Input mt placeholder Street register address street gt lt Input mt placeholder City register address city gt lt Input mt placeholder Zip Code register address zipCode gt lt Stack direction row spacing justify center mt gt lt Button onClick previousStep gt Previous lt Button gt lt Button type reset gt reset lt Button gt lt Button type submit gt Submit lt Button gt lt Stack gt lt Stack gt This is the final file structure of the example You can see the result in the Codesandbox ConclusionBuilding a multi step form can be easy if you use the right tools to build it In this tutorial I showed you how use form use form can do that easily Using use form use form you can continue on and create more complex forms whether they are multi step or not In the next post I m going to show you how to add some validation in this form	2023-01-25 00:06:25
Apple	AppleInsider - Frontpage News	Apple gearing up to re-release revamped HomeKit architecture	https://appleinsider.com/articles/23/01/25/apple-gearing-up-to-re-release-revamped-homekit-architecture?utm_medium=rss	Apple gearing up to re release revamped HomeKit architectureNew unearthed code suggests that Apple will soon re release its Homekit architecture after it initially withdrew the option in December Apple s December HomeKit architecture rolloutIn December Apple withdrew the option to upgrade Homekit to the new architecture following reports the update wasn t working properly for users Read more	2023-01-25 00:15:38
海外科学	NYT > Science	Where is Physics Headed (and How Soon Do We Get There)?	https://www.nytimes.com/2023/01/24/science/physics-cosmology-astronomy.html	headed	2023-01-25 00:24:32
金融	日本銀行：RSS	（日銀レビュー）短観における「研究開発投資」の見方―データの特徴点やクセを中心に―	http://www.boj.or.jp/research/wps_rev/rev_2023/rev23j01.htm	研究開発	2023-01-25 10:00:00
金融	日本銀行：RSS	「生活意識に関するアンケート調査」（第93回）の実施について	http://www.boj.or.jp/research/o_survey/ishiki.htm	生活意識に関するアンケート調査	2023-01-25 10:00:00
ニュース	BBC News - Home	Sales of toys under £10 fall as cost of living rises	https://www.bbc.co.uk/news/business-64386885?at_medium=RSS&at_campaign=KARANGA	buying	2023-01-25 00:04:33
ニュース	BBC News - Home	Eurostar trains carrying 30% fewer passengers	https://www.bbc.co.uk/news/business-64390979?at_medium=RSS&at_campaign=KARANGA	company	2023-01-25 00:48:11
ニュース	BBC News - Home	Amazon workers claim robots are treated better	https://www.bbc.co.uk/news/business-64384287?at_medium=RSS&at_campaign=KARANGA	amazon	2023-01-25 00:00:42
ニュース	BBC News - Home	The Papers: 'Berlin sends tanks' and 'Hunt rules out tax cuts'	https://www.bbc.co.uk/news/blogs-the-papers-64394546?at_medium=RSS&at_campaign=KARANGA	The Papers x Berlin sends tanks x and x Hunt rules out tax cuts x Many of Wednesday s papers look at calls for Chancellor Jeremy Hunt to cut taxes and Germany s decision to send Leopard tanks to Ukraine	2023-01-25 00:09:17
ニュース	BBC News - Home	China Covid: Coffins sell out as losses mount	https://www.bbc.co.uk/news/world-asia-china-64347085?at_medium=RSS&at_campaign=KARANGA	considerable	2023-01-25 00:10:55
ニュース	BBC News - Home	The Gaza family tending World War graves for 100 years	https://www.bbc.co.uk/news/world-middle-east-64344483?at_medium=RSS&at_campaign=KARANGA	world	2023-01-25 00:42:23
ニュース	BBC News - Home	Smear tests: GP waiting times putting women off cervical screening	https://www.bbc.co.uk/news/health-64337138?at_medium=RSS&at_campaign=KARANGA	england	2023-01-25 00:49:08
マーケティング	MarkeZine	経営がパーパスにリードされる状態を目指して。博報堂 藤平氏が目指す、パーパス起点の「整合」	http://markezine.jp/article/detail/40966		2023-01-25 09:30:00
IT	週刊アスキー	アップル「iOS 17」あまり変更点ないかも	https://weekly.ascii.jp/elem/000/004/121/4121779/	bloomberg	2023-01-25 09:30:00