ROBOT |
ロボスタ |
Pudu Robotics 四足歩行型の配送ロボット「PUDU D1」を発表 段差の乗り上げや不整地での走行が可能 |
https://robotstart.info/2022/06/01/pudu-d1-business-robot.html
|
|
2022-06-01 04:29:19 |
IT |
ITmedia 総合記事一覧 |
[ITmedia News] Meta、ティッカーシンボルを「FB」から「META」に変更 6月9日から |
https://www.itmedia.co.jp/news/articles/2206/01/news116.html
|
facebook |
2022-06-01 13:49:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] JR西、エレベーターを自動乗降する掃除ロボット導入へ 実証実験を開始 |
https://www.itmedia.co.jp/business/articles/2206/01/news096.html
|
itmedia |
2022-06-01 13:30:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia PC USER] ZOTAC、28.5mm厚のスリム筐体を採用したCore i5搭載ミニデスクトップPC |
https://www.itmedia.co.jp/pcuser/articles/2206/01/news111.html
|
corei |
2022-06-01 13:16:00 |
TECH |
Techable(テッカブル) |
ReadSpeakerの合成音声で話すデジタルヒューマン登場。感情表現や相槌で人間らしく |
https://techable.jp/archives/179794
|
readspeaker |
2022-06-01 04:02:41 |
IT |
情報システムリーダーのためのIT情報専門サイト IT Leaders |
ヨドバシカメラがEC強化を狙いシステム開発会社のクリエーションラインに出資 | IT Leaders |
https://it.impress.co.jp/articles/-/23254
|
ヨドバシカメラがEC強化を狙いシステム開発会社のクリエーションラインに出資ITLeadersヨドバシホールディングスは、ヨドバシカメラのECサイト強化などを目的に、システム開発会社のクリエーションラインに出資した。 |
2022-06-01 13:53:00 |
AWS |
AWS Japan Blog |
AWS Proton 自己管理型プロビジョニング |
https://aws.amazon.com/jp/blogs/news/aws-proton-self-managed-provisioning/
|
この記事は、本リリースに関するつの記事のうちの後編です。 |
2022-06-01 04:47:26 |
AWS |
AWS Japan Blog |
AWS Proton Terraform テンプレート |
https://aws.amazon.com/jp/blogs/news/aws-proton-terraform-templates/
|
ローンチ当初はAWSProtonを使ったインフラストラクチャをプロビジョニングするための唯一のオプションとしてAWSCloudFormationが、お客様に提供されました。 |
2022-06-01 04:47:07 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
【はじめの一歩】OCIのMySQL Database Serviceをつかってみよう!(MDS+Python 他⑥):プレースホルダー使用のSELECT |
https://qiita.com/hm-peasant/items/e641c95a311a69ab10a1
|
connectorpython |
2022-06-01 13:58:58 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
逆ポーランド記法に変換するプログラムを公開します |
https://qiita.com/Iyarr/items/a56b5c911caffcbdf821
|
逆ポーランド記法 |
2022-06-01 13:52:54 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
M5stack Core2でBluetooth接続 PCのpythonプログラム3(PCで受信) |
https://qiita.com/ganmodoki_oishii/items/c0c1de2dd16a4539c05a
|
bluetooth |
2022-06-01 13:28:26 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
OpenSearch DashboardにVPC外からSSM経由でアクセスする |
https://qiita.com/itsuki3/items/c696888b32b6fd55b4d3
|
dashboard |
2022-06-01 13:08:21 |
Azure |
Azureタグが付けられた新着投稿 - Qiita |
Azure Synapse Analytics workspace成果物の Azure DevOps によるCICD【any branch編】 |
https://qiita.com/ryoma-nagata/items/ffc725cb2411024a5a0e
|
azuresynapseanalyticswork |
2022-06-01 13:42:32 |
技術ブログ |
Developers.IO |
textlintで表記ゆれチェックルール集を一部無視する設定 |
https://dev.classmethod.jp/articles/eetann-ignore-textlint-rule-prh/
|
eetann |
2022-06-01 04:48:28 |
技術ブログ |
Developers.IO |
Amazon FSx for NetApp ONTAPにNetwork Load Balancer経由でアクセスしてみた |
https://dev.classmethod.jp/articles/access-amazon-fsx-for-netapp-ontap-via-network-load-balancer/
|
amazonfsxfornetappont |
2022-06-01 04:48:17 |
技術ブログ |
Developers.IO |
当日読書するスタイルの輪読会の効果を最大限上げるためにやったこと |
https://dev.classmethod.jp/articles/book-reading-with-team-of-full-remote-worker-improve-effectiveness/
|
輪読 |
2022-06-01 04:30:07 |
海外TECH |
DEV Community |
How I made a really fast Link Shortener that runs on the edge |
https://dev.to/nexxeln/how-i-made-a-really-fast-link-shortener-that-runs-on-the-edge-2gm
|
How I made a really fast Link Shortener that runs on the edgeI recently made a link shortener called deoxys named after a really fast Pokémon It s really really fast because it uses Vercel Edge Functions Edge functions are basically functions that run on the cloud so they are really fast and have no cold starts and everything runs on the server so there is zero client side burden In this blog I m going to give you an overview of the architecture of deoxys StackNext jsPrismaPlanetScaletRPCTypeScript of course TailwindCSSVercel High level overviewThe frontend is built with Next js which is a full stack React framework I m using tRPC as my API layer for that sweet type safety I wrote a blog about tRPC if you re not familiar with it The database is a MySQL database Vitess to be precise provided by PlanetScale Whenever someone shortens a new link the frontend calls a tRPC mutation to store that in the database The ORM I m using is Prisma because it is simply the best Now here comes the interesting part whenever someone visits a shortened URL lets say it will run an edge function to check if the provided slug in this case cat is a valid slug if it is it will redirect the user to whatever the URL was Code walkthroughYou can look at the source code here It s just a standard Next js project I also set up tRPC and Prisma and connected to my database prisma schema prismamodel ShortLink id Int id default autoincrement createdAt DateTime default now url String db VarChar slug String unique index slug This is the schema for the database Very simple and minimal Next I made the API endpoint that will check if a slug is valid or not For this I used a Next js API Route I had to do this because the edge function can t use the prisma client Note that this is a dynamic route src pages api get link slug tsimport type NextApiRequest NextApiResponse from next import prisma from db client export default async req NextApiRequest res NextApiResponse gt const slug req query slug if slug typeof slug string res status json message please provide a slug return const data await prisma shortLink findFirst where slug equals slug if data res status json message short link not found return res setHeader Content Type application json res setHeader Access Control Allow Origin res setHeader Cache Control s maxage stale while revalidate res json data return If the slug is valid it is also caching the response for seconds This is what makes the edge function even faster Next I wrote my edge function in Next js edge functions are written in pages middleware ts src pages middleware tsimport NextFetchEvent NextRequest NextResponse from next server export async function middleware req NextRequest event NextFetchEvent if req nextUrl pathname startsWith api req nextUrl pathname return const slug req nextUrl pathname split pop const fetchSlug await fetch req nextUrl origin api get link slug if fetchSlug status return NextResponse redirect req nextUrl origin const data await fetchSlug json if data url return NextResponse redirect data url It calls that endpoint and checks if the slug is valid if it is it redirects the user to the URL corresponding to the slug That s pretty much it Now I built a nice UI for it using Tailwind I also made two tRPC endpoints The first one is to check if a slug has been previously used before in real time I find this real time validation to be really cool Look at this The second endpoint is to create new links and write it to the database The code looks like this src pages api trpc trpc tsimport as trpc from trpc server import as trpcNext from trpc server adapters next import z from zod import prisma from db client export const appRouter trpc router query checkSlug input z object slug z string async resolve input const slugCount await prisma shortLink count where slug equals input slug return used slugCount gt mutation createShortLink input z object slug z string url z string async resolve input try await prisma shortLink create data slug input slug url input url catch error console log error export type AppRouter typeof appRouter export default trpcNext createNextApiHandler router appRouter createContext gt null I m also using zod for input validation here Really good library The rest was simple I just made a form component that called my tRPC endpoints First I declared some state for the form const form setForm useState lt Form gt slug url I also called my tRPC endpoints here const checkSlug trpc useQuery checkSlug slug form slug refetchOnReconnect false refetchOnMount false refetchOnWindowFocus false const createShortLink trpc useMutation createShortLink Here comes the form lt form onSubmit event React FormEvent lt HTMLFormElement gt gt event preventDefault createShortLink mutate form className mt gt checkSlug data used lt span className font medium text center text red gt This link has already been used lt span gt lt span className font medium text center gt url form slug lt span gt Here I m passing an onSubmit function to the form that calls that tRPC mutation and passes the form state in the input Also this is where I m actually implementing that real time validation if the endpoint returns used as true it will make the border red and show the error message Inside the form there are just a bunch of inputs here is how they work lt input type url value form url maxLength onChange e gt setForm form url e target value placeholder className block w full px py font normal bg black border border gray rounded md focus outline none placeholder text gray required gt This input is for the URL that has to be shortened here I m passing an onChange function to set my form state Also the type url helps in validation For random slugs I m using a library called random word slugs it s pretty cool Here s the code for the random button lt input type button value Random className px py ml font medium transition colors duration bg indigo border border indigo rounded cursor pointer hover bg transparent onClick gt const slug generateSlug setForm form slug checkSlug refetch gt The generateSlug function comes from the random word slugs library I m also setting the state and checking if that particular slug has already been used before Now if the creation of the short link was successful it shows this page Here s the code for that if createShortLink status success return lt div className flex flex col items center justify center mx mt gt lt span className pb text lg font semibold gt Here s your link lt span gt lt div className flex items center gap gt lt h className text lg text center md text xl gt url form slug lt h gt lt button className px py ml font medium transition colors duration bg indigo border border indigo rounded hover bg transparent onClick gt copy url form slug gt Copy lt button gt lt div gt lt button className px mt py ml font medium transition colors duration bg indigo border border indigo rounded hover bg transparent onClick gt createShortLink reset setForm slug url gt Create New lt button gt lt div gt tRPC returns the status of a mutation too So here if it returns success it shows the shortened URL and a copy to clipboard button There is also a create new button that resets the tRPC mutation and resets the form state as well You can see the full code for this component here That s it There are a lot of moving parts to this I hope I gave you nice overview of how deoxys functions Website Code Thanks for reading |
2022-06-01 04:48:32 |
海外TECH |
DEV Community |
Flutter - Wireless device |
https://dev.to/ushieru/flutter-wireless-device-5g9h
|
Flutter Wireless deviceRequisitos Android o superior Flutter Instalado y configurado EmpecemosActive sus herramientas de desarrollador Dentro de sus herramienta de desarrollador active depuración inalámbrica Wireless debugging esta un par de opciones debajo de depuración USB USB debugging Asegúrese que esta su PC y su móvil en la misma red Entre a depuración inalámbrica ahi le mostrara la ip y el puerto des dispositivo Asegúrese de tener el comando adb en su terminal Si no lo tienes no te preocupes agrégalo a tus variables de entorno Si tienes Android Studio instalado la ruta debería ser algo como gt C Users TU USUARIO AppData Local Android Sdk platform tools Corre el comando adb connect IP PORT Ahora la prueba de fuego corre algún proyecto que tengas por ahí Para fines prácticos yo usare un Hello world de flutter Lo logramos Ya solo queda cerrar la conexión de adb No obligatorio si recomendado Que te pareció Necesitas ayuda con algo déjalo en los comentarios Mucha suerte en tus proyectos y Happy Hacking |
2022-06-01 04:32:19 |
金融 |
ニッセイ基礎研究所 |
宿泊旅行統計調査2022年4月~延べ宿泊者数は2019年同月比でマイナス幅が若干縮小。外国人観光客の受け入れ再開へ |
https://www.nli-research.co.jp/topics_detail1/id=71268?site=nli
|
日本人延べ宿泊者数の年同月比は、新型コロナウイルスの感染が拡大した影響によりマイナスで推移していたが、年月にはと、か月ぶりのプラスとなった。 |
2022-06-01 14:00:29 |
金融 |
ニッセイ基礎研究所 |
法人企業統計22年1-3月期-収益環境が厳しさを増すなかでも、増益を確保 |
https://www.nli-research.co.jp/topics_detail1/id=71264?site=nli
|
設備投資の需要側推計に用いられる法人企業統計の設備投資ソフトウェアを除くは前年比月期同と四半期連続で増加した。 |
2022-06-01 13:15:52 |
ニュース |
BBC News - Home |
Ukraine war: US to send heavier rockets in latest aid package |
https://www.bbc.co.uk/news/world-us-canada-61655577?at_medium=RSS&at_campaign=KARANGA
|
officials |
2022-06-01 04:10:52 |
ニュース |
BBC News - Home |
KK: 'Devastated' fans and colleagues pay tribute to Indian singer |
https://www.bbc.co.uk/news/world-asia-india-61644470?at_medium=RSS&at_campaign=KARANGA
|
kolkata |
2022-06-01 04:05:09 |
ニュース |
BBC News - Home |
The Papers: 'Boris may be toast' and fresh blow to Russian oil |
https://www.bbc.co.uk/news/blogs-the-papers-61654708?at_medium=RSS&at_campaign=KARANGA
|
insurance |
2022-06-01 04:14:52 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【寄稿】中国で外科医が死刑執行人に - WSJ発 |
https://diamond.jp/articles/-/304133
|
死刑執行人 |
2022-06-01 13:23:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
転職に有利なのは「リンクトイン」より今や「スラック」 - WSJ発 |
https://diamond.jp/articles/-/304134
|
転職 |
2022-06-01 13:22:00 |
IT |
週刊アスキー |
サンコー、缶詰も温められる卓上フードスチーマー「レンジ要らずで食べごろスチーマー」を発売 |
https://weekly.ascii.jp/elem/000/004/093/4093276/
|
食べごろ |
2022-06-01 13:45:00 |
ニュース |
THE BRIDGE |
挫折からの再起、カスタマーサクセスのHiCustomerが「2打席目」サービス、Arch(アーチ)公開 |
https://thebridge.jp/2022/06/hicustomer-released-onboarding-forcused-saas-arch
|
挫折からの再起、カスタマーサクセスのHiCustomerが「打席目」サービス、Archアーチ公開ニュースサマリカスタマーサクセス管理プラットフォーム「HiCustomer」は月日、カスタマーサクセスにおけるオンボーディングに特化した支援プロダクト「Archアーチ」の正式公開を伝えている。 |
2022-06-01 04:02:01 |
コメント
コメントを投稿