投稿時間:2021-11-16 01:36:29 RSSフィード2021-11-16 01:00 分まとめ(41件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
AWS AWS Government, Education, and Nonprofits Blog Stockholm Public Transport transforms its ticketing system with the AWS Cloud https://aws.amazon.com/blogs/publicsector/stockholm-public-transport-transforms-ticketing-system-with-aws-cloud/ Stockholm Public Transport transforms its ticketing system with the AWS CloudIn the Greater Stockholm Area SL Stockholm Public Transport is responsible for public transport services for more than three million citizens SL is transforming their ticketing system with a new future proof alternative built and managed in house This major digital transformation project built on the Amazon Web Services AWS Cloud and using microservices is currently being rolled out across the city The new ticketing system is an integral part of SL s commitment to make sure everyone who lives works in or visits Stockholm “has access to well developed easily accessible and reliable public transport 2021-11-15 15:17:27
python Pythonタグが付けられた新着投稿 - Qiita Python初心者がノンプロ研でPython学んでみた vol.1 https://qiita.com/GasNao703/items/3d166996be60794ec220 また、このノンプロ研、講座中にツイートをすることが推奨されています。 2021-11-16 00:38:35
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) JAVAのファイルの読み込みが上手く出来ません https://teratail.com/questions/369480?rss=all 2021-11-16 00:47:04
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) 連想配列で重複しているIDの列を削除+データを結合 https://teratail.com/questions/369479?rss=all 2021-11-16 00:30:23
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) Unity C#でのスクリプトについているPublic Variablesを取得・変更したい https://teratail.com/questions/369478?rss=all UnityCでのスクリプトについているPublicVariablesを取得・変更したいUnitynbspCで、他のScriptが使っているpublicnbspVariablesの値を変更するにはどのように記述すればいいのでしょうか目的のスクリプトコンポーネントを取得するところまではできているのですが、その先、PublicVariablesに載っている値を他のゲームオブジェクトから取得・変更したいのですが見つかりませんと言われてしまいます。 2021-11-16 00:29:44
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) Set-Cookieが返ってきているがCookieがブラウザに保存されない https://teratail.com/questions/369477?rss=all SetCookieが返ってきているがCookieがブラウザに保存されない発生している問題・エラーメッセージNextjsVercelnbspExpressAPIGatewaynbspLambdaをServerlessFrameworkで管理上記の構成でWebアプリケーションを開発しています。 2021-11-16 00:26:22
Docker dockerタグが付けられた新着投稿 - Qiita docker で mysql のコンテナが立ち上がらない https://qiita.com/tkek321/items/2706e752579f813ae80c docker 2021-11-16 00:26:51
Ruby Railsタグが付けられた新着投稿 - Qiita Macで.devドメインに繋げない場合の対処法 https://qiita.com/tichise/items/a17d08c2664272a5e735 Macでdevドメインに繋げない場合の対処法Macのブラウザから。 2021-11-16 00:48:51
海外TECH Ars Technica Android 12: The Ars Technica Review https://arstechnica.com/?p=1783736 android 2021-11-15 15:07:23
海外TECH MakeUseOf 5 Reasons to Factory Reset Your PS4 https://www.makeuseof.com/why-factory-reset-ps4/ strongly 2021-11-15 15:45:47
海外TECH MakeUseOf How to Install Notepad++ on Linux https://www.makeuseof.com/how-to-install-notepad-on-linux/ linux 2021-11-15 15:30:12
海外TECH DEV Community The 5 Short Frontend tips for November https://dev.to/melnik909/the-5-short-frontend-tips-for-november-cdh The Short Frontend tips for November The button role isn t enough for an accessible interfaceThere is a practice of overriding the button s default role It s a bad practice already because authors of the ARIA in HTML standard prohibit overriding of default roles in section But in addition people think if they define role button this element becomes accessible Yes it s true for screen readers But that s only one case This button isn t accessible for a keyboard Users can t focus on this element using the tab key Also this button isn t accessible for interaction using the enter or space keys So if you want to define role button don t do that Just use the button element don t do this lt div role button gt Go lt div gt lt or gt lt span role button gt Go lt span gt you can use it instead lt button gt Go lt button gt The bigger clickable area the better user friendly interactive elementsWhen we design interactive elements we have to think about how users will interact with them in particular a clickable area That is important because users use different kinds of interactions I often see designers and developers make a clickable area that is equal sizes of the element It s nice for users who use a mouse But that s a big problem for other users If users have a motor disability click on such an element is a nearly impossible task Sometimes I can t hit on such elements when I tap on them using a finger Also outline around elements has not enough contrast if I focused on them using a keyboard But we can solve these problems easily Just we should design more largest clickable area that will not conflict with other elements around The aria labelledby simplify navigation for users of screen readersAny web interface has a lot of sections that help users without vision disabilities orient at the page We just see headings and understand that is a section and also its sense But some users can t see They use the special quick navigation mode known as Regions list in screen readers In this mode screen readers display all regions on the page So users can go to any by some taps Unfortunately there is a problem that is section elements aren t displayed in this mode until we associate section heading with a section using the aria labelledby attribute So we have to add the id to the heading and add this as a value to the aria labelledby attribute that is defined for the section element As a result this section will be added to the regions list and users will know about it don t do this lt section gt lt h gt About me lt h gt lt p gt Lorem ipsum dolor sit amet consectetur lt p gt lt section gt you can use it instead lt section aria labelledby about me gt lt h id about me gt About me lt h gt lt p gt Lorem ipsum dolor sit amet consectetur lt p gt lt section gt Focus moving is underestimatedWe don t think about what to do with focus when we design elements that appear after user actions Or more specifically we just do nothing Therefore there are problems Firstly we cut off the possibility of more quick interaction For example when we log in on Groupon we have to focus on the input field to start filling in the form Instead when we go through the same case on Pinterest focus moves to the first input field automatically So we can start filling in the form without additional actions Secondly if users have vestibular disabilities login becomes an impossible task because in this case they lost the possibility of using a keyboard For example when we push on the sign in button on Groupon focus doesn t move inside of the form It s lost just For these reasons we have to design our interfaces with the thought of how focus should move In this case our interfaces will be accessible for more users Improving accepting the Cookies Policy using focusA last years there is a popular pattern when users have to accept Cookie Policy on websites So I ve wanted to research which solutions are and how they affect user experience Let s talk about it The typical solution is on the Fred Perry website Users can see text with a link on the cookies policy and an accept button When we use this kind of solution we have to use mouse touchpad or others devices for pushing on a link or button So we do additional actions Also there is another solution on the H amp M website They set focus on the cookie policy link The prop of this solution is users can consult with the policy if we just push the Enter key When they want to accept the policy we push the Tab and Enter keys We haven t to take in hand mouse or use the touchpad The problem of this solution is a lot of users read the policy already and don t want to read it again They just want to accept that So I suggest to set focus on the accept button In this case we quickly accept that using the Enter button And if we need to read the policy we just will switch on the link using the shift tab combination and then we ll go to read of policy by pushing the Enter key P S Thank you so much my sponsors Ben Rinehart Sergio Kagiema Jesse Willard Tanya Ten Spiridon Konofaos Also I tell stories from my career on Substack Join my free newsletter if you re interested in my background 2021-11-15 15:52:29
海外TECH DEV Community Building a Next.js app with Netlify, NextAuth.js, Prisma, and a PlanetScale serverless database https://dev.to/planetscale/building-a-nextjs-app-with-netlify-nextauthjs-prisma-and-a-planetscale-serverless-database-2edp Building a Next js app with Netlify NextAuth js Prisma and a PlanetScale serverless databaseGit centric workflows have fundamentally changed how we build for the web As developers we want isolated environments to develop and test our applications As Netlify s CEO Matt Biilmann mentioned in his recent Jamstack Conf keynote our back end data layer is still a single branch It s often talking to a long running server or a production environment It doesn t have to be this way PlanetScale supports database schema branching deploy requests and non blocking schema changes Your staging environment s database can be isolated from the production environment s database We are excited to announce a new Next js starter app that can be deployed to Netlify with the “Deploy to Netlify button uses NextAuth js for built in authentication and Prisma to interact with your PlanetScale database The starter app is located today on the Netlify Jamstack Templates page Want to get started right away Click the button below Note After you deploy to Netlify you will need to follow the instructions in the documentation to get your PlanetScale database up and running Since this is just the first version of this starter app we would love to hear your feedback 2021-11-15 15:40:01
海外TECH DEV Community Simplest way to compile all TypeScript into one single Js file by SilvenLEAF https://dev.to/silvenleaf/simplest-way-to-compile-all-typescript-into-one-single-js-file-19bj Simplest way to compile all TypeScript into one single Js file by SilvenLEAFAhoy there It s I SilvenLEAF Have you ever faced an issue where you have many TypeScript files but want them all to convert into one Single JavaScript file so that you can reference it from your HTML Then fear you not Let s get it done in the simplest way We ll be using Webpack with TypeScript Let s start Step Begin the projectCreate a folder and open it in your favorite editor mine VS Code Then type this command on your project terminalnpm init y It ll create a package json file to track all the packages that you d download and so on Bonus Step Adding TypeScriptFor those who are a bit lost on how to set up the environment and run the TypeScript files check this one out TypeScript SETUP by SilvenLEAFWell anyway in short for details checkout the above link install typescriptnpm i typescript init our tsconfig make sure you already have typescript globally installed if not type npm i g typescript And don t get it confused with the previous normal npm i typescript command tsc init It ll create a tsconfig file Let s update some of the properties from that tsconfig file outDir dist rootDir src It ll convert all TypeScript files that are inside src folder and output them in the dist folder Step Create a Simplest projectLet s create an index html file on the root level of your project folder with this following content lt By SilvenLEAF gt lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt script src dist app bundle js defer gt lt script gt lt title gt Webpack with TypeScript lt title gt lt head gt lt body gt lt h gt Let s learn Webpack with TypeScript lt h gt lt h id header gt lt h gt lt button id alertBtn gt Click me lt button gt lt body gt lt html gt See on line no we are referencing dist app bundle js JavaScript file This will be the single JavaScript file which will be compiled from all those TypeScript files Now let s create a folder src on the root level and inside it let s create all our TypeScript files Let s create app ts and variable ts files inside the src folder Inside variable ts file write the following contentexport const name SilvenLEAF And inside app ts file write the following content By SilvenLEAFimport name from variable const alertBtn document querySelector alertBtn as HTMLButtonElement const header document querySelector header as HTMLHeadingElementalertBtn addEventListener click e gt header innerHTML Hello there I m name Great We have a simple project created Now let s compile all those TypeScript files into one single file and test it out Step Configure WebpackType the following command to install the required packagesnpm i D webpack webpack cli typescript ts loader npm i D X is the shorthand for npm install save dev X Now create a webpack config js file on the root level of your project folder with the following content webpack config jsconst path require path module exports mode development devtool inline source map entry main src app ts output path path resolve dirname dist filename app bundle js lt Will be compiled to this single file resolve extensions ts tsx js module rules test tsx loader ts loader Now let s compile them and test it out Type this following command to compile all TypeScript files into one single filenpx webpackSee we are not using the tsc command to compile here because we are using webpack It ll create a single file named app bundle js inside dist folder We ll be linking this file on the index html See line no of index html fileNow let s test it out Launch the index html file with LIVE Server If you don t have this extension installed install it in VS Code or Atom or whatever Text Editor you are using and run it It ll run that html page live on your browser Click that Click me Button and see that it s working fine Before clicking the buttonAfter clicking the buttonHope it was helpful NEXT blog is coming by November th What s NEXT Learning DevOps with Github Actions More on DevOps Improved AI BOT that can do anything Insane stuff with JavaScript TypeScript Debugging TypeScript with VS Code Debugger Sequelize Hooks How to create an Android APP with NO XP including apk generating Got any doubt Drop a comment or Feel free to reach out to me SilveLEAF on Twitter or LinkedinWanna know more about me Come here SilvenLEAF github io 2021-11-15 15:15:26
海外TECH DEV Community Open-source Node.js commerce engine for Strapi https://dev.to/medusajs/open-source-nodejs-commerce-engine-for-strapi-259p Open source Node js commerce engine for StrapiUse Medusa and Strapi to power your commerce setup for a full open source headless solution In recent years it has become increasingly popular to go with a headless approach when building ecommerce blogs portfolios and the likes Among many benefits you get improved performance more customizability and support to scale as your business grows A headless system is essentially a decoupling of presentational layers and backend It cuts off the traditional proprietary frontend displaying your content hence the name and instead gives you Rest APIs you can consume from whatever system client or service you would like Going with the headless approach when building your setup will provide you with a modular system with best in breed services within each specific area of your stack CMS ecommerce etc This is in contrast to how you would traditionally choose a monolithic platform that partly or hardly caters to all of your needs This article will guide you through setting up a headless ecommerce setup in which content is managed by Strapi and the ecommerce is powered by Medusa on a open source stack Why Medusa and why Strapi The bottleneck of headless ecommerce systems is most often the amount of resources it requires to both get started and to maintain You need backend developers to handle your infrastructure and integrations and frontend developers to build the customer experience This is one of the reasons many existing headless solutions target enterprise businesses To allow for small to mid sized businesses to enter the space one must cater to the developer experience If the onboarding setup and implementation process are all easy to approach you no longer need a team of ten to build a scalable ecommerce setup Strapi and Medusa are two systems built primarily for developers and the combination of the two enables you to build an ecommerce store with a blazingly fast content rich frontend and a highly extendable backend Both projects are open source headless and built with Node js They use a very similar architecture for plugins and customizations that gives you the ability to extend your commerce and CMS to fit exactly your needs Let s now dive into the installation and setup of the two InstallationThe following guide for setting up the plugin assumes that you are familiar with both Strapi and Medusa If this is not the case visit the official Medusa and Strapi documentation Setting up MedusaFirst create a Medusa project using your favorite package manager You can go about this in two ways Use npxnpx create medusa app will allow you to create a Medusa store engine a storefront and Medusa admin in a single command using npxnpx create medusa app using yarnyarn create medusa appWhen choosing npx you are shown different store engine options as part of the setup For this Strapi tutorial you should choose medusa starter default Optionally pick a storefront Use medusa cli medusajs medusa cli is our Command Line Tool for creating the Medusa store engine alongside many other powerful commands Use it as such using yarnyarn global add medusajs medusa cli using npmnpm install g medusajs medusa cli initialise a Medusa projectmedusa new my medusa storeMedusa uses Redis for emitting events in the system so ensure that this is installed and running redis cli gt pingPONGAnd in medusa config js you should enable it Your project config in the bottom of the file should look similar to this projectConfig redis url REDIS URL database database medusa db sql database type sqlite store cors STORE CORS admin cors ADMIN CORS Additionally add Strapi to your list of plugins resolve medusa plugin strapi options strapi medusa user medusa user strapi medusa password medusaPassword strapi url strapi port And finally install the plugin using your package manager using yarnyarn add medusa plugin strapi using npmnpm install medusa plugin strapiYou ve now successfully installed and configured your Medusa store engine Seed it with data and start it up by running using npmnpm run seed amp amp npm start using yarnyarn seed amp amp yarn startWe ll now turn to the Strapi side of things Setting up StrapiSimilar to how you installed Medusa you can install Strapi using your favorite package manager Use the strapi medusa template to create your project The template is a custom Strapi implementation required for the two systems to work together using npxnpx create strapi app strapi medusa template using yarnyarn create strapi app strapi medusa template After running the command you have a full Strapi project configured to synchronize with Medusa Upon the initial start of the Strapi server all the required models will be created They will correlate with models from Medusa to allow for two way synchronization Note The Strapi template starter uses SQLite as the default database There is a known bug related to knex js that comes from multiple write connections Restarting the Strapi server should make the error disappear SynchronizationThe power of using Strapi with Medusa comes from two way synchronization Strapi allows you to enrich your products with extra fields and data such that you can perfect the customer experience But for the products to appear in Strapi you are required to create them in Medusa For the commerce logic in your presentational layer to function properly you need the Medusa IDs of products and variants This is used for operations like adding to cart and going through the checkout flow When products are created in Medusa the two way communication ensures that data is kept consistent between the two systems Though only some fields are synchronized and those are Product title subtitle description handleVariants titleRegion nameFurther down the road the support for synchronizing more entities is expected to be introducedUsing Postgres in Medusa optional For Postgres to function you need to create a local database One way of doing this would be to use your terminal createdb medusa store Depending on what system you are on and how your local Postgres is configured the above command might fail In that case please investigate the correct way to create a local database on your pc Navigate to your newly created Medusa project lt project name gt backend if you used npx In medusa config js ensure that you have Redis and Postgres enabled The project configurations at the bottom of the file should look similar to this projectConfig redis url REDIS URL database url DATABASE URL database type postgres store cors STORE CORS admin cors ADMIN CORS Note the DATABASE URL variable should use the Postgres database created in the previous step Summary and next stepsYou are now provided with the toolbox for creating amazing digital commerce experiences on top of a highly extendable CMS system and ecommerce platform To quickly get started see our starters for GatsbyJS much more feature rich V coming soon NextJSA big thanks to community member Pawan Sharma Deathwish for leading the implementation of this integration with Strapi If you want to be part of the Medusa community feel free to join us on our Discord channel 2021-11-15 15:04:12
Apple AppleInsider - Frontpage News Black Friday starts now at Adobe: Save up to 70% on Creative Cloud https://appleinsider.com/articles/21/11/15/black-friday-starts-now-at-adobe-save-up-to-70-on-creative-cloud?utm_medium=rss Black Friday starts now at Adobe Save up to on Creative CloudHoliday deal hunters can save up to on Adobe s Creative Cloud All Apps plan during the company s Black Friday and Cyber Monday sale that s going on now Adobe Creative Cloud on sale Read more 2021-11-15 15:43:47
海外TECH CodeProject Latest Articles How to achieve Place Search and Marker Clustering Implementation in Map App https://www.codeproject.com/Tips/5317445/How-to-achieve-Place-Search-and-Marker-Clustering clustering 2021-11-15 15:49:00
海外TECH CodeProject Latest Articles Layered Application Architecture with a Homogeneous Layer Structure https://www.codeproject.com/Articles/5317447/Layered-Application-Architecture-with-a-Homogeneou structure 2021-11-15 15:20:00
金融 ◇◇ 保険デイリーニュース ◇◇(損保担当者必携!) 保険デイリーニュース(11/16) http://www.yanaharu.com/ins/?p=4771 日本生命 2021-11-15 15:36:51
金融 RSS FILE - 日本証券業協会 株式投資型クラウドファンディングの統計情報・取扱状況 https://www.jsda.or.jp/shiryoshitsu/toukei/kabucrowdfunding/index.html 株式投資 2021-11-15 15:30:00
金融 金融庁ホームページ 企業会計審議会総会・会計部会(第8回)議事次第について公表しました。 https://www.fsa.go.jp/singi/singi_kigyou/siryou/kaikei/20211116.html 企業会計 2021-11-15 17:00:00
金融 金融庁ホームページ 第48回金融審議会総会・第36回金融分科会合同会合を開催します。 https://www.fsa.go.jp/news/r3/singi/20211122.html 金融審議会 2021-11-15 17:00:00
金融 金融庁ホームページ バーゼル銀行監督委員会による「ソブリン・エクスポージャーに係る任意開示」について掲載しました。 https://www.fsa.go.jp/inter/bis/20211115-01/20211115-01.html 開示 2021-11-15 17:00:00
金融 金融庁ホームページ バーゼル銀行監督委員会による「マーケット・リスクに係る開示要件の見直し」について公表しました。 https://www.fsa.go.jp/inter/bis/20211115-02/20211115-02.html 開示 2021-11-15 17:00:00
金融 金融庁ホームページ 九州財務局が、高病原性鳥インフルエンザ疑似患畜の確認を踏まえ、金融上の対応について要請しました。 https://www.fsa.go.jp/news/r3/ginkou/20211115.html 九州財務局 2021-11-15 17:00:00
金融 金融庁ホームページ 入札公告等を更新しました。 https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html 公告 2021-11-15 15:30:00
ニュース ジェトロ ビジネスニュース(通商弘報) 環境規制の強化続く、解釈や運用に課題も https://www.jetro.go.jp/biznews/2021/11/cd15c0438875cd81.html 環境規制 2021-11-15 15:40:00
ニュース ジェトロ ビジネスニュース(通商弘報) 「香港日本酒業連合会」が設立、日本産酒類の普及や発展を推進 https://www.jetro.go.jp/biznews/2021/11/a32e424a667bacad.html 香港 2021-11-15 15:30:00
ニュース ジェトロ ビジネスニュース(通商弘報) 「バイブラント・グジャラート2022」(VG2022)の全容が明らかに https://www.jetro.go.jp/biznews/2021/11/701f92ba06bc2548.html 全容 2021-11-15 15:20:00
ニュース ジェトロ ビジネスニュース(通商弘報) エネルギー相がCOP26で自国の気候変動対策について発言 https://www.jetro.go.jp/biznews/2021/11/c70253be71bb15de.html 気候変動 2021-11-15 15:10:00
ニュース BBC News - Home Liverpool Women's Hospital explosion declared a terror incident https://www.bbc.co.uk/news/uk-england-merseyside-59291095?at_medium=RSS&at_campaign=KARANGA liverpool 2021-11-15 15:40:46
ニュース BBC News - Home Covid booster doses will be offered to over-40s https://www.bbc.co.uk/news/health-59289008?at_medium=RSS&at_campaign=KARANGA booster 2021-11-15 15:45:44
ニュース BBC News - Home Children in hospital as Dulwich school's ceiling collapses https://www.bbc.co.uk/news/uk-england-london-59293546?at_medium=RSS&at_campaign=KARANGA london 2021-11-15 15:37:18
ニュース BBC News - Home Poland border crisis: EU to widen Belarus sanctions as row intensifies https://www.bbc.co.uk/news/world-europe-59289998?at_medium=RSS&at_campaign=KARANGA poland 2021-11-15 15:29:48
ニュース BBC News - Home Tamara Ecclestone burglary: Italian gang jailed for £26m celebrity raids https://www.bbc.co.uk/news/uk-england-london-59253057?at_medium=RSS&at_campaign=KARANGA december 2021-11-15 15:57:20
ニュース BBC News - Home Alexander Monson: Kenyan policemen jailed over UK aristocrat's death https://www.bbc.co.uk/news/world-africa-59291119?at_medium=RSS&at_campaign=KARANGA mombasa 2021-11-15 15:31:29
ニュース BBC News - Home Steve Bannon surrenders to face contempt charges https://www.bbc.co.uk/news/59253089?at_medium=RSS&at_campaign=KARANGA officials 2021-11-15 15:43:13
ビジネス 不景気.com 焼肉坂井HDの22年3月期は14億円の営業赤字へ、再拡大で - 不景気.com https://www.fukeiki.com/2021/11/yakiniku-sakai-2022-loss.html 赤字 2021-11-15 15:44:50
サブカルネタ ラーブロ 元祖 中華つけ麺 大王@自由が丘 「つけ麺」 http://ra-blog.net/modules/rssc/single_feed.php?fid=193693 続きを読む 2021-11-15 15:01:10
北海道 北海道新聞 歌舞伎座が収容人数緩和へ 来年1月から、2席並びに https://www.hokkaido-np.co.jp/article/611974/ 収容人数 2021-11-16 00:17:00
北海道 北海道新聞 首挟まり重体の2歳児死亡 岡山の認可保育園 https://www.hokkaido-np.co.jp/article/611973/ 岡山市北区 2021-11-16 00:14:00

コメント

このブログの人気の投稿

投稿時間: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件)