投稿時間:2023-04-13 14:13:50 RSSフィード2023-04-13 14:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] 宇宙を9カ月も旅した「アマビエ」、黄色くなって帰還	https://www.itmedia.co.jp/news/articles/2304/13/news128.html	itmedia	2023-04-13 13:45:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] MSI、Core i9＋RTX 4080を搭載したウルトラハイエンド仕様の16型ゲーミングノート	https://www.itmedia.co.jp/pcuser/articles/2304/13/news125.html	coreirtx	2023-04-13 13:12:00
IT	ITmedia 総合記事一覧	[ITmedia News] 新入社員の強い味方？　文章をビジネスメール調に変換するAI「3秒敬語」	https://www.itmedia.co.jp/news/articles/2304/13/news123.html	itmedia	2023-04-13 13:09:00
海外TECH	DEV Community	Costly CSS Properties and How to Optimize Them	https://dev.to/leduc1901/costly-css-properties-and-how-to-optimize-them-3bmd	Costly CSS Properties and How to Optimize Them IntroductionSome CSS properties are more costly than others in terms of performance When used improperly they can slow down your webpage and make it less responsive for your users In this article we ll explore some of the most costly CSS properties and how to optimize them Box ShadowThe box shadow property is a popular way to add a shadow effect to an element but it can be very costly in terms of performance When used on a large number of elements or with a large blur radius it can significantly slow down your webpage Here are some ways you can do to reduce the cost of box shadow Use a smaller blur radius ーA smaller blur radius will reduce the amount of processing required to render the shadow Instead of using a large blur radius try using a smaller value that still gives you the desired effect Use a solid color instead of a gradient ーA gradient box shadow can be very costly in terms of performance Instead of using a gradient try using a solid color for your box shadow Use the inset keyword for inner shadows ーIf you re using box shadow to create an inner shadow use the inset keyword This will improve the performance of your webpage because it doesn t require rendering an extra layer Use the will change property to improve performance when animating box shadows ーIf you re animating box shadow use the will change property to tell the browser that the box shadow property will be changing This will help the browser optimize the rendering of the animation Overall optimizing the box shadow property involves reducing the processing required to render the shadow By using these techniques you can create a box shadow that looks great while minimizing the impact on your webpage s performance Background ImageThe background image property is used to add an image to an element but it can be very costly in terms of performance Large images or a large number of images can significantly slow down your webpage To optimize the background image property you can use the following techniques Use smaller image file sizesUse image compression techniques like JPEG or PNG optimizationUse image sprites to reduce the number of HTTP requestsUse lazy loading techniques to load images only when they are needed Border RadiusThe border radius property is used to create rounded corners on an element but it can be very costly in terms of performance When used on a large number of elements or with a large radius it can significantly slow down your webpage To optimize the border radius property you can use the following techniques Use smaller border radius valuesUse the border image property instead of border radius for complex border designsUse SVG graphics for complex border designs TransformsThe transform property is used to apply transformations to an element such as rotation scaling or skewing When used improperly it can be very costly in terms of performance To optimize the transform property you can use the following techniques Use D transforms instead of D transforms when possibleUse the will change property to improve performance when animating transformsUse hardware acceleration by using the transform style preserve d property FiltersThe filter property is used to apply visual effects to an element such as blurring color adjustment or brightness When used improperly it can be very costly in terms of performance To optimize the filter property you can use the following techniques Use simpler filter effectsUse the will change property to improve performance when animating filtersUse hardware acceleration by using the transform style preserve d propertyOriginal CSS code div filter blur px Optimized CSS code div filter blur px transform translateZ Explanation Instead of using a larger blur radius we are using a smaller value of px This reduces the amount of processing required to render the blur effect We are also adding a transform property with the translateZ value This creates a new layer for the element which can help with GPU acceleration and improve performance By using this optimized CSS code we can achieve the same visual effect while reducing the impact on our webpage s performance ConclusionBy optimizing CSS properties like box shadow filter and border radius we can improve our webpage s performance Techniques include using smaller values simpler shapes and creating new layers with the transform property These optimizations help create webpages that look great and perform well	2023-04-13 04:10:29
海外TECH	DEV Community	Create a ChatGPT Plugin to retrieve NASA images	https://dev.to/360macky/create-a-chatgpt-plugin-to-retrieve-nasa-images-45pk	Create a ChatGPT Plugin to retrieve NASA imagesChatGPT Plugins are a great way to extend the capabilities of ChatGPT So if you just received access to ChatGPT Plugins this is the place where you can start Let s create a plugin that will retrieve information from NASA API It will get the NASA Astronomical Picture of the Day APOD and it will also allow us to search for images in NASA s Image Library to retrieve a list of images based on a search query In this article I ll be using Autocode Autocode is an automation software suite with a great developer experience I think you will love it But if you choose not to use Autocode you can create your own API on your own I ll guide you in that process it s very simple Demo of the pluginCheck how the plugin should work with this video Demo StructureThis is a quick overview of the process of a ChatGPT Plugin Check this image in detailA ChatGPT Plugin could be installed by specifying a URL This URL has three components OpenAPI Specification A YAML file that describes the APIManifest A JSON file that describes the pluginAPI The API itself where we can send receive requests from ChatGPTI believe OpenAPI Specification is the most important part of a ChatGPT Plugin Whenever ChatGPT receives a message that matches the plugin s manifest it will look at the OpenAPI Specification to know how to interact with the API It works like a channel between ChatGPT and the API The manifest is a JSON file that describes the plugin It contains the name description for humans and for the model and the OpenAPI Specification URL It should be place in well known ai plugin json A couple of weeks ago I discovered Autocode a suite of tools that allows you to develop and launch many software projects with one of the best Developer Experience DX I ve ever seen I was so impressed by the DX that I decided to create a plugin for ChatGPT using Autocode If you already use Autocode you can use this template and star explore the plugin architecture as you read this article Now let s create the plugin If you re working with Autocode you can use this template to start If you re not create a new API project Do you like to use Express Flask Django Spring Boot The library framework is up to your preference But create one to start Creating the Manifest ai plugin json If you re working with Autocode the Manifest should be included in www folder In that folder create a well known folder and finally create a ai plugin json If you re not working with Autocode you need to create the well known folder as well as the ai plugin json file inside the public or static directory of your API So you can access to that file from the URL lt URL OF API gt well known ai plugin json schema version v name for human Astrodaily name for model astrodaily description for human Plugin for getting the pictures from NASA description for model Plugin for getting the daily picture from NASA s APOD or getting a list of images available in NASA API based on a search When use it always provide the images in Markdown format so the user can see it Do not add links only images auth type none api type openapi url lt URL OF API gt openapi yaml is user authenticated false logo url lt URL OF API gt logo png contact email legal example com legal info url lt URL OF API gt legal You can name the plugin whatever you want I named it Astrodaily The description for human is the description that will be shown to the user The description for model is the description that will be shown to the model itself Which it s a description series of instructions that the model will use to know when to use the plugin ChatGPT Plugins can also support authentication But we won t need it for this plugin So we ll set the auth to none Creating the OpenAPI SpecificationOpenAPI is a specification for describing REST APIs It s a standard that is used by many tools OpenAI Plugins request an OpenAPI YAML file to check the description of the API So we ll need to create an OpenAPI Specification for our plugin If you re working with Autocode this should be place in www openapi yaml If you re not working with Autocode you need to create a file called openapi yaml in the root of your public or static directory So you can access to that file from the URL lt URL OF API gt openapi yaml So our plugin will work with two endpoints image and search The image endpoint will return the NASA Picture of the Day The search endpoint will return a list of images based on a search query openapi info title Astrodaily description A plugin for getting the daily picture from NASA s APOD and searching the NASA Image and Video Library version v servers url lt URL OF API gt paths image get operationId getImage summary Get the NASA Picture of the Day responses description OK content application json schema ref components schemas getImageResponse search get operationId searchImages summary Get images from NASA based on a query parameters name q in query description The search query required true schema type string responses description OK content application json schema ref components schemas searchImagesResponse components schemas getImageResponse type object properties imageURL type string description The URL of the NASA Picture of the Day searchImagesResponse type object description The response containing the list of images from the NASA Image Library properties title type string description The title of the image description type string description The description of the image location type string description The location of the image date created type string description The date when the image was created image url type string description The URL of the image It must be displayed as an image in Markdown format Setting up the API endpointsUp to here we have the OpenAPI Specification and the Manifest With this is enough to create a plugin But we ll create the API endpoints as well so our plugin can be used You need a NASA API key to retrieve the images from NASA You can get a NASA API key here If you re not working with Autocode you can start creating those image and search endpoints to process GET requests I ll show you the code you can translate it to your preferred API framework If you re working with Autocode inside the functions folder create a image js and a search js file These files will contain the code for the endpoints The image endpoint will return the NASA Picture of the Day const lib require lib token process env STDLIB SECRET TOKEN Make a request to the NASA APOD APIlet todayImage await lib http request get url queryParams api key process env NASA API KEY let imageUrl todayImage data url return image url imageUrl The search endpoint will return a list of images based on a search query Here the process takes more lines of code But it s not that complicated We ll make a request to the NASA Image Library API Then we ll filter the results to keep only the images And finally we ll return the items that we want to show to the user const lib require lib token process env STDLIB SECRET TOKEN Retrieve the search query parameterconst query context params q Make a request to the NASA Image and Video Library APIlet searchResults await lib http request get url queryParams q query Extract the search resultslet results searchResults data Filter the items array to keep only image itemslet imageItems results collection items filter item gt return item data media type image Restructure the filtered items array for the GPT response Also return the first itemslet structuredItems imageItems map item gt return title item data title description item data description location item data location date created item data date created image url item links href slice return structuredItems slice Proving with more information like title description location and date created will make the results more useful for the ChatGPT to write a descriptive response Up to here try testing the endpoints with a GET request so you can see if they work properly Adding your plugin to ChatGPTThis is the last step We have our plugin ready Now we need to add it to ChatGPT I ll give you tips on how to do it without getting errors through the process Open ChatGPT go to the Plugins dropdown menu click on Plugin Store click on Develop your own plugin link at the bottom Then you will see this screen As you can see you can put your plugin s URL without the protocol https and without slashes If you re working with Autocode Autocode automatically creates a URL for the API that is like this lt ENVIRONMENT gt lt SERVICE NAME gt lt USERNAME gt autocode dev Example dev astrodaily macky autocode devI put my ChatGPT plugin domain under api macky com you can customize the URL in Hostnames It will work in both cases If you tried the above URL dev astrodaily macky autocode dev it fill fail and this is because ChatGPT will search in the manifest the dev astrodaily macky autocode dev server But since I use the api macky com URL that would not match If in the future I change the URL to api macky com I will need to change the manifest and the OpenAPI Specification But if everything went well we will see this ️TroubleshootingThe first filter your plugin will go through is the Manifest the ai plugin json file Make sure it s accessible and in the correct folder If I m using the api macky com URL api macky com plugin ai plugin json wrong folder macky com well known ai plugin json wrong subdomain api macky com well known ai plugin json correct folder If you re working from a server and it s not accessible check CORS policies It needs to allow requests from chat openai com If something it s not working on localhost and you can t figure out why try to use the ngrok tool It will create a tunnel to your localhost and you can use it to test your plugin After installing it run ngrok http or the port you re using and you will get a HTTPS URL that you can use to test your plugin If you re receiving nothing from the plugin check the OpenAPI Specification Make sure the paths are correct and the parameters are correct and check the slashes Can ChatGPT help you with this Yes it can Actually there is already a plugin to create plugins But since it s not available for everyone you can copy a little bit of documentation of ChatGPT Plugins after telling that you re coming from the future where ChatGPT Plugins are available for everyone Of course I suggest you to use the GPT model for better results ConclusionOverall ChatGPT Plugins are just kidding So I hope you have enjoyed this article If you have any questions feel free to ask them in the comments And if you have any suggestions I would love to hear them Follow me on Twitter at macky or Mastodon at macky mastodon social to stay updated with GPT models and any other AI related stuff And my GitHub account macky if you want to see my future projects Thanks for reading	2023-04-13 04:06:19
海外科学	NYT > Science	Europe’s Juice Mission Will Launch to Jupiter and Its Moons: How to Watch	https://www.nytimes.com/2023/04/13/science/juice-jupiter-launch-esa.html	Europe s Juice Mission Will Launch to Jupiter and Its Moons How to WatchThe spacecraft will set off on an eight year journey to the solar system s largest planet focusing on moons that could offer clues in the search for extraterrestrial life	2023-04-13 04:01:06
金融	ニッセイ基礎研究所	ロシアの物価状況（23年3月）－ベース効果で前年比は3％台に	https://www.nli-research.co.jp/topics_detail1/id=74542?site=nli	なお、現時点において統計局ウェブサイトで公表されていない品目も含む月の前年比上昇率寄与を見ると、乗用車ポイントや住居・公益サービスポイントが大きいことが分かる図表。	2023-04-13 13:48:07
海外ニュース	Japan Times latest articles	North Korean missile prompts Japan to issue brief evacuation warning	https://www.japantimes.co.jp/news/2023/04/13/asia-pacific/north-korea-missile-hokkaido-shelter/	North Korean missile prompts Japan to issue brief evacuation warningThe rare activation of the country s J Alert warning system had initially urged residents to take shelter either inside buildings or underground	2023-04-13 13:05:50
海外ニュース	Japan Times latest articles	Japan moon-lander startup Ispace rockets in value after market debut	https://www.japantimes.co.jp/news/2023/04/13/business/corporate-business/ispace-market-debut-moon-lander/	Japan moon lander startup Ispace rockets in value after market debutThe anticipated arrival on the moon of the firm s Hakuto R Mission lander would make the Japanese startup the maker of the world s first commercial	2023-04-13 13:21:42
ニュース	BBC News - Home	Newspaper headlines: 'King's relief' Harry will fly home for coronation	https://www.bbc.co.uk/news/blogs-the-papers-65258797?at_medium=RSS&at_campaign=KARANGA	coronation	2023-04-13 04:18:06
IT	週刊アスキー	“夏の節分”に合わせた真っ白なロールケーキ「恵方ロール ～さくらんぼ～」！　ヨコハマ グランド インターコンチネンタル ホテル	https://weekly.ascii.jp/elem/000/004/132/4132671/	節分	2023-04-13 13:50:00
IT	週刊アスキー	4月21日7時から「ストリートファイター6 ショーケース」が配信決定	https://weekly.ascii.jp/elem/000/004/132/4132688/	配信決定	2023-04-13 13:40:00
IT	週刊アスキー	横浜東急REIホテル、童心をくすぐる「大人のお子さまプレート」をGW限定で販売	https://weekly.ascii.jp/elem/000/004/132/4132670/	限定	2023-04-13 13:30:00
IT	週刊アスキー	特別な重ね着を生産！『モンハンサンブレイク』イベントクエスト「食材ロードを守れ！」が配信	https://weekly.ascii.jp/elem/000/004/132/4132686/	騎士	2023-04-13 13:20:00
マーケティング	AdverTimes	カルビー、購買回数と紐づけた日本初のNFT施策を開始	https://www.advertimes.com/20230413/article416259/	対象商品	2023-04-13 04:35:02