TECH |
Engadget Japanese |
2018年12月25日、電子ペーパー採用のAndroidタブレット「BOOX Poke Pro」などが発売されました:今日は何の日? |
https://japanese.engadget.com/today-203027718.html
|
android |
2021-12-24 20:30:27 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
SQLiteグループ集計の操作 |
https://teratail.com/questions/375474?rss=all
|
SQLiteグループ集計の操作グループ集計の操作Select句最後の「groupavgheight」としているカラムをgroupname内の平均としたいのですが、このままだとgroupnameとnameが掛け合わさった平均になってしまいます。 |
2021-12-25 05:23:32 |
技術ブログ |
Developers.IO |
Porting Assistant for .NETを使ってASP.NET Web FormsアプリケーションをBlazorへ移植する |
https://dev.classmethod.jp/articles/porting-assistant-for-net-webforms-to-blazor/
|
portingassist |
2021-12-24 20:35:25 |
海外TECH |
Ars Technica |
Tune in as NASA and the ESA try launch the next great space telescope |
https://arstechnica.com/?p=1822394
|
great |
2021-12-24 20:27:03 |
海外TECH |
MakeUseOf |
The 9 Best Distraction-Free Writing Apps for Linux to Help You Focus |
https://www.makeuseof.com/best-distraction-free-writing-apps-linux/
|
The Best Distraction Free Writing Apps for Linux to Help You FocusGetting sidetracked while producing content is not a rare sight Here are some distraction free text editors for Linux you can install right now |
2021-12-24 20:30:22 |
海外TECH |
DEV Community |
Automating the flow of blog posts to my email list with PHP ⚙️ |
https://dev.to/kgcodes/automating-the-flow-of-blog-posts-to-my-email-list-with-php-3k2p
|
Automating the flow of blog posts to my email list with PHP ️A while back I decided that I wanted to automate the flow of blog posts to my email list which is basically nobody right now by the way I found that Mailchimp has a feature for automatically sending to an email list based on RSS feed updates on a website A RSS Rich Site Summary or Really Simple Syndication is a web feed format that allows users and applications to access updates to websites in a standardized way RSS feeds are usually generated for you in website builders and other tools but since my site was built from scratch I needed to make my own Here is what I needed to do ーfind the RSS feed XML format onlineーcreate a new PHP page on my website in the RSS formatーdynamically populate the RSS feed items with my blog posts from the databaseーtest the RSS feed page on a validator websiteーsetup a RSS feed email campaign using the feed on Mailchimpーdesign style the email templateーsend a test email to myself to verifyThat was a fun quick project to work on for a few hours and saved me an exponential amount of time in the future ️Anyone have experience with RSS feeds or subscribe to any |
2021-12-24 20:18:26 |
海外TECH |
DEV Community |
Login Authentication With React And FastAPI |
https://dev.to/oyedeletemitope/login-authentication-with-react-and-fastapi-397b
|
Login Authentication With React And FastAPI IntroductionIn this tutorial we ll be building a login authentication using React and FastApi This will help show how we can use both packages for a login authentication process but before that let s take at React and also what FastApi is What is FastApiFastAPI is a modern fast high performance web framework for building APIs with Python It supports both synchronous and asynchronous actions as well as data validation authentication and interactive API documentation all of which are powered by OpenAPI It comes with exciting features like What is ReactReact is a user interface development library It can construct full stack apps by talking with a server API and operates as an SPA single page app on the client Because it is competent and directly equivalent to frameworks like Angular or Vue React is frequently referred to as a frontend framework RequirementsPython installed Basic knowledge of Javascript Basic Knowledge of React Knowledge on python is a plus Installing FastAPIopen up our terminal and cd into our project folder and write the following mkdir backendcd into the just created folder and run the following pip install fastapipip install uvicorn standard pip install pyjwtlet s leave that for later and proceed with building our frontend Building The Frontendlet s create and app and install the following packages npx create react app frontendNext we install the following packages npm install axios react router domAfter we ve done that navigate to src index js and import BrowserRouter import BrowserRouter from react router dom We then have to replace the React StrictMode tags with this lt BrowserRouter gt lt App gt lt BrowserRouter gt Now head over to app js and import this import Routes Route from react router dom import Login from login import Profile from Profile Inside our return lets delete our div and replace it with this lt div className App gt lt Routes gt lt what are routes in react gt lt Route path element lt Login gt gt lt Route path profile element lt Profile gt gt lt Routes gt lt div gt Here we are using the routes to the pages we ll be creating shortly Next let s create a file called Login js in our src folder and paste this export default function Login return lt gt lt h gt login page lt h gt lt gt We ll also create another file called Profile js and paste this export default function Profile return lt gt lt h gt profile page lt h gt lt gt Now let s start our application npm startAs you can see our page is working fine also check the profile page by adding profile to the url Now that we re done with basics let s proceed to setting up our authentication Let s create a new file in our src folder called Auth js and paste this import useLocation Navigate from react router dom export const setToken token gt localStorage setItem temitope token make up your own token export const fetchToken token gt return localStorage getItem temitope export function RequireToken children let auth fetchToken let location useLocation if auth return lt Navigate to state from location gt return children Here we created variables setting our token fetching and also requiring our token so let s go back to our app js and import our token import RequireToken from Auth We ll be adding some things in our app js In our Route path profile let s make changes to the element by adding our RequireToken so our Route path profile should look like this lt Route path profile element lt RequireToken gt lt Profile gt lt RequireToken gt gt When we save this and go to our app we would see that our profile page is now protected and can only be accessed with a valid token Now let s finish our login page with our login form head over to login page clear all and paste this import useNavigate from react router import fetchToken from Auth export default function Login const navigate useNavigate const username setUsername useState const password setPassword useState check to see if the fields are not empty const login gt if username amp password return else make api call to our backend we ll leave this for later return lt gt lt div style minHeight marginTop gt lt h gt login page lt h gt lt div style marginTop gt fetchToken lt p gt you are logged in lt p gt lt div gt lt form gt lt label style marginRight gt Input Username lt label gt lt input type text onChange e gt setUsername e target value gt lt label style marginRight gt Input Password lt label gt lt input type text onChange e gt setPassword e target value gt lt button onClick login gt Login lt button gt lt form gt lt div gt lt div gt lt div gt lt gt We ll be pausing there for now It s time to work on our backend Creating the backendNow lets open up our backend folder create a main py file and input the following from fastapi import FastAPIfrom pydantic import BaseModelimport jwtfrom pydantic import BaseModelfrom fastapi encoders import jsonable encoderfrom fastapi middleware cors import CORSMiddlewareSECERT KEY YOUR FAST API SECRET KEY ALGORITHM HS ACCESS TOKEN EXPIRES MINUTES test user username temitope password temipassword app FastAPI origins http localhost http localhost app add middleware CORSMiddleware allow origins origins allow credentials True allow methods allow headers class LoginItem BaseModel username str password str app get def read root return Hello World app post login async def user login loginitem LoginItem data jsonable encoder loginitem if data username test user username and data password test user password encoded jwt jwt encode data SECERT KEY algorithm ALGORITHM return token encoded jwt else return message login failed Here we are trying to Generate a token Defining a test user object to check against the user login credentialsConfiguring our CORS to allow our React app to send POST requestsRunning a check with the coming data with test user Almost done now that we re done let s go back to the fronted and finish things up head over to login js and replace with this import useNavigate from react router import fetchToken setToken from Auth import useState from react import axios from axios export default function Login const navigate useNavigate const username setUsername useState const password setPassword useState check to see if the fields are not empty const login gt if username amp password return else make api call to our backend we ll leave thisfor later axios post http localhost login username username password password then function response console log response data token response data token if response data token setToken response data token navigate profile catch function error console log error error return lt div style minHeight marginTop gt lt h gt login page lt h gt lt div style marginTop gt fetchToken lt p gt you are logged in lt p gt lt div gt lt form gt lt label style marginRight gt Input Username lt label gt lt input type text onChange e gt setUsername e target value gt lt label style marginRight gt Input Password lt label gt lt input type text onChange e gt setPassword e target value gt lt button type button onClick login gt Login lt button gt lt form gt lt div gt lt div gt lt div gt We ll also make changes to our profile js so let s open it up and paste this import useNavigate from react router export default function Profile const navigate useNavigate const signOut gt localStorage removeItem temitope navigate return lt gt lt div style marginTop minHeight gt lt h gt Profile page lt h gt lt p gt Hello there welcome to your profile page lt p gt lt button onClick signOut gt sign out lt button gt lt div gt lt gt We re done let test our app Run the code uvicorn main app reload ConclusionIn tutorial we looked at what FastApi is and also what React is We also learned how to install FastApi as well as React using these ideas to build our login authenication Here s a link to the repo on github Happy coding |
2021-12-24 20:17:43 |
Apple |
AppleInsider - Frontpage News |
Merry Christmas from all of us at AppleInsider |
https://appleinsider.com/articles/21/12/24/merry-christmas-from-all-of-us-at-appleinsider?utm_medium=rss
|
Merry Christmas from all of us at AppleInsiderWhether you re celebrating or working whether you re with your family or alone all of us at AppleInsider wish you a merry and peaceful Christmas Not just any Christmas tree this was how London s Claridge s department store decorated in with the help of Jony Ive It s a curious thing but at the very moment that Apple itself is at its quietest all year more people are buying and giving and unwrapping Apple devices than they do at any other time Consequently AppleInsider will be right here for you when you want to know how to set up your new MacBook Pro or want the best apps for your iPhone Read more |
2021-12-24 20:38:06 |
海外TECH |
Engadget |
Russia fines Google $98 million over 'banned content' |
https://www.engadget.com/russia-fines-alphabet-98-million-over-banned-content-190040071.html?src=rss
|
Russia fines Google million over x banned content x A Russian court levied a billion rouble million fine against Google on Friday for what it claims are repeated failures by the company to delete content the country has deemed illegal Though Russia has tagged numerous tech companies throughout the year with fines for not following its increasingly restrictive internet content rules Friday s judgement marks the first time that the court has imposed fines based on a company s annual revenue nbsp Additionally the Russian court fined Meta and its subsidiary Instagram billion roubles million for similar offenses Per Reuters Meta is accused of failing to remove around banned items while Google had reportedly failed to take down bits of illicit content Those include posts promoting drug use or dangerous behaviors instructions for making improvised weapons and explosives as well as anything regarding what and who it designates as extremists or terrorists Or the spreading of quot gay propaganda quot apparently Google has announced it will review the court documents before deciding how to proceed The company has days to file an appeal This ruling is only the latest in Moscow s attempts to exert greater degrees of control over not just its national network but the internet as a whole and sets up an even larger confrontation come January st when Russian authorities have demanded tech companies set up local servers for their online services |
2021-12-24 20:00:40 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【みずほ合併交渉秘録】一勧との2行合併を望んだ興銀と富士が、3行案に折れた全経緯 - みずほ「言われたことしかしない銀行」の真相 |
https://diamond.jp/articles/-/289681
|
【みずほ合併交渉秘録】一勧との行合併を望んだ興銀と富士が、行案に折れた全経緯みずほ「言われたことしかしない銀行」の真相みずほが、不祥事を何度繰り返しても生まれ変われず、金融庁に「言うべきことを言わない、言われたことだけしかしない」と企業文化を酷評されるに至ったのはなぜか。 |
2021-12-25 05:25:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【ベスト経済書・ビジネス書大賞2021第4~10位】宗教、子育て、バブルの理論…専門家の推薦文付き - ベスト経済書・ビジネス書大賞2021 |
https://diamond.jp/articles/-/290859
|
【ベスト経済書・ビジネス書大賞第位】宗教、子育て、バブルの理論…専門家の推薦文付きベスト経済書・ビジネス書大賞経済学者や経営学者、エコノミスト人が選んだ経済、経営にかかわる良書をランキング形式でお届けする特集『ベスト経済書・ビジネス書大賞』。 |
2021-12-25 05:20:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
三井不動産が不動産5社でぶっちぎりの4割超増収、けん引した事業とは? - ダイヤモンド 決算報 |
https://diamond.jp/articles/-/291627
|
三井不動産 |
2021-12-25 05:10:00 |
北海道 |
北海道新聞 |
<社説>過去最大予算案 財政規律が置き去りだ |
https://www.hokkaido-np.co.jp/article/627370/
|
一般会計 |
2021-12-25 05:01:00 |
ビジネス |
東洋経済オンライン |
沖縄「泡盛」が本土復帰50年で直面した最大の試練 酒税軽減措置の廃止で「泡盛離れ」に拍車も | 食品 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/479290?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
本土復帰 |
2021-12-25 05:40:00 |
ビジネス |
東洋経済オンライン |
「好物は最後に食べる」派の5歳少女に起きた事件 父への食べ物の恨みは、形を変えて今も残る | 忘れえぬ「食い物の恨み」の話 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/476382?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
東洋経済オンライン |
2021-12-25 05:20:00 |
コメント
コメントを投稿