IT |
ITmedia 総合記事一覧 |
[ITmedia News] 旅行代金が40%オフ、観光庁の新施策が10月11日スタート じゃらんや楽天トラベルなどの対応は? |
https://www.itmedia.co.jp/news/articles/2209/27/news215.html
|
itmedia |
2022-09-27 23:45:00 |
AWS |
AWS Database Blog |
Build a geo-location application using Amazon DocumentDB (with MongoDB compatibility) |
https://aws.amazon.com/blogs/database/build-a-geo-location-application-using-amazon-documentdb-with-mongodb-compatibility/
|
Build a geo location application using Amazon DocumentDB with MongoDB compatibility Amazon DocumentDB with MongoDB compatibility supports geospatial functionality including dsphere specialized indexes and the operators for determining proximity the nearSphere query operator and the geoNear aggregation pipeline stage After working backward from our customers goals for the features they want most Amazon DocumentDB now also supports two additional operators that are useful for geospatial inclusion … |
2022-09-27 14:21:53 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
Googleフォトからエクスポートした写真の撮影日時を修正する |
https://qiita.com/heyt/items/69ab25691fda96ee4f62
|
takeout |
2022-09-27 23:54:31 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
OpenCVのaccumulateWeighted()の引数と処理の確認 |
https://qiita.com/shiomi_/items/f125a4f3a908eaf80aa8
|
accumulateweighted |
2022-09-27 23:31:22 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS クラウドプラクティショナーの勉強中に一瞬でも突っかかったワード |
https://qiita.com/ia2/items/3b4277c01c85a28f6ae2
|
httpsawssam |
2022-09-27 23:20:00 |
golang |
Goタグが付けられた新着投稿 - Qiita |
golang+ginでreact router対応してみた |
https://qiita.com/mitsuki_march/items/0bff803a97f935164c3c
|
golanggin |
2022-09-27 23:21:08 |
海外TECH |
MakeUseOf |
Facebook and Instagram Accounts Are Becoming More Connected |
https://www.makeuseof.com/facebook-instagram-account-center-linked-accounts/
|
Facebook and Instagram Accounts Are Becoming More ConnectedMeta has announced the test of a more centralized Accounts Center that users can use for switching between their Facebook and Instagram profiles |
2022-09-27 14:22:03 |
海外TECH |
MakeUseOf |
10 Ways to Open the Windows 10 Folder Options |
https://www.makeuseof.com/windows-10-open-folder-options/
|
great |
2022-09-27 14:15:14 |
海外TECH |
MakeUseOf |
The DDPai 4K Dual-Channel Z50 Is Not the Dashcam You're Looking For |
https://www.makeuseof.com/ddpai-4k-z50-review/
|
android |
2022-09-27 14:05:14 |
海外TECH |
DEV Community |
CRUD - React and Google Firebase |
https://dev.to/emhat098/crud-react-and-google-firebase-214j
|
CRUD React and Google FirebaseHi It s me again In this post I share to you how can I manage or CRUD the file in google firebase storage with React Create react app with nextjs frameworkcreate next app nextjs crud gg ts Installing the librariesnpm i s firebase uuid amp amp npm i dev types uuid Creating the structure of project storage ts in libs folder root project libs storage tsfileManage ts in utils folder root project utils fileManage tsAdd env variable to next config jsCustom the index tsx page We just use one page to CRUD the file as the demo page I Setup google firebase storage in storage tsimport initializeApp from firebase app import getStorage from firebase storage const firebaseConfig apiKey process env GOOGLE API KEY authDomain process env GOOGLE AUTH DOMAIN projectId process env GOOGLE PROJECT ID storageBucket process env GOOGLE STORAGE BUCKET messagingSenderId process env MESSAGING SENDER ID appId process env GOOGLE APP ID measurementId process env GOOGLE MEASUREMENT ID Initialize Firebaseconst app initializeApp firebaseConfig const storage getStorage app export storage II Setup environment variables in the next config js type import next NextConfig const nextConfig reactStrictMode true swcMinify true env GOOGLE API KEY lt value here gt GOOGLE AUTH DOMAIN lt value here gt GOOGLE PROJECT ID lt value here gt GOOGLE STORAGE BUCKET lt value here gt MESSAGING SENDER ID lt value here gt GOOGLE APP ID lt value here gt GOOGLE MEASUREMENT ID lt value here gt module exports nextConfig To figure out how we can get Please refer to this link firebase google com III Make a library to manage the file in fileManage tsimport storage from libs storage import deleteObject getDownloadURL listAll ref uploadBytes UploadResult from firebase storage import v from uuid Get all file by folder name param string folder image returns array File of url export async function getAllFile folder string const filesRef ref storage folder const files await listAll filesRef items return Promise all files map async fileRef gt return await getDownloadURL fileRef Get file by url param string url image returns boolean true if deleted file export async function getFile url string const fileRef ref storage url return await getDownloadURL fileRef Delete file by url param string url image returns boolean true if deleted file export async function deleteFile url string const fileRef ref storage url await deleteObject fileRef Upload file to google firebase storage param string folder name param array filesUpload list of file returns array list of url file export async function uploadFile folder string filesUpload File return Promise all filesUpload map async file File gt const fileRef ref storage folder file name v const value UploadResult await uploadBytes fileRef file return await getDownloadURL value ref MethodDescriptiongetAllFileGet all the file in google firebase storage base the the fodler namegetFileGet single file based on the url of filedeleteFileDelete file based on the url of fileuploadFileUpload multiple fileupdateFileWell we can delete the file which uploaded before we upload the new file That make easy and simple We can use the methods deleteFile uploadFile VI Manage the file with ReactI will edit the index tsx pageimport type NextPage from next import useRef useState from react import deleteFile getAllFile uploadFile from utils fileManager const Home NextPage gt Hook for upload the file const images setImages useState lt File gt Hook for preview the file uploaded const imagesUploaded setImageUploaded useState lt string gt Hook for list all the file in the images folder const imageGallery setImageGallery useState lt string gt Use fileRef to clean the file after uploaded const fileRef useRef lt HTMLInputElement gt null Creating the folder in google firebase storage I named the images for contain only the type of image const FOLDER NAME images Add file uploaded param e Event HTML Input Change const handleOnChange e any gt setImages e target files as File e target files null Delete the file with url file param url string const handleOnDelete url string gt deleteFile url then gt setImageUploaded prev gt prev filter img gt img url setImageGallery prev gt prev filter img gt img url alert Deleted file Upload file and show alert if success const handleOnUpload gt if images length return false uploadFile FOLDER NAME images then imageList gt setImageUploaded imageList alert Upload file successed if fileRef current fileRef current value Get all the files base on the folder name const handleGetFiles gt getAllFile FOLDER NAME then listImages gt setImageGallery listImages catch err gt console log Something went wrong err return lt div className app gt lt div className form control gt lt label htmlFor file gt lt input type file ref fileRef onChange handleOnChange multiple gt lt label gt lt button className button onClick handleOnUpload gt Upload file to firebase storage lt button gt lt div gt lt div className image container gt lt p gt Image preview lt p gt lt ul className image container list gt imagesUploaded length gt amp amp imagesUploaded map image gt lt li style listStyle none key image gt lt img src image width gt lt button type button onClick gt handleOnDelete image gt Delete file lt button gt lt li gt lt ul gt lt div gt lt div className image container gallery gt lt h gt Image Gallery lt button className button onClick handleGetFiles gt Click me to get it lt button gt lt h gt lt div className image container gt lt ul className image container list gt imageGallery length gt amp amp imageGallery map image gt lt li style listStyle none key image gt lt img src image width gt lt button type button onClick gt handleOnDelete image gt Delete file lt button gt lt li gt lt ul gt lt div gt lt div gt lt div gt export default Home V That it s Hope you doing great Thank for readingHave a good day Thang Em No Dev |
2022-09-27 14:39:22 |
Apple |
AppleInsider - Frontpage News |
Nreal Air AR glasses put your iPhone onto a 130-foot display |
https://appleinsider.com/articles/22/09/27/nreal-air-ar-glasses-put-your-iphone-onto-a-130-foot-display?utm_medium=rss
|
Nreal Air AR glasses put your iPhone onto a foot displayNreal Air is offering an AR experience that has yet to be realized by Apple s long rumored AR glasses with the consumer ready eyewear available to buy right now that s compatible with iPhone iPad and Apple Silicon Nreal Air glassesAugmented reality is a popular futuristic technology that extends virtual reality into a real world situation by incorporating digital imagery into a view of the real world While you may have experienced it with ARKit apps on an iPhone using an AR or mixed reality headset provides a more natural hands free experience Read more |
2022-09-27 14:14:18 |
Apple |
AppleInsider - Frontpage News |
AirPods Pro 2022 review: Already excellent earbuds, improved |
https://appleinsider.com/articles/22/09/27/airpods-pro-2022-review-already-excellent-earbuds-improved?utm_medium=rss
|
AirPods Pro review Already excellent earbuds improvedApple s second generation AirPods Pro are better than the original in almost every way thanks to the more powerful H processor in a familiar form factor AirPods Pro improve on almost every feature except for designWhen the original AirPods debuted they were a magical product that changed how we interacted with audio every day The AirPods Pro enhanced that further with a better fit new design and noise cancellation modes Read more |
2022-09-27 14:09:23 |
海外TECH |
Engadget |
Apple Watch SE (2022) review: The best smartwatch $250 can buy |
https://www.engadget.com/apple-watch-se-2022-review-battery-life-workout-health-tracking-144551799.html?src=rss
|
Apple Watch SE review The best smartwatch can buyI wasn t expecting Apple of all companies to deliver the most competitively priced smartwatch you can buy in But with Apple shaving off the cost the new Watch SE is arguably the most compelling wearable on the market For less than the new Series this year s Watch SE delivers a comprehensive suite of health and fitness tools emergency features and surprisingly few tradeoffs It even uses the same new chip as the Series and it looks indistinguishable to boot Design and hardwareIf you ve seen one Apple Watch you ve pretty much seen them all Unlike the majority of smartwatches for Android users iPhone owners are stuck with the rounded square face the company has retained year after year At this point it feels like most people are used to the shape and have either embraced it adjusted to it or given up complaining I m one of those who s decided to no longer waste my breath asking for a round face At least the Watch SE looks inoffensive and is light comfortable and well made The mm model I ve been testing sits nicely on my wrist and most of the time I barely even notice it s there A mm version is also available It s worth noting that most recent wearables are similarly unobtrusive though at grams ounces the mm Apple Watch SE is one of the lightest around Meanwhile the Fitbit Sense and the Samsung Galaxy Watch both outweigh it at grams and grams respectively Cherlynn Low EngadgetThough the SE s underside is made from a nylon composite and sapphire crystal instead of the ceramic on its predecessor and the Series I didn t even realize there was a difference until I scrutinized the spec sheet Unlike the Series and Watch Ultra the new SE isn t rated IPX for dust resistance but it is water resistant at up to meters It also uses an older heart rate monitor than the other two but comes with the same S system in a package SiP processor as well as an onboard high g accelerometer that makes crash detection possible Like its predecessor the SE s screen is covered by an Ion X glass as opposed to the sapphire crystal on the Series I ve had no mishaps with the new SE though my first review unit of the last generation device did get seriously damaged with spiderweb cracks covering the display after it fell off my bathroom sink If you re clumsy or anticipate being careless with your smartwatch it might be worth paying more to get a hardier model DisplayThe Watch SE s Retina display is bright crisp and easy to read even in direct sunlight That latter trait has a lot to do with the fact that Apple consistently uses colorful text on a black background which is great for readability Though Samsung watches like the Galaxy Watch often have higher resolutions and greater brightness they also sometimes use tiny fonts with low contrast and can be hard to read Cherlynn Low EngadgetThe new SE has the same display as its predecessor which is to say it s also an LTPO OLED panel that runs at resolutions of x and x for the mm and mm versions respectively It ll also max out at nits of brightness like the older SE and the Series Besides the lack of a skin temperature sensor the main difference between this year s Watch SE and its more premium siblings is that it doesn t have an Always On Display AOD This just means you ll have to lift your wrist fairly deliberately sometimes to see things like the time how long you ve been working out or a notification that just came through It does take a second for the Watch SE to wake up and show me what I m looking for but it never felt too laggy If you re the impatient type and have money to spare though this is one feature that might make the Series worth the extra Performance and in useFor the price it s impressive that the Watch SE uses the same S SiP as the Series and Watch Ultra In general this meant the watch was just as snappy as its pricier counterparts at setting new watch faces measuring my heart rate starting workouts and more I wore the SE and a Series during my testing and sometimes it was quicker to detect that I had been walking for minutes or longer while other times higher end model would be first Regardless of which device alerted me first though they both clocked roughly the same duration for my outdoor walks Cherlynn Low EngadgetUsing the SE to track my daily HIIT and resistance training sessions felt exactly the same as using the Series The only difference was that the latter s AOD kept the workout screen on so I could more easily keep an eye on stats like elapsed time and calories burned The most significant feature that the SE lacks is the new skin temperature sensor that Apple introduced on the Series This measures the wearer s body temperature overnight and based on any deviations from a baseline reading retrospectively estimates if they ve ovulated Because the SE doesn t have the hardware it doesn t offer this ovulation tracking feature But it does everything else related to cycle and sleep tracking You can log your periods or wear this to bed to see how long you ve spent in zones like REM Deep and Core sleep Despite packing an older heart rate monitor than the Series and Watch Ultra the SE didn t take significantly longer to deliver a reading Frankly for the most part I couldn t tell that there was any difference between the SE and the Series I had been wearing for a year Missing features like the ECG and blood oxygen apps weren t things I used much anyway Cherlynn Low EngadgetBattery lifeOne area where the SE lagged pricier Apple Watches is battery life While the Series usually stuck around all day with juice to spare the next morning the SE tended to run dangerously low at night if I d been particularly active earlier I usually track one workout every morning and rely on the watches to automatically detect my two to five outdoor walks each day all while trying to hit my stand and move goals If I walk for longer than minutes more than twice the Watch SE will struggle to last till midnight Another notable difference between the SE and the Series and later is that it doesn t offer fast charging but it never took longer than an hour to get back to percent Wrap upApple sacrificed surprisingly few features on the second gen Watch SE As a starter smartwatch it offers plenty of health and fitness tracking functions while providing peace of mind via emergency features like crash detection and compass trackback As long as you re not extremely clumsy or impatient you won t miss things like the hardier screen dust resistance or always on display At the new Watch SE is the best smartwatch for the money |
2022-09-27 14:45:51 |
Cisco |
Cisco Blog |
Completing the Public Cloud Trifecta: Cisco Intersight Workload Optimizer adds GCP Support |
https://blogs.cisco.com/cloud/completing-the-public-cloud-trifecta-cisco-intersight-workload-optimizer-adds-gcp-support
|
Completing the Public Cloud Trifecta Cisco Intersight Workload Optimizer adds GCP SupportIn a recent Forrester survey of respondents acknowledged wasting money in the cloud and one in four organizations surpassed their projected cloud spend So how do you join the select club of the cloud spend optimization mavericks |
2022-09-27 14:12:40 |
海外TECH |
CodeProject Latest Articles |
How to build a Python wheel package from the main branch of OpenVINO™? |
https://www.codeproject.com/Articles/5341636/How-to-build-a-Python-wheel-package-from-the-main
|
openvino |
2022-09-27 14:18:00 |
海外TECH |
CodeProject Latest Articles |
Cinchoo ETL - CSV Lite Reader |
https://www.codeproject.com/Articles/5320967/Cinchoo-ETL-CSV-Lite-Reader
|
cinchoo |
2022-09-27 14:16:00 |
海外TECH |
WIRED |
You'll Need a Magnifying Glass to Find the iPhone 14's Upgrades |
https://www.wired.com/review/apple-iphone-14/
|
great |
2022-09-27 14:36:00 |
海外科学 |
BBC News - Science & Environment |
Wildlife protection helps species thrive in Europe - report |
https://www.bbc.co.uk/news/science-environment-63037556?at_medium=RSS&at_campaign=KARANGA
|
impact |
2022-09-27 14:37:00 |
金融 |
金融庁ホームページ |
十六銀行に対する信託兼営認可について公表しました。 |
https://www.fsa.go.jp/news/r4/ginkou/202209kenei.html
|
十六銀行 |
2022-09-27 16:00:00 |
ニュース |
BBC News - Home |
Mortgage lenders pull deals over interest rate rise fears |
https://www.bbc.co.uk/news/business-63041679?at_medium=RSS&at_campaign=KARANGA
|
customers |
2022-09-27 14:05:04 |
ニュース |
BBC News - Home |
'I was trafficked, raped, and left for my abusers to find' |
https://www.bbc.co.uk/news/uk-63010474?at_medium=RSS&at_campaign=KARANGA
|
british |
2022-09-27 14:48:51 |
ニュース |
BBC News - Home |
Eurovision 2023: Glasgow or Liverpool will host song contest |
https://www.bbc.co.uk/news/entertainment-arts-63037204?at_medium=RSS&at_campaign=KARANGA
|
contest |
2022-09-27 14:02:18 |
ニュース |
BBC News - Home |
Prince and Princess of Wales visit nation for first time |
https://www.bbc.co.uk/news/uk-wales-63035829?at_medium=RSS&at_campaign=KARANGA
|
titles |
2022-09-27 14:52:44 |
北海道 |
北海道新聞 |
国葬への賛否 道内でも渦巻く 50自治体で半旗掲揚、街頭では抗議デモ |
https://www.hokkaido-np.co.jp/article/737083/
|
安倍晋三 |
2022-09-27 23:08:25 |
コメント
コメントを投稿