投稿時間:2023-06-23 20:26:01 RSSフィード2023-06-23 20:00 分まとめ(32件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Techable（テッカブル）	ロボットがドローンを運搬して自動で離発着させる！新たなインフラ点検ソリューション登場	https://techable.jp/archives/212331	ugodrone	2023-06-23 10:00:47
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	従量課金型インフラ「Dell APEX」を拡充、オンプレミスに加えてクラウドからSDSを提供 | IT Leaders	https://it.impress.co.jp/articles/-/25004	従量課金型インフラ「DellAPEX」を拡充、オンプレミスに加えてクラウドからSDSを提供ITLeadersデル・テクノロジーズは年月日、都内で説明会を開きし、プライベートイベント「DellTechnologiesWorld」月日開催で発表した主要なサービスを紹介した。	2023-06-23 19:03:00
python	Pythonタグが付けられた新着投稿 - Qiita	seleniumで「どの程度まで読み込みを待つか」を設定する	https://qiita.com/76r6qo698/items/2ddafb70f1cac826eb04	pageloadstrategy	2023-06-23 19:58:49
python	Pythonタグが付けられた新着投稿 - Qiita	【MySQL】コンテナ名をホスト名として使用して『Unknown MySQL server host 'db' (8)』エラーが出た場合とは...	https://qiita.com/Ryo-0131/items/f9463f97aff1d11e1718	orerrorsdatabaseerror	2023-06-23 19:40:09
python	Pythonタグが付けられた新着投稿 - Qiita	OpenCV 画像の一部を切り出す:座標指定・スライシング	https://qiita.com/T-K20077/items/c2a8aa1d957ac06724be	intel	2023-06-23 19:26:51
js	JavaScriptタグが付けられた新着投稿 - Qiita	アイドリングタイム：世界に一つだけの花を作る	https://qiita.com/changkejun/items/5c861133224ccdfcb65d	flower	2023-06-23 19:22:02
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	C# で ChatGPT API： AI で作曲する (Function calling を使用)	https://qiita.com/fsdg-adachi_h/items/7b2e75fa916cd6d4d804	wslubu	2023-06-23 19:16:44
Docker	dockerタグが付けられた新着投稿 - Qiita	【MySQL】コンテナ名をホスト名として使用して『Unknown MySQL server host 'db' (8)』エラーが出た場合とは...	https://qiita.com/Ryo-0131/items/f9463f97aff1d11e1718	orerrorsdatabaseerror	2023-06-23 19:40:09
GCP	gcpタグが付けられた新着投稿 - Qiita	【Kubernetes】podのtimezoneを変更する	https://qiita.com/tetsukick/items/d2d3df3fa36278c0f1cc	kubernetes	2023-06-23 19:37:27
技術ブログ	Mercari Engineering Blog	与信モデル更新マニュアルを作成した話	https://engineering.mercari.com/blog/entry/20230622-d8b521dd2e/	hellip	2023-06-23 10:00:56
技術ブログ	Developers.IO	LlamIndex＋Azure OpenAI ServiceをServiceContextをカスタマイズして実現してみた	https://dev.classmethod.jp/articles/llamaindex-azure-openai-service-servicecontext-customize-sample/	azureopenaiservice	2023-06-23 10:30:18
海外TECH	MakeUseOf	When Does Spotify Wrapped Start and Stop Tracking?	https://www.makeuseof.com/spotify-wrapped-start-stop-tracking/	spotify	2023-06-23 10:30:18
海外TECH	MakeUseOf	How to Start or Cancel a DoorDash DashPass Subscription	https://www.makeuseof.com/how-to-start-cancel-doordash-dashpass-subscription/	cancel	2023-06-23 10:15:17
海外TECH	MakeUseOf	Animate Game Objects With Arcade Library	https://www.makeuseof.com/arcade-library-animate-game-objects/	complex	2023-06-23 10:01:18
海外TECH	DEV Community	Converting JavaScript codebase to TypeScript	https://dev.to/documatic/converting-javascript-codebase-to-typescript-1852	Converting JavaScript codebase to TypeScriptIn our dynamic realm of web development JavaScript has long been the go to language of choice Its versatility and ubiquity have propelled numerous applications and websites to success However as projects grow in size and complexity maintaining JavaScript codebases can become challenging bug prone and difficult to scale Step forward TypeScript a revolutionary superset of JavaScript that elevates your programming experience TypeScript equips programmers to write more resilient scalable and maintainable code by introducing static typing and a multitude of sophisticated capabilities In this article we will focus on converting a JavaScript React App to TypeScript while delve into the world of TS with the following objectives Explore the significance of TypeScript and its impact on code safety Explain the process of converting JavaScript projects to TypeScript manually Provide step by step guidance and techniques for successfully navigating the conversion process Introduction to TypeScript TypeScript is a statically typed superset of JavaScript that extends the capabilities of JavaScript by introducing additional features and strict type checking Here s a summary of TypeScript and its relation to JavaScript along with its key features and advantages as well as its role in enhancing code safety and maintainability What is TypeScript and how does it relate to JavaScript TypeScript is a programming language developed by Microsoft It is a superset of JavaScript meaning that any valid JavaScript code is also valid TypeScript code TypeScript introduces static typing allowing developers to define types for variables function parameters and return values TypeScript code is transpiled into plain JavaScript code which can be executed by any modern web browser or JavaScript runtime Key features and advantages of TypeScript Static Typing TypeScript enforces strong typing catching type related errors during development and reducing bugs in production Enhanced IDE Support TypeScript provides improved tooling and autocompletion enabling developers to write code more efficiently Advanced Language Features TypeScript supports features like classes interfaces modules and lambda functions facilitating cleaner and more structured code ECMAScript Compatibility TypeScript is designed to align with the evolving ECMAScript standards allowing developers to leverage the latest JavaScript features while maintaining backward compatibility Rich Type System TypeScript offers a rich type system that includes built in types union types generics and more providing increased flexibility and code expressiveness TypeScript s role in enhancing code safety and maintainability Static Typing By adding static types to JavaScript code TypeScript helps catch type related errors at compile time reducing the likelihood of runtime errors Early Detection of Errors TypeScript s type checker identifies potential issues during development allowing developers to address them before deployment Improved Code Readability and Maintainability The use of type annotations and clear interfaces in TypeScript makes code more self documenting and easier to understand and maintain Refactoring and Tooling Support TypeScript s strong typing enables powerful refactoring capabilities and enhanced tooling support making code changes more reliable and efficient Team Collaboration TypeScript fosters better collaboration within development teams by providing clearer contracts between different parts of the codebase By leveraging TypeScript developers can enhance code safety catch errors early improve code maintainability and enjoy the benefits of a more robust and scalable codebase Setting Up TypeScript Installing TypeScript and its prerequisites To install TypeScript globally on your machine open your command line interface and run the following command npm install g typescriptConfiguring TypeScript in your development environment Create a new directory for your TypeScript project and navigate to it using the command line Run the following command to generate a basic tsconfig json file with default settings tsc initThis will create a tsconfig json file in your project directory Open the tsconfig json file in a text editor Modify the outDir property to specify the desired output directory For example change it to outDir dist Save the tsconfig json file Integrating TypeScript into existing JavaScript projects In the my typescript project directory create a new file named app ts This will be your TypeScript file Open the app ts file in a text editor and write some TypeScript code For example function greet name string console log Hello name greet John Save the app ts file Open your command line interface and navigate to the my typescript project directory using the cd command Run the TypeScript compiler tsc with the following command tscThe TypeScript compiler will compile all TypeScript files in the directory including app ts based on the settings in the tsconfig json file The compiled JavaScript files will be outputted to the specified output directory as configured in the tsconfig json file You can now run the generated JavaScript code using a JavaScript runtime or open an HTML file that includes the compiled JavaScript file Hurrayy You have successfully set up your TypeScript developer environment Converting JavaScript to TypeScript When converting JavaScript code to TypeScript it s important to follow strategies and best practices to ensure a smooth transition From my experience with TypeScript I have recommended some best practices to effectively convert JavaScript code to TypeScript taking advantage of TypeScript s features and ensuring a successful transition Strategies and best practices for converting JavaScript code to TypeScript Understand the Differences Familiarize yourself with the key differences between JavaScript and TypeScript TypeScript introduces static typing interfaces classes modules and other advanced features Understanding these differences will help you leverage TypeScript effectively Start with a Plan Begin by assessing the scope of the conversion Determine whether you want to convert the entire codebase or specific modules Create a roadmap or checklist to track your progress and prioritize the conversion tasks Gradual Conversion Consider adopting a gradual approach especially for larger projects Start by converting small self contained modules or components This allows you to become comfortable with TypeScript gradually and test the converted code incrementally Leverage TypeScript Features Take advantage of TypeScript s features to improve code quality and maintainability Use static typing to catch errors early and enhance code documentation Explore advanced features such as interfaces enums and generics to enforce stricter type checks and improve code organization Use TypeScript Compiler Configure the TypeScript compiler tsc to enforce stricter type checking and provide early feedback on type related issues Adjust compiler options in the tsconfig json file to meet your project s requirements Leverage TypeScript Tooling Make use of TypeScript aware editors and IDEs that provide autocomplete type checking and refactoring support Tools like TypeScript s Language Service can significantly enhance your development experience Thorough Testing As you convert JavaScript to TypeScript ensure comprehensive testing to catch any issues or regressions introduced during the conversion process Create test cases and perform unit testing to validate the behavior of the converted code Converting a React JavaScript Project to TypeScript Converting a JavaScript project to TypeScript involves making changes to your codebase and updating configurations Here s a step by step approach to converting a React JavaScript project to TypeScript along with code snippets and the project tree structure Install TypeScript Open your command line interface and navigate to the root directory of your React project Run the following command to install TypeScript as a development dependency npm install save dev typescriptRename JavaScript Files Identify the JavaScript files in your project that you want to convert Rename the files with a tsx extension instead of js For example rename App js to App tsx Update tsconfig json Create a tsconfig json file in the root directory of your project if it doesn t already exist Open the tsconfig json file and update the following options compilerOptions jsx react jsx If using JSX syntax module esnext target es strict false esModuleInterop true The various compiler options are used to configure the behavior of the TypeScript compiler Here is a quick review of the options mentioned above jsx react jsx This property specifies the syntax to be used for JSX in your TypeScript files In this case it indicates that React JSX syntax is being used module esnext This property determines the module code generation Here it is set to esnext which allows the use of modern JavaScript module syntax such as import and export target es This property sets the output ECMAScript version It specifies that the compiled JavaScript code should be compatible with ECMAScript an older version of JavaScript widely supported by various browsers and environments strict false Enabling strict mode will make TypeScript performs strict type checking on your codebase We set it to false to reduce the number of type errors during the migration from JavaScript to TypeScript While it is true that setting strict false in the file can reduce the number of type errors during the migration from JavaScript to TypeScript it is not recommended to do in your projects after you ve migrated to TypeScript The strict compiler option in TypeScript enables a set of strict type checking rules that ensure safer and more reliable code By setting strict true TypeScript enforces best practices and catches potential errors at compile time allowing you to address them early on and improve code quality esModuleInterop true This property enables interoperability between TypeScript s ES modules and CommonJS modules It allows the use of default imports and exports when working with CommonJS modules These properties along with others available in the tsconfig json file allow you to configure the TypeScript compiler according to your project s specific requirements Resolve External Libraries Identify any external libraries or dependencies used in your project that do not have TypeScript support Search for TypeScript type declaration files d ts for those libraries using DefinitelyTyped or other community repositories Install the type declaration files using npm or yarn For example npm install save dev types react types react domType Annotations Start adding type annotations to your codebase Begin with prop types for your React components using TypeScript interfaces or types For example interface Props name string age number const MyComponent React FC lt Props gt name age gt Component code here Address Type Errors Run the TypeScript compiler to identify any type errors or warnings in your codebase npx tscAddress the reported type errors by updating your code with the correct types or resolving any inconsistencies Test and Refactor Thoroughly test your codebase to ensure functionality and correctness after the conversion Consider refactoring your code to take advantage of TypeScript s features such as utilizing more specific types and leveraging interfaces for improved code organization and documentation Project Tree Structure src components App tsx index tsx tsconfig json package json Hurrayy You have successfully convert your React JavaScript codebase to TypeScript Dealing with Common Challenges During the Conversion Process When converting JavaScript code to TypeScript you may encounter some common challenges Understanding and addressing these challenges can help you navigate the conversion process more effectively Here are some typical challenges and their respective solutionsConceptChallengeSolutionType DeclarationJavaScript code lacks explicit type information making it challenging to define types during the conversion process Start by providing explicit types to critical parts of the codebase Use TypeScript s type inference Gradually add more type annotations Third Party LibrariesLack of official TypeScript type definitions for third party libraries used in JavaScript projects Look for community maintained TypeScript type declaration files Install them to provide type information Create custom type declarations if needed Implicit AnyJavaScript s implicit any type can cause issues and bypass type checking Enable the noImplicitAny flag in the tsconfig json file Address any types with explicit type annotations or type inference Code Structure and OrganizationJavaScript projects may have different code structures and organization compared to TypeScript projects Refactor and reorganize the codebase during the conversion Split large files use namespaces or modules and follow TypeScript best practices Testing and DebuggingIntroduction of TypeScript may reveal hidden issues and introduce new bugs Thoroughly test the converted codebase Leverage TypeScript s static type checking Use TypeScript aware debugging tools and editors ConclusionIn conclusion converting your React JavaScript project to TypeScript is a crucial step in enhancing your codebase By embracing TypeScript s static typing you can improve code safety catch errors early and enhance maintainability Throughout the process we have provided a step by step approach including code snippets and project structure examples Although the conversion requires effort the benefits of TypeScript s powerful type system and improved tooling support are invaluable So take the leap convert your JavaScript project to TypeScript and experience the transformation of your codebase into a more robust and future proof solution Happy Hacking Bentil hereHow often do you use TypeScript Kindly share your experience in converting your JavaScript codebase to TypeScript This will help others going the same path Kindly Like Share and follow us for more	2023-06-23 10:44:28
Apple	AppleInsider - Frontpage News	How to add widgets to macOS Sonoma and how to use them	https://appleinsider.com/articles/23/06/23/how-to-add-widgets-to-macos-sonoma-and-how-to-use-them?utm_medium=rss	How to add widgets to macOS Sonoma and how to use themApple has made it remarkably easy to use a widget in macOS Sonoma even if you don t have the matching Mac app It s easy yet it s not obvious and so far the results are mixed Here s how to use them Anything can change between the beta versions of macOS Sonoma or iOS and their public release around September or October time For now though even from the very first beta Apple has made most of the steps to selecting iPhone widgets quick To take a widget you have on your iPhone and add it to your Mac you need Read more	2023-06-23 10:48:42
Apple	AppleInsider - Frontpage News	Apple Card may launch next in India	https://appleinsider.com/articles/23/06/23/apple-card-may-launch-next-in-india?utm_medium=rss	Apple Card may launch next in IndiaFour years after it was launched in the US Apple Card may finally be expanding internationally starting with India Even as Apple Card was first launched as a US exclusive in CEO Tim Cook said that it would expand to other countries We want to offer the cards everywhere he told a German newspaper Apple Card has yet to expand at all possibly because of the cost and complexity of setting it up Apple Card partner Goldman Sachs reported a billion loss for and ascribed most of it to the joint venture with Apple Read more	2023-06-23 10:32:41
Apple	AppleInsider - Frontpage News	Facebook shutters news rather than pay up under new Canadian law	https://appleinsider.com/articles/23/06/23/facebook-shutters-news-rather-than-pay-up-under-new-canadian-law?utm_medium=rss	Facebook shutters news rather than pay up under new Canadian lawMeta says it will cease providing news services on Facebook and Instagram before Canada s new law requiring it to pay news publishers comes into effect Canada s Online News Act Bill C has cleared its final Senate hearing and now needs only royal assent to become law By the time it does Meta will have shut down its news services for the country so there Meta is effectively saying that it s their ball and they re taking it home But of course it s not their ball this is about Facebook and Instagram profiting from news publishers as it pays them nothing and drives the industry out of business Read more	2023-06-23 10:31:24
海外TECH	Engadget	Ford secures $9.2 billion loan from US Department of Energy to build EV battery factories	https://www.engadget.com/ford-secures-92-billion-loan-from-us-department-of-energy-to-build-ev-battery-factories-102520341.html?src=rss	Ford secures billion loan from US Department of Energy to build EV battery factoriesThe United States government has reaffirmed its commitment to move EV production to its shores instead of relying on foreign entities The US Department of Energy s Loan Program Office LPO has announced a conditional billion loan for BlueOval SK BOSK ーowned by Ford and South Korean battery producer SK On ーto build three battery manufacturing plants Bloomberg reports nbsp The loan is the biggest the LPO has given out yet ーalmost four times the size of last year s billion loan for Ultium Cell ーa joint venture between General Motors and LG The loan s scale is thanks in part to last year s passage of the Inflation Reduction Act which led to the LPO s lending budget increasing to billion For context in the previous years the LPO has dispersed about billion The extra capital will certainly be necessary to achieve the Biden Harris administration goal for EVs to make up half of US car sales by nbsp There will be two plants in Kentucky and one in Tennessee with all three producing batteries for Ford and Lincoln s upcoming EV The car manufacturer also announced plans for a Michigan based LFP battery plant earlier this year The production ramp up comes as Ford aims to roll out two million EVs by with the All Electric Explorer Mustang Mach E and E Transit already available and an EV lineup in the works for Lincoln In comparison Ford produced about EVs in Ford also recently secured its EV drivers access to Tesla s charging points across North America The LPO stresses that the loan will also bring career opportunities to the areas creating construction jobs and another operation jobs once the plants start running The investment also aligns with President Biden s Justice Initiative that percent of specific federal investments including LPO loans go to disadvantaged communities nbsp This article originally appeared on Engadget at	2023-06-23 10:25:20
海外科学	NYT > Science	Tropical Storm Cindy Threatens Caribbean	https://www.nytimes.com/article/tropical-storm-cindy-hurricane.html	Tropical Storm Cindy Threatens CaribbeanThe tropical storm which formed late Thursday was still well out to sea and trailing Tropical Storm Bret which caused damaged on some islands in the Caribbean	2023-06-23 10:38:42
海外科学	NYT > Science	‘Titanic’ Director James Cameron Points to Flaws in Titan Sub’s Design	https://www.nytimes.com/2023/06/22/science/james-cameron-titanic-submersible.html	Titanic Director James Cameron Points to Flaws in Titan Sub s DesignThe “Titanic director and diving expert said he d had concerns from the start about the vehicle s hull composition and claims about its network of hull sensors	2023-06-23 10:29:23
医療系	医療介護 CBnews	病院薬剤師確保の要望書を提出へ、日病協-薬局との“給与格差”解消目指す	https://www.cbnews.jp/news/entry/20230623193653	厚生労働省	2023-06-23 19:47:00
医療系	医療介護 CBnews	匿名感染症情報の第三者提供、開始時はコロナが対象-制度化に向け議論開始、厚労省・有識者会議	https://www.cbnews.jp/news/entry/20230623192751	厚生労働省	2023-06-23 19:40:00
医療系	医療介護 CBnews	新型コロナ定点把握の感染者数 前週比9.6％増-厚労省が公表、都道府県別では沖縄が最多	https://www.cbnews.jp/news/entry/20230623184648	増加傾向	2023-06-23 19:10:00
ニュース	BBC News - Home	Titanic director James Cameron accuses OceanGate of cutting corners	https://www.bbc.co.uk/news/world-us-canada-65994707?at_medium=RSS&at_campaign=KARANGA	design	2023-06-23 10:52:11
ニュース	BBC News - Home	Tom Cruise launches Mission: Impossible - Dead Reckoning at UK premiere	https://www.bbc.co.uk/news/entertainment-arts-65920747?at_medium=RSS&at_campaign=KARANGA	ethan	2023-06-23 10:12:16
ニュース	BBC News - Home	Bill Kenwright: Everton chairman stays in role as owner Farhad Moshiri joins board	https://www.bbc.co.uk/sport/football/65895380?at_medium=RSS&at_campaign=KARANGA	Bill Kenwright Everton chairman stays in role as owner Farhad Moshiri joins boardLong serving chairman Bill Kenwright will remain at Everton after owner Farhad Moshiri convinces him to help the club through a period of transition	2023-06-23 10:08:59
IT	週刊アスキー	『白猫GOLF』で「レイン」のメタル系バンドマン風ウェアが登場！	https://weekly.ascii.jp/elem/000/004/142/4142397/	木村良平	2023-06-23 19:50:00
IT	週刊アスキー	マイクロソフト、軽量かつ高性能な大規模言語モデル「phi-1」を発表	https://weekly.ascii.jp/elem/000/004/142/4142381/	microsoft	2023-06-23 19:45:00
IT	週刊アスキー	『スターオーシャン セカンドストーリー』のリメイク作品『STAR OCEAN THE SECOND STORY R』が11月2日発売決定	https://weekly.ascii.jp/elem/000/004/142/4142387/	nintendo	2023-06-23 19:30:00
IT	週刊アスキー	女優の鳴海唯さんが出演！Switch『超探偵事件簿レインコード』のテレビCMが放送開始	https://weekly.ascii.jp/elem/000/004/142/4142389/	nintendo	2023-06-23 19:15:00
IT	週刊アスキー	ソフトバンク、女子ゴルフトーナメントでマルチアングルのライブ映像を配信する実証実験	https://weekly.ascii.jp/elem/000/004/142/4142382/	大会初日	2023-06-23 19:45:00