IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 終身雇用など日本の“常識”が大きく変わりそう 「骨太の方針」決定 |
https://www.itmedia.co.jp/business/articles/2306/18/news042.html
|
itmedia |
2023-06-18 06:30:00 |
Google |
カグア!Google Analytics 活用塾:事例や使い方 |
英語読み上げできるAI合成音声ボイス3キャラクター |
https://www.kagua.biz/marke/podcast/20230618a1.html
|
利用規約 |
2023-06-17 21:00:52 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
APIゲートウェイのテスト:Krakend |
https://qiita.com/dabiddo/items/0ca3a0b3856a7b5e91c3
|
krakend |
2023-06-18 06:51:14 |
海外TECH |
MakeUseOf |
Self-Hosted Alternatives to Proprietary Services You Can Run on Raspberry Pi |
https://www.makeuseof.com/raspberry-pi-self-hosted-alternatives-proprietary-services/
|
Self Hosted Alternatives to Proprietary Services You Can Run on Raspberry PiCommercial online services may be convenient but with a self hosted solution on Raspberry Pi you can secure your own data and privacy |
2023-06-17 21:01:19 |
海外TECH |
DEV Community |
Add ConfigCat to Next.js App |
https://dev.to/mmcclure11/add-configcat-to-nextjs-app-1kk1
|
Add ConfigCat to Next js AppI recently started helping my friend jordan t romero with a NextJS and NodeJS project she is working on This weekend we incorporated ConfigCat so that we can add feature flags to control what content is displayed in the different environments local staging production etc Once we created an account and were logged in we headed over to the React SDK Reference guide since Next js is a framework for React Install PackageSince we use yarn instead of npm we ran yard add configcat react to add ConfigCat to our dependencies Import amp Initialize a ConfigCatProvider with your SDK Key We wrapped our root component app tsx in the Pages folder with ConfigCatProvider to access ConfigCat features in child components import styles globals css import type AppProps from next app import Layout from components Layout layout import components theme styles css import ConfigCatProvider from configcat react export default function App Component pageProps AppProps return lt ConfigCatProvider sdkKey your actual key gt lt Layout gt lt Component pageProps gt lt Layout gt lt ConfigCatProvider gt When you sign up with ConfigCat if you go to the documentation the sample code to paste in to add the provider will include your specific sdkKey Try it outThe first place we wanted to try it was in our NavBar We eventually want to have a Login and Sign Up buttons but they aren t hooked up and we aren t ready for real users on Production so this was the ideal use case In the ConfigCat app we created a new feature to flag called signUpandLoginVisible and used the toggle to set it to on for testing purposes In components Layout Navbar tsx we import useFeatureFlag and set a const for signUpandLoginVisible The first arg for useFeatureFlag is the name of the feature that is set in ConfigCat The second arg is the default value to be used Since the page loads slightly faster than the SDK Key can be read it will use the default until it is connected with ConfigCat Once we want to have these features shown we will probably change the default to true However it is so fast that we couldn t tell the difference with our human eyes import NavComponent from NavComponent import useFeatureFlag from configcat react const Navbar gt const value signUpAndLoginVisible useFeatureFlag signUpAndLoginVisible false return lt div gt lt NavComponent navText Home gt lt NavComponent navText About gt lt NavComponent navText Contact gt signUpAndLoginVisible lt NavComponent navText Sign Up gt null signUpAndLoginVisible lt NavComponent navText Login gt null lt div gt export default NavbarAnd just like that we have a Sign Up and Login button Then we can go in to ConfigCat swith the toggle to off wait a few seconds usually about seconds or more for us for the change to take effect and no more Sign Up or Login buttons Use an Environmental VariableThe final piece we wanted to implement was moving the SDK Key out of the app logic and into an Environment Variable This is for a couple of reasons You want to protect private keys like this and make sure they aren t visible on places like GitHub where your code lives Even if it is a private repository extra protection is always better The second is that we are using Vercel for our deployments and it gives us the ability to use different variables for our various environments We already have a gitignore file in our home directory that includes our env file local env files env local envso in our env file we can add where abc is your actual SDK Key NEXT PUBLIC CONFIGCAT SDK KEY abcNext js comes with built in support for environmental variables Because the variables in the env file are by default only available server side Node js in our case we need to add the NEXT PUBLIC prefix to the variable name This makes the environment variable accessible in the browser by allowing Next js to read the value at build time and it is delivered to the client as part of the js bundle We access the variable by calling process env variable within the code base Our app tsx now looks like this import ConfigCatProvider from configcat react export default function App Component pageProps AppProps const CONFIGCAT KEY process env NEXT PUBLIC CONFIGCAT SDK KEY return lt ConfigCatProvider sdkKey CONFIGCAT KEY gt lt Layout gt lt Component pageProps gt lt Layout gt lt ConfigCatProvider gt However we now get have a typescript error Type string undefined is not assignable to type string Type undefined is not assignable to type string ts ConfigCatProvider d ts The expected type comes from property sdkKey which is declared here on type IntrinsicAttributes amp IntrinsicClassAttributes lt ConfigCatProvider gt amp Readonly lt PropsWithChildren lt ConfigCatProviderProps gt gt property sdkKey stringBecause the SDK Key now comes from our env file when the app first boots up the value is undefined until it becomes loaded The loading process happens very fast so it shouldn t have much of an effect on users but we can add in a loading state until the value is available export default function App Component pageProps AppProps const CONFIGCAT KEY process env NEXT PUBLIC CONFIGCAT SDK KEY if CONFIGCAT KEY return lt div gt Loading lt div gt return lt ConfigCatProvider sdkKey CONFIGCAT KEY gt lt Layout gt lt Component pageProps gt lt Layout gt lt ConfigCatProvider gt And now we are all set with ConfigCat with a proper environment variable and are ready to fully use our feature flags Happy Coding |
2023-06-17 21:38:07 |
Apple |
AppleInsider - Frontpage News |
Synology DS120j NAS review: easy, affordable starter storage |
https://appleinsider.com/articles/23/06/17/synology-ds120j-nas-review-easy-affordable-starter-storage?utm_medium=rss
|
Synology DSj NAS review easy affordable starter storageThe Synology DSj offers fast and efficient file serving on a budget making it a great starter storage appliance for your home network The Synology DSj is an inexpensive Network Attached Storage NAS single bay device enclosure one you can add your own drive to Based on a single two core bit Marvell Armada processor and MB RAM the DSj is easy to set up and use The unit is small lightweight and silent with dimensions of approximately inches by inches by inches Its compact size means it can accept either a single inch or inch SATA drive Read more |
2023-06-17 21:13:54 |
海外TECH |
Engadget |
Leaked Samsung Galaxy Z Flip 5 render shows a bigger cover display |
https://www.engadget.com/leaked-samsung-galaxy-z-flip-5-render-shows-a-bigger-cover-display-214020400.html?src=rss
|
Leaked Samsung Galaxy Z Flip render shows a bigger cover displayWhen Samsung hosts its next Unpacked event in Seoul next month the company is widely expected to announce a new Galaxy Z Flip device with a larger cover display Now we have a better idea of exactly how much bigger the Z Flip s external screen could be when it arrives later this year An alleged marketing render shared by MySmartPrice via The Verge shows a phone with a secondary display that covers most of the front of the device when you have it flipped closed MySmartPrice didn t share the size of the cover display but judging from the render it s significantly larger than the inch one found on the Z Flip Additionally it appears Samsung has found a more elegant way to shape the display around the Z Flip s main camera array than Motorola has done with the Razr MySmartPriceNaturally a larger cover display would make it easier to frame selfies with the Z Flip s main camera but there are also some potential drawbacks For one a bigger secondary screen would impact battery life on the Z Flip unless Samsung equips the phone with a higher capacity battery It s also worth pointing out that a small cover screen is part of the Z Flip s appeal The minimal functionality it offers is a good way to partially unplug from the typical distractions that come with a smartphone while still having easy access to some information Samsung is expected to announce the Galaxy Z Flip alongside the Galaxy Z Fold in late July We ll find out then if the company s latest foldable display flip phone has a bigger screen This article originally appeared on Engadget at |
2023-06-17 21:40:20 |
海外TECH |
Engadget |
Netflix’s ‘3 Body Problem’ first look confirms January 2024 premiere |
https://www.engadget.com/netflixs-3-body-problem-first-look-confirms-january-2024-premiere-213927002.html?src=rss
|
Netflix s Body Problem first look confirms January premiereNetflix just dropped the first reveal trailer for the forthcoming Body Problem science fiction series at its Tudum fan event along with a premiere month of January This is a short delay for the anticipated series as it was originally supposed to air this year If the name of the show sounds familiar it s likely for two reasons First of all the showrunners are the former Game of Thrones creators David Benioff and D B Weiss along with Alexander Woo Despite the bone deep hatred among viewers for the final season of HBO s fantasy epic Benioff and Weiss are still a known quantity that could draw in some eyeballs Secondly Body Problem is based on a highly successful book series just like Game of Thrones only this one is already finished Let s hear it for pre existing endings The book series authored by Chinese writer Liu Cixin is one of the most celebrated sci fi epics of recent years so we could be in for something special here To that end Netflix dropped a trailer that s heavy on eye candy and light on story That s okay though as those who want spoilers can just read the books Some of the actors set to star in the series include Benedict Wong The Martian Doctor Strange Eiza González Baby Driver and Game of Thrones veterans John Bradley and Liam Cunningham January is not that far off so we don t have long to wait until we learn all about the titular three bodies and any associated problems Here s hoping Benioff and Weiss earn back some goodwill with this show At any rate this is a much cooler idea than that weird alt history slavery thing that the duo almost pushed through at HBO This article originally appeared on Engadget at |
2023-06-17 21:39:27 |
海外TECH |
CodeProject Latest Articles |
How to restart a USB port |
https://www.codeproject.com/Articles/5363023/How-to-restart-a-USB-port
|
windows |
2023-06-17 21:28:00 |
金融 |
ニュース - 保険市場TIMES |
損保ジャパン、企業ブランドサイトを新設 |
https://www.hokende.com/news/blog/entry/2023/06/18/070000
|
損保ジャパン、企業ブランドサイトを新設取り組みを伝えるために損害保険ジャパン株式会社は月日、企業ブランドサイト「SOMPOJAPANSTORIES」を新設したと発表した。 |
2023-06-18 07:00:00 |
ニュース |
BBC News - Home |
Canadian Grand Prix: Max Verstappen takes pole ahead of Nico Hulkenberg |
https://www.bbc.co.uk/sport/formula1/65940603?at_medium=RSS&at_campaign=KARANGA
|
Canadian Grand Prix Max Verstappen takes pole ahead of Nico HulkenbergRed Bull s Max Verstappen takes pole position in a wet qualifying session at the Canadian Grand Prix that produced a series of shocks |
2023-06-17 21:44:53 |
ビジネス |
東洋経済オンライン |
なぜ危機にある日銀植田総裁にみんな優しいのか パウエルFRB議長は記者会見で吊るし上げ状態 | 新競馬好きエコノミストの市場深読み劇場 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/680357?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
連邦公開市場委員会 |
2023-06-18 06:30:00 |
コメント
コメントを投稿