IT |
気になる、記になる… |
AppleのMRヘッドセットの発売時期は2023年下期に延期か |
https://taisy0.com/2022/12/05/165732.html
|
apple |
2022-12-04 22:13:20 |
IT |
InfoQ |
Enhance, SSR for Web Components - Brian Leroux at QCon San Francisco 2022 |
https://www.infoq.com/news/2022/12/enhance-begin-html-first-apps/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global
|
Enhance SSR for Web Components Brian Leroux at QCon San Francisco Brian Leroux CTO at Begin recently introduced Enhance a new HTML framework at QCon San Francisco Enhance heavily lies on web standards and progressive enhancement for future proof web applications Enhance provides file based routing reusable Custom Elements a customizable utility CSS system and mapped API data routes that get deployed to isolated single purpose cloud functions By Bruno Couriol |
2022-12-04 22:39:00 |
IT |
InfoQ |
Presentation: APIs at Scale: Creating Rich Interfaces that Stand the Test of Time |
https://www.infoq.com/presentations/api-scale-interfaces/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global
|
Presentation APIs at Scale Creating Rich Interfaces that Stand the Test of TimeMatthew Clark Paul Caporn take a look at versioning design patterns handling different use cases supporting high traffic moments and the merits of different API types By Matthew Clark Paul Caporn |
2022-12-04 22:21:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia エグゼクティブ] 車載電池から始めるデジタル・プロダクト・パスポート(DPP) |
https://mag.executive.itmedia.co.jp/executive/articles/2212/05/news005.html
|
dppdpp |
2022-12-05 07:03:00 |
IT |
ビジネス+IT 最新ニュース |
コグニティブコンピューティングとは?「AIとの違い」をスッキリ解説 |
https://www.sbbit.jp/article/cont1/99840?ref=rss
|
|
2022-12-05 07:10:00 |
AWS |
lambdaタグが付けられた新着投稿 - Qiita |
ssh2-sftp-clientを使ってAWS Lambda(Node.js)からSFTPサーバーにファイルをアップロードする |
https://qiita.com/dokokano_panda/items/98da31978bc6df76625e
|
adventcalendar |
2022-12-05 07:02:07 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
姿勢推定の精度をval2017で評価しつつiOSでの動作を試していく |
https://qiita.com/mbotsu/items/13442b54a2358e084bec
|
cocotestdev |
2022-12-05 07:03:55 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
SageMaker Model Monitor ・Clarify でML監視を実践してみる |
https://qiita.com/nsakki55/items/5853fcdf3dc07c8c7c77
|
aimlonawsadventcalendar |
2022-12-05 07:03:50 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
Pythonあまり使っていない人が最小構成でuWSGIのエンペラーモードを発動してみた話 |
https://qiita.com/nbykinb/items/15824abbf125445a870d
|
django |
2022-12-05 07:03:36 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
wip_Fakerでリアルっぽいデータセットを作ってみる |
https://qiita.com/kanjas20/items/95c6567cc01b3a2f91a1
|
nampy |
2022-12-05 07:02:55 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
【書き方ちょろすぎて草】Alpine.jsの書き方の基本 |
https://qiita.com/yowatsuyoengineer/items/4b91ff506559e139d049
|
alpinejs |
2022-12-05 07:44:51 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
【React】ブラウザが暇な時にコンポーネントを読み込ませてパフォーマンス最適化 |
https://qiita.com/nuko-suke/items/a2af2f666a3e38e9113a
|
react |
2022-12-05 07:04:10 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Hurry Puppeteer とのろいの子 |
https://qiita.com/nightyknite/items/41be6919020a2965d30a
|
headlesschrome |
2022-12-05 07:02:57 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
[Day5] オブジェクト: 基本 part1 |
https://qiita.com/taka0713/items/6e7b5aeef97e933959d3
|
javascript |
2022-12-05 07:02:50 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
飲食店検索サイトの情報をとってきてみよう -GoogleMap編- |
https://qiita.com/itaya/items/52dcc8a38c16c0a48d1a
|
googlemap |
2022-12-05 07:01:51 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
ActiveRecordにおけるattributeの参照 |
https://qiita.com/apierce/items/681717ef6c82465e7a89
|
activerecord |
2022-12-05 07:01:36 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
SageMaker Model Monitor ・Clarify でML監視を実践してみる |
https://qiita.com/nsakki55/items/5853fcdf3dc07c8c7c77
|
aimlonawsadventcalendar |
2022-12-05 07:03:50 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS の分散負荷テストツールで負荷試験を行う際のノウハウについて |
https://qiita.com/nshibazaki/items/af3bbd030d0ecb55ff27
|
fyadventcalendar |
2022-12-05 07:03:42 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWSリソースをterraform化してみよ |
https://qiita.com/akipon1206/items/3237a5a7f4e6f9994a2e
|
terraform |
2022-12-05 07:03:29 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS App Runnerを学ぶためtDiaryをデプロイしてみる |
https://qiita.com/iwamot/items/4e77caa5b94896d8d89b
|
apprunner |
2022-12-05 07:03:16 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
NuxtJSのSSRからCloud Runに設定したカスタムドメインにリクエストするとまれにERROR getaddrinfo ENOTFOUND xxxが発生する件 |
https://qiita.com/ikuosaito1989/items/ac9e271792283aceafb1
|
errorg |
2022-12-05 07:04:16 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
DockerでPython実行環境を爆速で作ってみる |
https://qiita.com/arie0703/items/6d2fae4d547f946bc140
|
docker |
2022-12-05 07:01:42 |
golang |
Goタグが付けられた新着投稿 - Qiita |
CSVをgrepできるようにするコマンドを作った |
https://qiita.com/jiro4989/items/0c2027759e3df29f455b
|
goadventcalendar |
2022-12-05 07:03:17 |
golang |
Goタグが付けられた新着投稿 - Qiita |
【Vonage】Vonage SDKを使ってWebアプリで電話番号認証を実装【Go】 |
https://qiita.com/tenkoh88/items/e9ebf169633bb6ed4912
|
byvonageadventcalendar |
2022-12-05 07:02:06 |
golang |
Goタグが付けられた新着投稿 - Qiita |
大規模リクエストを捌くコツ |
https://qiita.com/yuuki-h/items/e17a19e50100d4fd77ba
|
記事 |
2022-12-05 07:02:03 |
Azure |
Azureタグが付けられた新着投稿 - Qiita |
【Azure】【AWS】AzureからEC2インスタンスのメトリクスを確認する |
https://qiita.com/itkz1016/items/4fa21c808c4f61eafb1d
|
awsazuregcp |
2022-12-05 07:02:48 |
Git |
Gitタグが付けられた新着投稿 - Qiita |
gitのコミットメッセージをかわいく&分かりやすくしたい🎉 |
https://qiita.com/darashina37/items/86c6740f6d3ba5f3b2a0
|
開発者 |
2022-12-05 07:03:56 |
Git |
Gitタグが付けられた新着投稿 - Qiita |
Vimで快適なGit生活を送る |
https://qiita.com/get_me_power/items/975269833872ddd4b40e
|
gitcommit |
2022-12-05 07:02:25 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
param is missing or the value is emptyの本当の解決方法 |
https://qiita.com/takumi3488/items/88422b1562b4f56bee22
|
bcampmentoradventcalendar |
2022-12-05 07:04:04 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
Fly.ioにデプロイしてみた |
https://qiita.com/kmkkiii/items/f07803ddaab267e1a407
|
flyio |
2022-12-05 07:01:52 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
ActiveRecordにおけるattributeの参照 |
https://qiita.com/apierce/items/681717ef6c82465e7a89
|
activerecord |
2022-12-05 07:01:36 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
Turbo 4: Turbo Streamsで生き生きと |
https://qiita.com/kaorumori/items/c5bdc010e8fb93999db3
|
ltturbo |
2022-12-05 07:01:30 |
技術ブログ |
Developers.IO |
[AWS IoT Core] MQTT v5 で新たに追加されたプロパティ値を Republish で追加してみました |
https://dev.classmethod.jp/articles/aws-iot-core-mqtt-v5-republish/
|
awsiotcore |
2022-12-04 22:37:14 |
技術ブログ |
Developers.IO |
[Amazon Connect] 「音声プロンプト」で使用できる音声ファイルの仕様と注意点 – Amazon Connect アドベントカレンダー 2022 |
https://dev.classmethod.jp/articles/amazon-connect-audio-file-specification-for-primpt/
|
amazon |
2022-12-04 22:00:34 |
海外TECH |
DEV Community |
What The Facade?! |
https://dev.to/juniordevforlife/what-the-facade-22d4
|
What The Facade What The Facade Are your components hundreds of lines long Are your services bare Have you ever copy and pasted a function from one component in to another If you answered yes to any of these stick around Today we ll be taking a look at how the Facade design pattern can help us write more maintainable code in an Angular application What is the Facade Design Pattern The Facade design pattern is a Gang of Four structural design pattern The objective of the design pattern per the Gang of Four is to Provide a unified interface to a set of interfaces in a subsystem Facade Pattern defines a higher level interface that makes the subsystem easier to use How does this translate to Angular Imagine we re creating a todo list app and that we ve already created the backend API and we now need to make the UI We could just make the calls to the API directly from our components or we could create a service that handles the API calls handles any complex business logic and just gives our component the data it needs to handle the view What are the benefits of the latter Well for starters our component s will be cleaner They ll only need to interact with the service vs interacting with the API directly Another benefit is that we can reuse the same methods over and over again and only define them once A third benefit is that if we need to swap out our API or make any changes to the business logic we only have to make those changes in one place Angular Facade Pattern A Perfect MatchAngular advocates for keeping your components lean and outsourcing your business logic to your services Per the Dependency Injection section of the docs Angular distinguishes components from services to increase modularity and reusability By separating a component s view related features from other kinds of processing you can make your component classes lean and efficient The Angular Style Guide reinforces this concept by stating Do limit logic in a component to only that required for the view All other logic should be delegated to services We can now see that the Facade design pattern isn t some obscure pattern or buzzword you can throw around the office to sound like you know what you re doing It appears that the Angular team is pretty much advocating for its use Sure you can go and create behemoth components and make services an afterthought While the Angular docs do state that Angular doesn t enforce this separation of view and business logic they ve given us a framework that allows us to easily implement the Facade pattern Facade Pattern in ActionLet s use the Free Dictionary API and create a component that displays the definition of a word Here is the dictionary component template lt h gt Coolest Dictionary Ever lt h gt lt form form ngForm submit submit gt lt label for search term gt Search lt label gt lt input type text id search term name searchTermText ngModel searchTerm gt lt button type submit gt Search lt button gt lt div ngIf definitionArr gt lt h gt Definition lt h gt lt ul gt lt li ngFor let definition of definitionArr gt definition lt li gt lt ul gt lt div gt lt form gt And here is the dictionary component class import HttpClient from angular common http import Component OnInit from angular core import map from rxjs operators Component selector app dictionary templateUrl dictionary component html styleUrls dictionary component css export class DictionaryComponent implements OnInit constructor private http HttpClient ngOnInit searchTerm string null definitionArr string null submit if this searchTerm this getDefinition getDefinition this http get this searchTerm pipe map result gt result meanings map meaning gt meaning definitions definition subscribe result gt this definitionArr result As you can see we ve got a template driven form We display the definitions in the definitionArr array if any exist We have two methods in the class submit and getDefinition The submit method is called when we submit the form by clicking the search button which in turn calls getDefinition The getDefinition method makes a call to the free dictionary API then maps the result to the definitionArr property The code works that means we can call it a day right Let s ask a couple of questions What happens if we want to use the getDefinition elsewhere in the codebase How hard would it be to swap out the Free Dictionary API with a different API Now imagine that we copy and pasted the getDefinition in a couple of other components and answer the question Let s RefactorI m going to create a dictionary service and move our business logic from the dictionary component to the dictionary service Let s check it out We ll start with the dictionary component class import Component OnInit from angular core import DictionaryService from dictionary service Component selector app dictionary templateUrl dictionary component html styleUrls dictionary component css export class DictionaryComponent implements OnInit constructor protected dictionaryService DictionaryService ngOnInit searchTerm string null submit if this searchTerm this dictionaryService getDefinition this searchTerm This looks a lot slimmer We are no longer importing the HttpClient or the map operator The getDefinition method is completely gone We also see that the definitionsArr property is gone We ve injected the newly created DictionaryService and are using it in the submit method Next let s look at the template lt h gt Coolest Dictionary Ever lt h gt lt form form ngForm submit submit gt lt label for search term gt Search lt label gt lt input type text id search term name searchTermText ngModel searchTerm gt lt button type submit gt Search lt button gt lt div gt lt h gt Definition lt h gt lt ul gt lt li ngFor let definition of dictionaryService definitions async gt definition lt li gt lt ul gt lt div gt lt form gt What s new here Rather than iterating over the definitionsArr property we re now iterating over the dictionary service s definitions observable using the async pipe Now let s check out the new DictionaryService import HttpClient from angular common http import Injectable from angular core import Subject from rxjs import map from rxjs operators Injectable providedIn root export class DictionaryService constructor private http HttpClient private definitionsSubj new Subject lt string gt definitions this definitionsSubj asObservable getDefinition searchTerm string this http get searchTerm pipe map result gt result meanings map meaning gt meaning definitions definition subscribe res gt this definitionsSubj next res We were able to use most of the logic from the component s getDefinition method However we re now calling next on the definitionsSubj Subject with the result We ve also created an Observable definitions This is the Observable that we are using in the template file with the async pipe With this refactor we d be able to use the getDefinition method anywhere in our app Our dictionary component is cleaner If we ever needed to swap out the Free Dictionary API with a different API we d only have to do that in one place Our component should be easier to test There s quite a few benefits that come along with the refactor ConclusionIf you re feeling like your components are too complex maybe you ve got the same method copy and pasted across several components or maybe you re bringing in too many dependencies in your component which is making it harder to test and or make changes to existing logic it may be time to consider using the Facade pattern The example used today was just the tip of the iceberg This pattern can be used to separate complex business logic from your component make working with state management easier handle communication with a backend service and more If you want to check out the Stackblitz for this post here s the link Thanks for reading |
2022-12-04 22:17:40 |
Apple |
AppleInsider - Frontpage News |
Lead times for iPhone 14 Pro models improve, but still needs improvement |
https://appleinsider.com/articles/22/12/04/lead-times-for-iphone-14-pro-models-improve-but-still-needs-improvement?utm_medium=rss
|
Lead times for iPhone Pro models improve but still needs improvementSupplies of the iPhone Pro models have improved and moderated lead times for getting into the hands of customers JP Morgan s tracker indicates but lead times will continue to be a focus throughout December The iPhone Pro Max camera bumpApple s ongoing problem at the Zhengzhou Foxconn facility the biggest producer of the iPhone Pro models impacted lead times for customers getting their devices Now it seems that the supplies of Pro models are coming through as Apple works to reduce the delay Read more |
2022-12-04 22:43:35 |
Apple |
AppleInsider - Frontpage News |
Victrola Music Edition 2 review: Fill your small space with big sound |
https://appleinsider.com/articles/22/12/04/victrola-music-edition-2-review-fill-your-small-space-with-big-sound?utm_medium=rss
|
Victrola Music Edition review Fill your small space with big soundVictrola s new Bluetooth speaker makes a strong showing offering impressive sound quality in a small package perfect for hanging out on your desk near your Mac Victrola known for its affordable modern turntables has finally broken into the world of Bluetooth speakers We re excited to check out the Music Edition a tabletop speaker with ample battery life and built in wireless charging Read more |
2022-12-04 22:11:07 |
海外科学 |
NYT > Science |
Photos: Mauna Loa’s Eruption Offers Rare Glimpse Into the Earth |
https://www.nytimes.com/2022/12/03/science/mauna-loa-volcano-eruption-hawaii.html
|
Photos Mauna Loa s Eruption Offers Rare Glimpse Into the EarthThe world s largest active volcano erupted for the first time in years raising excitement among scientists who are eager to unlock its many mysteries |
2022-12-04 22:44:05 |
ニュース |
BBC News - Home |
Raheem Sterling: England forward leaving World Cup squad after family home break-in |
https://www.bbc.co.uk/sport/football/63854197?at_medium=RSS&at_campaign=KARANGA
|
Raheem Sterling England forward leaving World Cup squad after family home break inRaheem Sterling is leaving the England World Cup squad in Qatar after a break in that occurred at his home in the UK while his family were in |
2022-12-04 22:54:22 |
ニュース |
BBC News - Home |
World Cup 2022: Watch a different view of Jude Bellingham's brilliant display for England against Senegal |
https://www.bbc.co.uk/sport/av/football/63854688?at_medium=RSS&at_campaign=KARANGA
|
World Cup Watch a different view of Jude Bellingham x s brilliant display for England against SenegalWatch a different view of Jude Bellingham s game changing performance for England as he played a key role in their opening two goals against Senegal |
2022-12-04 22:32:56 |
ニュース |
BBC News - Home |
World Cup 2022 - England 3-0 Senegal: 'Gareth Southgate's critics must admit he got it spot on again' |
https://www.bbc.co.uk/sport/football/63854557?at_medium=RSS&at_campaign=KARANGA
|
World Cup England Senegal x Gareth Southgate x s critics must admit he got it spot on again x England s emphatic victory over Senegal to set up a World Cup quarter final with France was more proof of Gareth Southgate s sure touch in team selection writes Phil McNulty |
2022-12-04 22:44:30 |
ニュース |
BBC News - Home |
World Cup 2022: 'I was ecstatic at the end' - England fans celebrate win |
https://www.bbc.co.uk/news/uk-63853079?at_medium=RSS&at_campaign=KARANGA
|
senegal |
2022-12-04 22:03:16 |
ニュース |
BBC News - Home |
England 3-0 Senegal: Jude Bellingham voted your star player |
https://www.bbc.co.uk/sport/football/63853235?at_medium=RSS&at_campaign=KARANGA
|
England Senegal Jude Bellingham voted your star playerJude Bellingham is voted the star player by BBC Sport readers as England beat Senegal to progress to the quarter finals of the Fifa World Cup in Qatar |
2022-12-04 22:27:35 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
米アップル、生産拠点を中国外に移す計画加速 - WSJ発 |
https://diamond.jp/articles/-/313960
|
生産拠点 |
2022-12-05 07:20:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
中国、コロナ規制を一部緩和 市民の抗議受け - WSJ発 |
https://diamond.jp/articles/-/313961
|
規制 |
2022-12-05 07:02:00 |
ビジネス |
東洋経済オンライン |
2023年の「日米の株価」はどのように動くのか 行きすぎた悲観相場の修正後に待ち受けるもの | 市場観測 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/637562?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
東洋経済オンライン |
2022-12-05 07:30:00 |
ニュース |
THE BRIDGE |
起業家インフルエンサー羅永浩氏、海外向けライブコマース講座を開始など——中国スタートアップシーン週間振り返り(11月28日~12月2日) |
https://thebridge.jp/2022/12/technode-nov-28-dec-2
|
起業家インフルエンサー羅永浩氏、海外向けライブコマース講座を開始などー中国スタートアップシーン週間振り返り月日月日本稿は、Technode動点科技が、月日月日に配信した「NewsFeed」記事の中から主要ニュースを翻訳したものです。 |
2022-12-04 22:15:39 |
コメント
コメントを投稿