投稿時間:2022-06-01 14:24:55 RSSフィード2022-06-01 14:00 分まとめ(27件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
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

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)