IT |
ITmedia 総合記事一覧 |
[ITmedia Mobile] スプラトゥーンの連携アプリ「イカリング3」がスマホのウィジェットに対応 |
https://www.itmedia.co.jp/mobile/articles/2209/27/news199.html
|
android |
2022-09-27 19:20:00 |
AWS |
AWS - Japan |
ドメイン駆動設計のススメ 〜開発しやすいコードを書こう ~ #AWSDevLiveShow |
https://www.youtube.com/watch?v=T4niXwK6Zhk
|
ドメイン駆動設計のススメ開発しやすいコードを書こうAWSDevLiveShowアンケートにご協力いただいた方の中から先着名の方にAWSクレジットコードをプレゼントします。 |
2022-09-27 10:47:45 |
AWS |
lambdaタグが付けられた新着投稿 - Qiita |
ServerlessFrameworkでLambda(Go)を動かしたらファイルが見つからずエラーになる |
https://qiita.com/Sicut_study/items/d658e9918d2a92f2d047
|
lambda |
2022-09-27 19:46:09 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
PythonとC言語を勝負させた結果をLINE Botで通知してみた。 |
https://qiita.com/UmeTanTan/items/651a040fa9ed5a237229
|
linebot |
2022-09-27 19:07:29 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
"rails g"コマンドを叩いたらターミナルが固まってしまった時の対処法 |
https://qiita.com/shuhei_m/items/6445c86d213a833a0415
|
ctrlc |
2022-09-27 19:15:48 |
Linux |
Ubuntuタグが付けられた新着投稿 - Qiita |
Dockerでubuntuを動かす~インストールからROSにおける通信まで~ |
https://qiita.com/adrauto/items/0be08d74d4ec7eea3225
|
docker |
2022-09-27 19:37:54 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
ACM for Nitro Enclaves が Apache HTTP ウェブサーバーのサポートを開始したので試してみる |
https://qiita.com/leomaro7/items/0c47f0a30956a30ca0f8
|
acmfornitroenclaves |
2022-09-27 19:51:03 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
ServerlessFrameworkでLambda(Go)を動かしたらファイルが見つからずエラーになる |
https://qiita.com/Sicut_study/items/d658e9918d2a92f2d047
|
lambda |
2022-09-27 19:46:09 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
Dockerでubuntuを動かす~インストールからROSにおける通信まで~ |
https://qiita.com/adrauto/items/0be08d74d4ec7eea3225
|
docker |
2022-09-27 19:37:54 |
golang |
Goタグが付けられた新着投稿 - Qiita |
目指せ!第14回UEC杯コンピューター囲碁大会<本編> Step [O12o__11o__100o0] データファイル作成 ~ Step [O12o__11o__10o0] 連データベース定義 ~ Step [O12o__11o__10o5o__10o0] 連データベースのロード |
https://qiita.com/muzudho1/items/03454c8efcf8b8927086
|
stepo |
2022-09-27 19:59:01 |
golang |
Goタグが付けられた新着投稿 - Qiita |
Go言語とMySQLを使ってログイン機能と単語を記録するWebアプリケーションを作ってみた |
https://qiita.com/Yuorei/items/7d8799eb4b3a0d4da4fc
|
githu |
2022-09-27 19:52:14 |
golang |
Goタグが付けられた新着投稿 - Qiita |
目指せ!第14回UEC杯コンピューター囲碁大会<本編> Step [O11o_3o0] カーネルのインタープリター ~ Step [O11o_4o0] 石の色定義 ~ Step [O11o_4o2o0] 連の定義 ~ Step [O11o_5o0] 石定義 ~ Step [O12o__10o0] 点定義、またはその盤座標符号定義 |
https://qiita.com/muzudho1/items/374b040f4e025f42b970
|
|
2022-09-27 19:46:59 |
golang |
Goタグが付けられた新着投稿 - Qiita |
ServerlessFrameworkでLambda(Go)を動かしたらファイルが見つからずエラーになる |
https://qiita.com/Sicut_study/items/d658e9918d2a92f2d047
|
lambda |
2022-09-27 19:46:09 |
Git |
Gitタグが付けられた新着投稿 - Qiita |
【Git】GitHub CLIの導入方法 |
https://qiita.com/P-man_Brown/items/efe0202a8a46bd03dba3
|
githubcli |
2022-09-27 19:41:46 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
"rails g"コマンドを叩いたらターミナルが固まってしまった時の対処法 |
https://qiita.com/shuhei_m/items/6445c86d213a833a0415
|
ctrlc |
2022-09-27 19:15:48 |
技術ブログ |
Developers.IO |
AWS SAM の デプロイ時のエラーを解消する方法を教えてください |
https://dev.classmethod.jp/articles/tsnote-how-to-fix-deploy-error-with-aws-sam/
|
awssam |
2022-09-27 10:18:36 |
海外TECH |
DEV Community |
Enable Dark Mode For Your Astro Website via CSS Variables |
https://dev.to/hr21don/enable-dark-mode-for-your-astro-website-via-css-variables-ohe
|
Enable Dark Mode For Your Astro Website via CSS VariablesThe use of a dark mode has grown in popularity Many large websites and applications are developing their own version of it which is often done using CSS variables In this post we ll look at how to add support for dark mode to your website in two ways first with CSS and then with a JavaScript toggle PrerequisitesI highly recommend you go ahead and fork a Astro starter from Astro new You can choose a template of your choice and then open the template in CodeSandbox which will automatically handle the required dependencies Creating our Dark Mode ComponentInside the components folder I ve added a new component called ThemeChange astro It s basic functionality includes a clickable element alongside our svg images for our toggle lt div class theme switch wrapper gt lt label class theme switch for checkbox gt lt input type checkbox id checkbox gt lt div class slider gt lt svg xmlns width height viewBox fill FCDF stroke currentColor stroke width stroke linecap round stroke linejoin round class feather feather sun gt lt circle cx cy r gt lt circle gt lt line x y x y gt lt line gt lt line x y x y gt lt line gt lt line x y x y gt lt line gt lt line x y x y gt lt line gt lt line x y x y gt lt line gt lt line x y x y gt lt line gt lt line x y x y gt lt line gt lt line x y x y gt lt line gt lt svg gt lt svg xmlns width height viewBox fill FCDF stroke currentColor stroke width stroke linecap round stroke linejoin round class feather feather moon gt lt path d M A z gt lt path gt lt svg gt lt div gt lt label gt lt div gt We ll immediately import this component into the Header component import HeaderLink from HeaderLink astro import SITE TITLE from config import Toggle from ThemeChange astro lt header gt lt Toggle gt lt h gt SITE TITLE lt h gt lt nav gt lt HeaderLink href gt Home lt HeaderLink gt lt HeaderLink href blog gt Blog lt HeaderLink gt lt HeaderLink href about gt About lt HeaderLink gt lt HeaderLink href target blank gt Twitter lt HeaderLink gt lt HeaderLink href target blank gt GitHub lt HeaderLink gt lt nav gt lt header gt lt style gt header margin em em h margin em lt style gt Using CSS variables for themesCSS Variables enable us to define reusable values that can be changed at runtime First on the root element define all available colours Then using these colours create two opposing data themes light and dark root color bg fff color text bold text nav text code fff block quote border block quote text slider bg dddddd slider bg before fff slider input bg ff data theme light color bg fff color text bold text nav text code fff block quote border block quote text slider bg dddddd slider bg before fff slider input bg ff data theme dark color bg color text dddddd bold text eeeeee nav text dddddd code fff block quote border edc block quote text dddddd Note When the data theme dark is applied to the lt body gt element the background color of the component changes from white to black Apply this same concept to all of the colours in your web app and you ve got yourself a theme switcher What s missing is a toggle element that when checked adds or removes the data theme from the body element Lastly we ll apply the rest of our toggle element s styles as shown below TOGGLE theme switch wrapper display flex justify content flex end align items center theme switch display inline block height px position relative width px theme switch input display none slider background color var slider bg bottom cursor pointer left position absolute right top transition s border radius px slider before background color var slider bg before bottom px content height px left px position absolute transition s width px border radius input checked slider background color var slider input bg input checked slider before transform translateX px slider svg color position absolute transition opacity s ease s transform s ease s pointer events none feather moon opacity left px bottom px transform translateX px feather sun opacity right px bottom px transform translateX px input checked slider feather moon opacity transform translateX input checked slider feather sun opacity transform translateX px Note If your getting stuck on picking colors for your CSS variables then discover the newest hand picked palettes from Color Hunt JavaScriptIn JavaScript local storage is an object that is part of the window object so we can directly access it and try to find an item that is stored inside We use the getItem function and pass in the property we want to find inside of our ThemeChange astro component lt script gt Get the theme toggle input const themeToggle document querySelector theme switch input type checkbox Get the current theme from local storage const currentTheme localStorage getItem theme If the current local storage item can be found if currentTheme Set the body data theme attribute to match the local storage item document documentElement setAttribute data theme currentTheme If the current theme is dark check the theme toggle if currentTheme dark themeToggle checked true Function that will switch the theme based on the if the theme toggle is checked or not function switchTheme e if e target checked document documentElement setAttribute data theme dark localStorage setItem theme dark else document documentElement setAttribute data theme light localStorage setItem theme light Add an event listener to the theme toggle which will switch the theme themeToggle addEventListener change switchTheme false lt script gt Here s the final result once all the components are in place |
2022-09-27 10:37:58 |
海外TECH |
DEV Community |
Should I use database index or not? |
https://dev.to/emanuelferreira/should-i-use-database-index-or-not-2m7e
|
Should I use database index or not Indexes are a database structure to efficiently optimize your queries A pointer is created to quickly find data instead of scanning your entire collection table However you need to know when to use or which type of index to optimize your queries Just as this can speed up your queries it can slow down your entire database and increase the maintenance cost Poorly chosen indexes decrease your performance by having to restructure all your B tree When to use an Index Analyzing your application is essential when choosing an index which queries are being hit mostly Does this one need to be faster Will you give up inserting updating speed to save time on readings Selecting Indexes that will be used in many queries will help your index be more accurate and performant Indexes should be used where you need to do a lot of reading operations on larger collections tables or in searches that need to be fast When to not use an Index When your database has a lot of writes and read operations in indexed fields might be a lot expensive since your database will have to rewrite all your indexes For each writing operation you are writing times in your database once the data and another for the index taking up disk space and consuming more hardware to maintain the same in large amounts slowing down your database Modeling your database by thinking about the number of writes operations that it will have whether INSERT DELETE or UPDATE will save you a lot of headaches if you need fast READ operations Analyzing when you need fast insertions also will help you optimize your perfomance ConclusionChoosing an index is not as easy as it seems knowing how to analyze your indexes is an essential step to doing something performant but when well chosen this will certainly optimize your queries Feedbacks on Twitter |
2022-09-27 10:25:09 |
海外TECH |
DEV Community |
Building event-driven API services using CQRS, API Gateway and Serverless |
https://dev.to/apisix/building-event-driven-api-services-using-cqrs-api-gateway-and-serverless-af4
|
Building event driven API services using CQRS API Gateway and ServerlessDeveloping API services using CQRS API Gateway and Serverless combine three patterns using the command query responsibility separation CQRS pattern the event sourcing pattern and the API Gateway pattern The CQRS pattern separates the responsibilities of the command and query models The event sourcing pattern takes advantage of asynchronous event driven communication to improve the overall user experience Furthermore an API gateway should also be implemented as a resource router thus preventing API consumers from having to deal with different URLs depending on the action being performed Although the three concepts are independent they complement each other well This blog post explores how to build event driven API Services using these well known patterns to build a highly scalable and distributed system We will break down each concept and understand the role of each in our particular approach The event driven architectureAn event driven architecture makes use of events to trigger and communicate between decoupled services Each service publishes an event whenever it updates its data Other services subscribe to events When an event is received a service updates its data This architecture has several benefits such as you completely decoupling producer and consumer services If one service has a failure the rest will keep running Consumers can respond to events immediately as they arrive It adds agility as well If you want to add another service you can just have it subscribe to an event and have it generate new events of its own The existing services don t know or care that this has happened so there s no impact on them Why not use simply CRUDUsually we use the same data model to query and update a database that is similar to the basic CRUD operations “CREATE “READ “UPDATE and “DELETE and it is the most straightforward way of dealing with data manipulation We can build API services by following this simple principle Any tool or framework that advertises itself as a quick method to bring your application to the market But modern applications involve more complex business processes with workflows validation and business logic that are difficult to express using the classic CRUD paradigm Some of the following challenges you can think of ️Since for both read and write operations and the same DTO or data transfer object are used there s a chance that read and write operations will be out of sync ️The application can perform a majority of reading queries for example searches where your logic is not optimized for only read operations ️As both read and write activities are permitted security and permissions become more complicated to manage ️Different data representations are required in order to address the multiple API consumer needs As a result of these difficulties a new set of data manipulation patterns known as CQRS has arisen to enhance the classic CRUD methodology CQRSCQRS stands for Command and Query Responsibility Segregation a pattern that separates reads and writes into different models using commands to update data and queries to read data This CQRS pattern as it is known today was first introduced by Greg Young and was inspired by Bertrand Meyer s command query separation principle Since its introduction the pattern has gained a lot of popularity and several resources can be found online describing its many flavors This link is a good source describing Young s original thinking behind the pattern This pattern helps as instead of having a standard service and storage supporting traditional CRUD operations query and upsert updates or creates responsibilities are split segregated into different services each with its own storage Technically this can be implemented in HTTP so that the Command API is implemented exclusively with POST routes The write side uses a schema that is optimized for updates while the Query API is implemented exclusively with GET routes The read side can use a schema that is optimized for queries as it is illustrated in the below diagram This pattern is typically combined with yet another event sourcing pattern as it ensures that all changes made through Command API are reflected in the read storage as well The problem with the CQRS scenario the read storage won t be immediately updated as part of one transaction for example as in the CRUD API service case because CRUD systems perform update operations directly against a data store As a result the query part will be not aware of the latest changes Such a delay in storage reflecting the latest state of a resource is referred to as eventual consistency The event sourcing pattern is very useful because it enables different systems to consume resource state changes as a series of events in the log via an Event Hub capability as you can see in the below diagram The diagram also shows the product s query operations performed against the read only storage and the product s command operations persisted in an Event Hub capability They are then picked up by another service called Upsert service responsible for upserting create update and logical deletes the read storage Once an upsert action takes place an event is generated that can be consumed by other services interested in any changes of state in product records API GatewayCommand and Query services APIs can be managed via lightweight independently deployable and scalable API gateways that can run anywhere that allow developers to manage API endpoints They can handle extremely large volumes as they run on highly scalable platforms for example Apache APISIX Kong Tyk and Ambassador to name a few API Gateway can help with the challenges that you meet with implementing standard policies for example authorization throttling and rate limiting for APIs As an API Gateway acts as a central proxy to route all incoming requests from your clients to intended destinations backend services You can utilize the API Gateway to expose a REST API in front of an event driven integration The below diagram illustrates the pattern first and foremost by showing how an API gateway implements resourcing routing to route read calls to the product s query service and upsert calls to the product s command service Serverless event processingWe can create our consumer services by using Serverless functions Serverless is a popular event driven architectural style that is rapidly gaining traction when building and operating cloud native applications Serverless platforms can be categorized into two broad categories Function as a Service FaaS and Backend as a Service BaaS The FaaS method allows customers to build deploy run and manage their applications without managing the underlying infrastructure When events arrive at the Event Hub a new serverless a piece of code or a function is triggered to handle the event as it is shown in the next diagram There are many FaaS providers in the market and each platform has unique scenarios in which it shines The largest cloud companies AWS Azure Google provide solutions AWS Lambda Azure Functions and Google Cloud Function respectively that are meant to fit nearly every situation with generic cloud products ConclusionThe blog post demonstrated shortly how to build event driven API services by using some well known patterns that is flexible to change and more easily decomposed Despite some notable advantages the approach has there are also some disadvantages as well It increases the complexity of implementation especially when compared with traditional CRUD services Since our example is based on traditional REST APIs all use HTTP as the transport and protocol layer the situation is much more complex when it comes to event driven APIs However the same approach can also be applied to multiple different protocols for example WebSockets MQTT or SSE depending on the capabilities offered by the API gateway chosen For example Apache APISIX supports the proxy of gRPC Web protocol by means of its plug in how it handles conversions from one protocol to another Related resources➔What do you mean by “Event Driven ➔Command Query Responsibility Segregation ➔Serverless architecture ➔API Gateway Recommended content ➔Watch Video Tutorial Getting Started with Apache APISIX APIs security with Apache APISIX Implementing resilient applications with API Gateway Circuit breaker ➔Read the blog posts Implementing resilient applications with API Gateway Health Check Overview of Apache APISIX API Gateway Plugins Community️Join the Apache APISIX Community Follow us on TwitterFind us on SlackMail to us with your questions |
2022-09-27 10:16:05 |
Apple |
AppleInsider - Frontpage News |
Apple launches App Store development program focusing on UK women |
https://appleinsider.com/articles/22/09/27/apple-launches-app-store-development-program-focusing-on-uk-women?utm_medium=rss
|
Apple launches App Store development program focusing on UK womenTim Cook has launched a new UK based App Store Foundations Program saying it s part of addressing the lack of women in technology Apple has previously been praised for its representation of women in its recent events and simultaneously slammed for how women employees are treated It has also been part of joint efforts to improve diversity in the industry Now Apple has launched a new App Store Foundations Program in the UK which is specifically intended to support women developers Speaking to BBC News Cook said that technology will not achieve nearly what it could achieve unless the industry becomes more diverse Read more |
2022-09-27 10:05:01 |
海外TECH |
CodeProject Latest Articles |
Getting All "Special Folders" in .NET |
https://www.codeproject.com/Articles/878605/Getting-All-Special-Folders-in-NET
|
searches |
2022-09-27 10:07:00 |
医療系 |
医療介護 CBnews |
看護職員派遣への財政支援、12月末まで再延長-厚労省 |
https://www.cbnews.jp/news/entry/20220927194057
|
医療機関 |
2022-09-27 19:45:00 |
金融 |
金融庁ホームページ |
入札公告等を更新しました。 |
https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html
|
公告 |
2022-09-27 11:00:00 |
海外ニュース |
Japan Times latest articles |
In pictures: Shinzo Abe’s state-sanctioned farewell |
https://www.japantimes.co.jp/news/2022/09/27/national/abe-state-funeral-photos/
|
tokyo |
2022-09-27 19:36:56 |
ニュース |
BBC News - Home |
Mortgage lenders pull deals due to interest rate rise fears |
https://www.bbc.co.uk/news/business-63041679?at_medium=RSS&at_campaign=KARANGA
|
costs |
2022-09-27 10:33:59 |
ニュース |
BBC News - Home |
Sir Mark Rowley: Met Police will attend all London burglary reports |
https://www.bbc.co.uk/news/uk-england-london-63044419?at_medium=RSS&at_campaign=KARANGA
|
commissioner |
2022-09-27 10:44:24 |
ニュース |
Newsweek |
バス事故で27人犠牲...事故は「珍しくない」中国で、怒りが燃え上がった特別な事情 |
https://www.newsweekjapan.jp/stories/world/2022/09/post-99703.php
|
バス事故で人犠牲事故は「珍しくない」中国で、怒りが燃え上がった特別な事情中国内陸部の貴州省で月日、大型バスが横転して人が死亡する事件が発生した。 |
2022-09-27 19:09:00 |
IT |
週刊アスキー |
戸建て向け宅配ボックスがドアホンと連動、発送・到着を自動で録画 |
https://weekly.ascii.jp/elem/000/004/106/4106783/
|
宅配ボックス |
2022-09-27 19:45:00 |
IT |
週刊アスキー |
4つの行き先からランダムに旅行できる新サービス! 「どこかにビューーン!」12月7日開始 |
https://weekly.ascii.jp/elem/000/004/106/4106786/
|
新サービス |
2022-09-27 19:45:00 |
IT |
週刊アスキー |
簡易郵便局でキャッシュレス導入へ。PayPay、au PAY、d払いなど6種 |
https://weekly.ascii.jp/elem/000/004/106/4106770/
|
aupay |
2022-09-27 19:40:00 |
IT |
週刊アスキー |
Nothing、ワイヤレスイヤホンの新製品をロンドンのファッションショーで公表 |
https://weekly.ascii.jp/elem/000/004/106/4106797/
|
chetlo |
2022-09-27 19:35:00 |
IT |
週刊アスキー |
ビューソニック、USB Type-C搭載で約700gの15.6型フルHDポータブル液晶 |
https://weekly.ascii.jp/elem/000/004/106/4106759/
|
usbtypec |
2022-09-27 19:30:00 |
IT |
週刊アスキー |
NTT Com、クラウドストレージとリモートアクセスの統合サービスを提供 |
https://weekly.ascii.jp/elem/000/004/106/4106765/
|
nttcom |
2022-09-27 19:30:00 |
IT |
週刊アスキー |
au、スマホ初心者向けの新プラン「スマホスタートプラン (S)」 若年層向けに特典も |
https://weekly.ascii.jp/elem/000/004/106/4106796/
|
機種変更 |
2022-09-27 19:20:00 |
IT |
週刊アスキー |
身近なコンビニでお酒が飲める新感覚コンビニバーが登場! 「お酒の美術館 新宿ワシントンホテルビル店」10月6日オープン |
https://weekly.ascii.jp/elem/000/004/106/4106768/
|
立ち飲み |
2022-09-27 19:10:00 |
コメント
コメントを投稿