投稿時間:2021-11-21 00:22:06 RSSフィード2021-11-21 00:00 分まとめ(26件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	OpenCVでWebカメラ画像からリアルタイム顔検出	https://qiita.com/uranishi/items/24b9a896107f7546e0e1		2021-11-20 23:21:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	同プロジェクトでのyarnとnpmの併用について	https://teratail.com/questions/370286?rss=all	同プロジェクトでのyarnとnpmの併用について同プロジェクトにて、npmnbspinstallとyarnnbspaddを併用することは絶対にダメという認識であってますでしょうか自分の認識だと、npmnbspinstallもyarnnbspaddも同じpackagejsonに依存が入る認識です。	2021-11-20 23:58:33
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	データベースの特定の一部分だけ変更したくない場合の対処を教えてください	https://teratail.com/questions/370285?rss=all	ブラウザでは画像以外にも入力フォームが実装されていて、その中に添付された画像が表示されています。	2021-11-20 23:57:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	フッター上部の空白をなくしたい。	https://teratail.com/questions/370284?rss=all	フッターの上部に空白ができています。	2021-11-20 23:48:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	リソースの取得にBearerトークンの設定が必要なHTTP Live StreamingをWindows上のブラウザで再生する方法	https://teratail.com/questions/370283?rss=all	リソースの取得にBearerトークンの設定が必要なHTTPLiveStreamingをWindows上のブラウザで再生する方法お世話になります。	2021-11-20 23:45:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PHPでのエスケープ処理について	https://teratail.com/questions/370282?rss=all		2021-11-20 23:17:45
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ログイン画面で名前表示	https://teratail.com/questions/370281?rss=all	ログイン画面で名前表示PHPでログイン画面を作っています。	2021-11-20 23:02:01
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	ubuntuでよく使うコマンドメモ	https://qiita.com/tubasasakunn/items/26973b1a5d64a41a7704	lswcl	2021-11-20 23:21:06
AWS	AWSタグが付けられた新着投稿 - Qiita	CloudTrail ログファイルの整合性を検証する	https://qiita.com/yoshiakht/items/3123ed30546e42e9ada5	CloudTrailログファイルの整合性を検証するCloudTrailログファイルの整合性の検証とはCloudTrailのログファイルの改竄有無を確認できるCloudTrailが作成するダイジェストファイルログファイルのハッシュを含むファイルとログファイルを使って検証する詳細はこちらなぜログファイルの整合性を検証するのかセキュリティおよびフォレンシック調査で重要CloudTrailのログファイルが改竄有無を確認できる詳細はこちらこの記事で試したことAWSCloudTrailのログファイルが改竄有無をAWSCLIを使って検証しました。	2021-11-20 23:04:57
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker Desktopを使わずにWSL2でVSCode Remote Containerを使う	https://qiita.com/hiromitsu7/items/39f98536c08abaf06ffe	Windowsを使っていると、DockerDesktopはWSLがバックエンドになっており、DockerデーモンはWSLで稼働していますので、DockerDesktopを使わずにVSCodeから利用できるようにします。	2021-11-20 23:51:06
技術ブログ	Developers.IO	DynamoDBテーブルのデータ変更をKinesis Data Streamsで直接キャプチャしてS3バケットに出力してみた（AWS CDK）	https://dev.classmethod.jp/articles/capture-data-changes-in-dynamodb-tables-directly-in-kinesis-data-streams-and-output-them-to-an-s3-bucket-using-aws-cdk/	awscdk	2021-11-20 14:53:45
海外TECH	MakeUseOf	OBSBOT Me Review: Can This Auto-Tracking AI Phone Mount Level Up Your Vlogs?	https://www.makeuseof.com/obsbot-me-review-phone-tracking-mount/	OBSBOT Me Review Can This Auto Tracking AI Phone Mount Level Up Your Vlogs Can this AI powered object tracking phone mount bring a new level of polish to your vlogs or is the OBSBOT Me hampered by its silly name	2021-11-20 14:55:21
海外TECH	MakeUseOf	5 Hard and Soft Skills Every Project Manager Should Have	https://www.makeuseof.com/hard-soft-skills-project-manager-should-have/	manager	2021-11-20 14:45:33
海外TECH	MakeUseOf	What Is a Gameplay Loop in Gaming?	https://www.makeuseof.com/gameplay-loop-gaming/	design	2021-11-20 14:30:12
海外TECH	DEV Community	LEMP Stack & Certbot	https://dev.to/skino2020/lemp-stack-certbot-n8k	LEMP Stack amp Certbot A bit of backgroundLast month i was helping out a friend with some server logs on a Hetzner Cloud Package and was quite impressed with the Hetzner server controls etc then my buddy told me the price and i was blown away for cheaper than i was paying he was getting more bang for his buck so i made the decision to switch servers this month Nginx or Apache Since i started Web Development i have always used Apache as it was the go to install for PHP developers and LAMP was the first i heard to go with so stuck with it On twitter i kept hearing Nginx was a good one to go with use that its worth it etc better performance etc i don t know how much of it is true but i went with Nginx this time round and so far I m REALLY liking it Although Config Syntax is different I m not finding it difficult to apply the logic from Apache stuff to Nginx Lets get Started I m going to go through the process i followed in order to install LEMP i want go through in detail what to do with the commands once they have run but to be honest the setup is simple enough If your just starting out and need something to help you with the initial Server Setup Please check out Digital Ocean Initial Server Setup with Ubuntu That is a great resource for initial setup LEMP Stack Basically means Linux EngineX MySQL amp PHP that s really it a few things you ll need an understanding of Basic Linux Command Line tools and how to navigate your Ubuntu installation without issue First things first lets check if the ufw is enabled and if not enable it with the following commands sudo ufw statussudo ufw enablesudo ufw statusThat s the firewall essentially set up dead easy right As with any install of software on Ubuntu Server we start with and update to apt followed by the actual software we want sudo apt updatesudo apt install nginxNote You will need to answer Y to any prompts you get from the install Enable Nginx through the firewallThe ufw is a great little tool and is quite literally an Uncomplicated FireWall which you can enable and disable rules with text alone Cool right If you run sudo ufw applist it will display a list of applications that can be enabled and disabled easily To enable a setting is a piece of cake simply type the following to enable Nginx with HTTPS Support sudo ufw allow Nginx Full Now if you run sudo ufw status you will get something like below As you can see in my screenshot above i was a bit lazy and haven t disabled the HTTP yet which isn t really required with Nginx Full enabled if you go to http YOUR SERVER IP HERE in a browser you will now be faced with the below screen and that s it Nginx is now ready to serve up static sites MySQL InstallationIf your coming to this tutorial now you will need to sudo aptupdate to get your packages ready if your following on from before simply run the following to get MySQL server installed sudo apt install mysql serverSelect Y to the next few prompts Now the next bit has caused me a bit of confusion for a while as it asks if you want to enable the VALIDATE PASSWORD PLUGIN i dont know why but every time i selected no to this my MySQL installation would complete and i wouldn t be able to login dont know why never got to the bottom of it so i just enable it with low length security for Dev environment and high level for production Type the following into your terminal sudo mysql secure installationThis will launch the SQL Installation I ve screenshot the first bit for clarity the rest you can remove or not as needed For the next few questions i tend to answer Y to them all as i don t want anonymous users remote root logins or a test DB and finally we need to reload the privileges table Now your can login to MySQL withsudo mysql u root And thats it for MySQL You can now create new users and tables etc for use or if you re feeling really spicy install something like phpmyadmin or create a remote user that can hit the server with MySQL Workbench Install PHPNginx is slightly different to Apache which comes with PHP support out of the box for Nginx there is a few little bits we need to install or we aren t going anywhere PHP FPMand PHP MYSQLsudo apt install php fpm php mysqlAccept any prompts that come up and that s it for your LEMP environment You can find NGNIX configs online which you need to put into your etc nginx sites available i m going to write a post on the configs themselves at some point as its a big subject for the examples im going to use a mikej directory as the example for the next bit CertbotCertbot is great as it works for both Nginx and Apache how i hadnt heard of it before this week il never know simply head over to Cerbot Installation page and pick the OS you re using for installation instructions in my instance its Ubuntu then run the commands from the guide Mine were sudo snap install classic certbotsudo ln s snap bin certbot usr bin certbotsudo certbot nginxthe final command will pop up with some questions like below so in the prompt i m going to type for mikej rocks and www mikej rocks and hit enter if your doing more than one site it make take a short while to finish but what its essentially doing is calling for a new cert from LetsEncrypt and editing your Nginx config file yep that s right you don t have to do a thing When it finishes you should see the following And that s it if you visit your site now it will have an SSL Certificate installed and just work Final word If you found this tutorial helpful please consider following me on twitter skino for more updates on my blog And if you really found it helpful why not buy me a Coffee Beer or Pizza hereMike Raspada Blog I post on my blog primarily and share the posts via API please check out Raspada Blog for more posts and information If you have any questions please message me on twitter or use my website contact form	2021-11-20 14:11:53
海外TECH	DEV Community	Python FastAPI crash course	https://dev.to/ericchapman/python-fastapi-crash-course-533e	Python FastAPI crash courseHere is a crash course series of articles that will allow you to create an API in Python with FastAPI I will publish a new article about every two days and little by little you will learn everything there is to know about FastAPITo not miss anything follow me on twitter What is FastAPI FastAPI is a Python web framework that allows you to quickly build high performance APIs Why FastAPI Before FastAPI there were already several ways to create APIs with Python Especially with Django Rest Framework and Flask So why FastAPI Here is the list of the main advantages of FastAPI Very fast The performance is superior to Django and Flask and is even comparable to the performance of NodeJS and GOFast to code Build APIs times fasterEasy Easy to use and learnType annotation Type hints Facilitates validation allows auto completion and facilitates debuggingAutomatic documentation FastAPI generates documentation in Swagger UI and ReDoc format automatically Pre requisitesTo start coding with FastAPI you must have a basic programming knowledge with the Python language You should also make sure that you have an updated version of Python version or From the terminal type this command to find out the version of Python installed on your machine python versionor python versionIf you don t have Python or a version earlier than you can get the latest version of Python from the official website Code editorFor this tutorial I ll be using Visual Studio Code It will be easier for you to follow me with this editor but it is really not a requirement Finally if you are using vscode make sure the Python extension is installed Creation of the virtual environmentWhen working on a Python project we have to work with several libraries like FastAPI Flask or Django etc According to the date of creation of the project It is possible for example that the FastAPI library is not exactly at the same version number in the other projects How to allow each project to have its own version of Python and its own versions of libraries We will be using virtual environments A virtual environment allows you to install Python and python libraries in a folder project without this affecting the other folders projects Python provides you with a system that allows you to create virtual environments Once the environment has been created and activated all the libraries installed can be used only in the environment to which they belong How to create a virtual environmentNormally we place a virtual environment in the project folder Create and access a folder for our project mkdir fastapi demo cd fastapi demoFrom this folder you can now create the virtual environment that will be attached to the project python m venv envHere we launch python with the module option venv env is the name we give to our virtual environment Once the virtual environment has been created you can activate it MacOS Linux source env bin activateWindows env Scripts activate batThat s it that s all You now have a Python virtual environment created for your project Normally the terminal will tell you that your environment is activated by displaying its name Note that to deactivate the virtual environment you must run deactivateFor the rest of the tutorial make sure the virtual environment is enabled before running any commands in the terminal Installing FastAPIFrom the fastapi tuto folder and with the virtual environment enabled run the following installation command pip install fastapi all This command will install FastAPI and also install some optional dependencies like local server uvicorn to test FastAPi on your machine Once these libraries are installed you can launch your open code editor on the current folder code This command will launch Visual Studio Code open on the current folder Reminder What is an API API stands for Application Programming Interface In short it is a program that can be used by another program in order to allow applications to communicate with each other An API allows the server and the client to communicate with each other and to exchange information and data The data exchanged is in structured text format JSON The exchanges are made in the form of requests and responses For example the browser client frontend application makes a specific request to a server GET www example com products Can the server know how to handle this request He can t He won t know what to do with the request That s why we need to create an API This is a server application that will determine how to respond to various requests for a specific resource Let s go back to the last example query GET www example com products The customer wishes to obtain the information of the product no To respond to this request we could create an API that would search for the product in a database and return this response to the customer in structured text JSON format id name iPhone qty price Different type of requestsNote that all requests to servers are made through HTTP actions Here are the most commonly used HTTP actionsGET GET requests are only used to retrieve data POST POST requests are used to send data PUT PUT requests are used to modify data PATCH PATCH requests are used to partially modify data DELETE DELETE requests are used to delete the specified data When we are dealing with a resource For example Product Each action on the Product resource has its own routeHere is an example route for each of the HTTP actions Create  POST www example com Read  GET www example com products Update  PUT www example com products Destroy  DELETE www example com products The way to name these routes is no accident it is in fact a convention that is followed by most developers Your first APIThe theory is over now let s see how to create your first APIFrom the code editor create a file named first api pyEnter this codefrom fastapi import FastAPIapp FastAPI app get home def index return message Hello World app FastAPI allows to create an instance of FastAPIThe app get decorator allows us to specify the url path and the HTTP GET action of our api The index function will be executed each time a user visits the URL path specified by the app get decorator in this case the home pathNote that the name of the index function could be any name It is according to your preference To start the server and test your first API enter in the terminal uvicorn first api app reloaduvicorn is the local server It takes as parameter the name of the file the name of the FastAPI instanceThe ーreload option will restart the server each time the source file is modified So you can then visit homeThe following response will be displayed message Hello World Well done You have just created your first APILast point The path you created points to home How to make it point to the root path aka You must only use a back slash app get The back slash used alone means root path ConclusionThat s all for today follow me on twitter to be notified of the publication of the next article within two days	2021-11-20 14:11:24
海外TECH	DEV Community	Ditching Linux for WSL 2	https://dev.to/cryptus_neoxys/ditching-linux-for-wsl-2-2bl6	Ditching Linux for WSL WSL Microsoft s love for Linux Development on LinuxI switched to Linux last year and shifted my development completely to the Linux ecosystem Tried out arch Manjaro Pop OS Ubuntu MX Linux Development is really productive with a Linux environment Gaming on WindowsA few months back I upgraded my potato to a gaming laptop which of course came with Windows pre installed I also started gaming I ended up doing dual boot to run Ubuntu as my daily driver for development but this eventually meant a redundant set of tools on Windows as well Windows LinuxWindows released the Windows Subsystem for Linux in May WSL was a compatibility layer for running Linux binary executables on Windows WSL built on top is built on the core technology of Hyper V to provide better support and improved performance running a Linux kernel Why WSL instead of native WindowsMost production environments run on Linux and with WSL environment the tooling available on development become the same as in production Also WSL is super easy to set up and get started with Set up WSL on WindowsOpen an elevated Powershell Run as administrator from the start menu and use the following commands to get WSL up and running Note that WSL is only available in Windows Version Build or higher Step Enable the Windows Subsystem for Linuxdism exe online enable feature featurename Microsoft Windows Subsystem Linux all norestartStep Enable the Virtual Machine featuredism exe online enable feature featurename VirtualMachinePlatform all norestartYou need to restart your PC after this step Step Download amp install the Linux kernel update packageStep As a final step set WSL as your default versionwsl set default version Now you can install your favourite Linux distro from the Microsoft Store After the installation completes you ll need to restart and complete the setup of your Distro Enter the username and password for root user and you are good to go Set your default Linux distro for WSL wsl set version lt distribution name gt lt versionNumber gt That s it you have successfully set up WSL and can now begin your journey to become a x Developer Feel free to reach out to me on Twitter cryptus neoxys and connect with me on LinkedIn Refs amp ResourcesMicrosoft DocsUbuntu WikiITProTV YouTube	2021-11-20 14:10:28
海外TECH	DEV Community	How to use CKEditor and its plugins with Nuxt.js	https://dev.to/mohitsehgal/how-to-use-ckeditor-and-its-plugins-with-nuxtjs-1ojm	How to use CKEditor and its plugins with Nuxt jsCKEditor is Javascript based rich text editor It has clean UX loaded with features makes it a no brainer choice for your next custom Javascript CMS It can be tedious to figure out its integration with Vue js Framework like Nuxt jsLet s jump straight to steps Create Nuxt AppIf you already have ongoing project then you can skip this step Use create nuxt app package using npx npx create nuxt app ckeditor nuxt sampleChoose options suitable to you here are my selection for this article Create Page where you want to use CKEditorCreate file named sample editor vue in pages directory in your Nuxt project You can name it the way you want Here is initial code in the file lt template gt lt h gt Sample Editor will go on this page lt h gt lt template gt lt script gt export default lt script gt You can now see this page at https localhost sample editor Install PackagesInstall these packages for CKEditor and full build npm i ckeditor ckeditor vue savenpm i blowstack ckeditor full free build save Initiate CKEditor and its configThe second package mentioned above has CKEditor build contains all the free plugins for CKEditor Thanks to BlowStack Initialize CKEditor and Build in script section of your vue component let FullFreeBuildEditor let CKEditor if process client FullFreeBuildEditor require blowstack ckeditor full free build CKEditor require ckeditor ckeditor vue else CKEditor component template lt div gt lt div gt Note CKEditor can be used only on the client render and not server render hence process client check Now you can register the component provided by this package in components section on your page components ckeditor CKEditor component Next you need to pass FullFreeBuildEditor to editor prop of CKEditor component so that it knows about which features to render We first initialize editor property in data section like below data return editor FullFreeBuildEditor Now we pass it to ckeditor as a prop See snippet below lt ckeditor editor editor gt After this you can see CKEditor like thisStill this is not complete How will you bind it to data property of your component Use v model Here s how lt ckeditor editor editor v model editorInput gt Let s try to display the output just below the editor using following snippet lt div class container mt gt lt div class row gt lt h class col md gt Output lt h gt lt div gt editorInput lt div gt lt div gt lt div gt You ll see something like this If you want to see preview of this output then you can use v html directive Something like this lt div class container mt gt lt div class row gt lt h class col md gt Preview lt h gt lt div v html editorInput gt lt div gt lt div gt lt div gt Edit ConfigurationThe number of features which CKEditor supports can be overwhelming for your users You can modify the look and limit the features if you want For that config prop of CKEditor comes into picture Add new data property called editorConfig to your component and add it as a prop to ckeditor component See the snippetdata Other properties editorConfig width auto plugins Bold Link List FontSize CKEditor Line changes as follows lt ckeditor editor editor config editorConfig v model editorInput gt Above changes tells ckeditor to only include bold link list fontSize plugins and hence only these options Here is the output You can view full list of plugins here Now you have integrated CKEditor totally within your Nuxt js project You d now see that your code for page component is little unclean Let s see how to tackle this Refactor to separate componentNow we ll cleanup some code Suppose in real world project you ll need to use this rich editor at multiple pages Then you should refactor the code into separate component Let s call it rich editor For that create rich editor vue inside components directory We will encapsulate CKEditor code inside this Pro Tip If you do this refactor step You can easily replace CKEditor with some other editor if needed We will move editor config to prop of this rich editor component This will allow us to have rich editor with different configuration and different features at every page where we need it We will also move value to prop so that we can pass v model on the component and that variable will bind to the input of the rich editor Here is the code for rich editor vue lt template gt lt ckeditor editor editor value value config config input event gt emit input event gt lt template gt lt script gt let FullFreeBuildEditor let CKEditor if process client FullFreeBuildEditor require blowstack ckeditor full free build CKEditor require ckeditor ckeditor vue else CKEditor component template lt div gt lt div gt export default name ck editor components ckeditor CKEditor component props value type String required false config type Object required false default function data return editor FullFreeBuildEditor lt script gt MathType PluginsIf you want to type Mathematics Equations or Chemistry Equations then you need this plugin You just need to add MathType to the array of plugins in editor config prop editorConfig width auto plugins Bold Link List FontSize MathType That s all Allow any complicated maths equations or chemical reactions into your Nuxt app See Figure below Image PluginsImage plugin allows you to upload images into your editor but you need to give an REST Endpoint where images will be posted This endpoint should return URL to the uploaded image That URL can be used to store and display the image along with other content Here s what you change in config CKEditor Config for Image UploadeditorConfig width auto plugins Bold Link List FontSize MathType Image ImageUpload SimpleUploadAdapter simpleUpload The URL that the images are uploaded to uploadUrl Keep in mind simpleUpload and uploadUrl should be spelled correct in order for this to work If you are facing any issues with this Hit me up on DM Embed PluginYou can embed in video or social media link using MediaEmbed plugin Simply push this to plugins array and you have done it Here is the sample screenshot ConclusionWe integrated CKEditor with our fresh Nuxt js project After that we refactored code and played around with some different useful plugins This can be difficult to figure out but its very powerful tool to have Let me know if you face any difficulties in any of the above You can also check the whole code on this Github repo Happy Coding Remember currently this article works for Vue only	2021-11-20 14:06:04
Apple	AppleInsider - Frontpage News	Tile says AirTags helped its business, still says Apple is 'unfair'	https://appleinsider.com/articles/21/11/20/tile-says-airtags-helped-its-business-still-says-apple-is-unfair?utm_medium=rss	Tile says AirTags helped its business still says Apple is x unfair x The CEO of tracking company Tile says that revenues are up despite the unfair competition from Apple s equivalent device AirTags TileAfter Apple released its AirTag tracking system in May CJ Prober CEO of existing rival Tile said his company welcomed the competition However it needs to be fair and Prober also expressed antitrust concerns Read more	2021-11-20 14:57:32
Apple	AppleInsider - Frontpage News	Best deals Nov. 20: $219 Apple Watch SE, $75 Fire HD, $439 AirPods Max, more!	https://appleinsider.com/articles/21/11/20/best-deals-nov-20-219-apple-watch-se-75-fire-hd-439-airpods-max?utm_medium=rss	Best deals Nov Apple Watch SE Fire HD AirPods Max more Saturday s best deals include Apple Watch SE for a record low price plus over off AirPods Max and more Best deals for November The internet has a plethora of deals each day but many deals aren t worth pursuing In an effort to help you sift through the chaos we ve hand curated some of the best deals we could find on Apple products tech accessories and other items for the AppleInsider audience Read more	2021-11-20 14:24:00
ニュース	BBC News - Home	Kyle Rittenhouse: Calls for calm after US teen cleared of murder	https://www.bbc.co.uk/news/world-us-canada-59358172?at_medium=RSS&at_campaign=KARANGA	rittenhouse	2021-11-20 14:40:21
ニュース	BBC News - Home	Single-use plastic: Plates, cups and cutlery ban edges closer	https://www.bbc.co.uk/news/uk-59357222?at_medium=RSS&at_campaign=KARANGA	environment	2021-11-20 14:43:28
ニュース	BBC News - Home	Plastic pollution: New meat tray 'could save tonnes of waste'	https://www.bbc.co.uk/news/uk-wales-59331845?at_medium=RSS&at_campaign=KARANGA	creates	2021-11-20 14:29:38
ニュース	BBC News - Home	Premier League leaders Chelsea brush aside flat Leicester	https://www.bbc.co.uk/sport/football/59271458?at_medium=RSS&at_campaign=KARANGA	leicester	2021-11-20 14:40:06
北海道	北海道新聞	ラグビー日本、前半は６―１９　スコットランド戦	https://www.hokkaido-np.co.jp/article/614004/	欧州遠征	2021-11-20 23:18:00
北海道	北海道新聞	アルペンＷ杯、ブルホバが優勝　女子回転、向川は１回目途中棄権	https://www.hokkaido-np.co.jp/article/613999/	途中	2021-11-20 23:11:00