投稿時間:2022-06-21 23:45:55 RSSフィード2022-06-21 23:00 分まとめ(43件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	先月にFCCを通過して話題になったAppleの謎のネットワークアダプタの本体画像が明らかに − 一般向けではなさそう	https://taisy0.com/2022/06/21/158312.html	apple	2022-06-21 13:19:43
IT	ITmedia 総合記事一覧	[ITmedia News] 家庭の節電にポイント付与、政府方針	https://www.itmedia.co.jp/news/articles/2206/21/news192.html	itmedia	2022-06-21 22:25:00
AWS	AWS Mobile Blog	Amplify Framework simplifies configuration for OAuth flows and the hosted UI	https://aws.amazon.com/blogs/mobile/amplify-framework-simplifies-configuration-for-oauth-flows-the-hosted-ui-and-ar-vr-scenes-for-mobile-and-web-developers/	Amplify Framework simplifies configuration for OAuth flows and the hosted UIWritten by Kurt Kemple Sr Developer Advocate amp Gerard Sans Sr Developer Advocate The Amplify Framework is an open source project for building cloud enabled applications Today we re happy to announce new features in the authentication storage and API categories It s now possible to configure OAuth authorization flows and enable the Amazon Cognito hosted UI from …	2022-06-21 13:08:22
python	Pythonタグが付けられた新着投稿 - Qiita	微分と積分 お勉強	https://qiita.com/naitoyuma/items/3bd2c8b1e9864574e1e4	xximportpandasaspdimport	2022-06-21 22:33:57
python	Pythonタグが付けられた新着投稿 - Qiita	Masoniteで登録フォーム（Laravelとの比較）	https://qiita.com/meshi/items/cc986547ad7bfc3651eb	controller	2022-06-21 22:33:42
python	Pythonタグが付けられた新着投稿 - Qiita	統計のお勉強	https://qiita.com/naitoyuma/items/98e484f9c85c155dbbe1	dockerjupyterlab	2022-06-21 22:33:29
python	Pythonタグが付けられた新着投稿 - Qiita	微分のお勉強	https://qiita.com/naitoyuma/items/6685df3f603c31c787d1	importpand	2022-06-21 22:32:27
Ruby	Rubyタグが付けられた新着投稿 - Qiita	ソート機能実装で役に立つサイト	https://qiita.com/Alexander4649/items/aa34b3cd93eb671e6fbf	qiita	2022-06-21 22:36:20
Ruby	Rubyタグが付けられた新着投稿 - Qiita	FactoryBotメモ	https://qiita.com/takuya119/items/533afa0cdbe86e4d72b6	gemfactroybotrails	2022-06-21 22:27:22
Docker	dockerタグが付けられた新着投稿 - Qiita	7.5.2 This [expr.prim.this] C++N4910:2022 (40) p100.cpp	https://qiita.com/kaizen_nagoya/items/2471d9fdcd778889a329	draft	2022-06-21 22:57:44
Docker	dockerタグが付けられた新着投稿 - Qiita	7.3.14 Function pointer conversions [conv.fctptr] C++N4910:2022 (39) p98.cpp	https://qiita.com/kaizen_nagoya/items/6c1761a265ce78340f3a	conversions	2022-06-21 22:48:45
Docker	dockerタグが付けられた新着投稿 - Qiita	GitHub ActionsでPostgreSQLの最大接続数を設定する	https://qiita.com/ryuma017/items/86a607a0802e8c97b988	actions	2022-06-21 22:45:54
Docker	dockerタグが付けられた新着投稿 - Qiita	7.3.6 Qualification conversions [conv.qual] C++N4910:2022 (38) p96.cpp	https://qiita.com/kaizen_nagoya/items/d84044aadabeaca47e9e	conversions	2022-06-21 22:28:46
golang	Goタグが付けられた新着投稿 - Qiita	【Golang】Gitコミットのrevision番号(commit id)を取得するには	https://qiita.com/moritamorie/items/c4a56b130147c649d3a9	packagemainimportfmtrunt	2022-06-21 22:43:47
GCP	gcpタグが付けられた新着投稿 - Qiita	【健康大事】Google Fitから取得した心拍数データを可視化する	https://qiita.com/moritalous/items/58f4c86f5bc7b47a25f8	httpswww	2022-06-21 22:11:07
Git	Gitタグが付けられた新着投稿 - Qiita	【Golang】Gitコミットのrevision番号(commit id)を取得するには	https://qiita.com/moritamorie/items/c4a56b130147c649d3a9	packagemainimportfmtrunt	2022-06-21 22:43:47
Git	Gitタグが付けられた新着投稿 - Qiita	入社3ヶ月目の僕が、実務で使用したGitコマンドの流れ	https://qiita.com/Haya-uji/items/7a194a9cb8277ec4e7be	cdprojectre	2022-06-21 22:24:34
海外TECH	Ars Technica	Review: Sonic Origins is a tragic example of good classics ruined by greed	https://arstechnica.com/?p=1861843	pitch	2022-06-21 13:00:57
海外TECH	MakeUseOf	High-Level System Design vs. Low-Level System Design in Software Development	https://www.makeuseof.com/high-level-system-design-vs-low-level-system-design/	cycle	2022-06-21 13:45:13
海外TECH	MakeUseOf	What Chromatic Aberration Is and How to Avoid It	https://www.makeuseof.com/what-is-chromatic-aberration-how-to-avoid-it/	aberration	2022-06-21 13:30:14
海外TECH	MakeUseOf	The Best DSLR Camera for Your Money	https://www.makeuseof.com/tag/best-dslr-money/	cameras	2022-06-21 13:20:25
海外TECH	DEV Community	Data Structures: Graphs II	https://dev.to/m13ha/data-structures-graphs-ii-11i9	Data Structures Graphs IIThis is part of my article on Graphs in my data structures series In part we learned about graph terminology types of graphs and some real life applications of graph data structures In this part of the series we are going to look at graph representation and we re going to build a graph in Javascript code   Graph RepresentationGraphs representation deals with how graphs can be written implemented in code The two most common ways to represent a graph are through an Adjacency list or an Adjacency matrix  Adjacency ListThe adjacency list is very straight forward a list of all vertices each with a list of their edges adjacent nodes A list can be any linear or iterable data structure Arrays Maps Linked Lists Queues Below is are examples of graphs using adjacency list   Directed Graph  Undirected Graph  Weighted Graph  ProsIt is very memory efficient when used on sparse graphs graphs with few edges between the vertices It is easy to understand and implement It is fast at creating and deleting edges and vertices ConsIt is less time efficient at verifying if vertices are adjacent to each other   Adjacency MatrixThe adjacency matrix is a Square matrix whose rows and columns are equal to the number of vertices in a graph edges are represented by the intersections between rows and columns Edges are denoted with the number when present and when not Weighted edges are denoted by their weight Below is are examples of graphs using adjacency matrix   Directed Graph  Undirected Graph  Weighted GraphIn the above images we can see that the intersections AxA BxB CxC DxD and ExE are all this is because there are no self loops in these graphs A self loop is a vertex in a graph that points to itself   ProsIt is very time efficient when used with dense or complete graphs graphs with a lot of edges between vertices are called dense while graphs with all possible edges are called complete ConsIt is slow at creating and deleting edges and vertices It is a lot more complex than the adjacency list It is very memory inefficient when used for sparse graphs most graphs are sparse in nature   Javascript ImplementationWe are going to be building a graph using Adjacency List representation Our graph can be weighted directed or undirected Our graph methods will be AddVertex Add a vertex to the graph RemoveVertex Delete a vertex CreateEdge Add an edge between vertices DeleteEdge Remove an edge between edges IsPresent Check if a vertex exists Graphs are made of vertices nodes so let s first create our node constructor before moving on to the graph constructor class Node constructor value this value value this edgeList addEdge node weight this edgeList node value weight weight removeEdge node delete this edgeList node value ExplanationOur nodes will have two properties and methods The value property will store the value of our node The edgeList property stores the edges of our node AddEdge is a method that adds an edge and weight to the edgeList of a node The value of the node passed to addEdge is used as the key and the weight is the value if no weight is given we set it to DeleteEdge is a method to delete an edge from the edgeList It uses the value of the node passed to it to access it and delete it  Now let s take a look at our graph constructor and how our various methods work class Graph constructor type this nodes new Map this directed type type false addVertex value let node new Node value this nodes set value node removeVertex value let vertex this nodes get value if vertex for const node of this nodes values node removeEdge vertex return vertex createEdge startNode endNode weight let startVertex this nodes get startNode let endVertex this nodes get endNode if startVertex amp amp endVertex startVertex addEdge endVertex weight if this directed endVertex addEdge startVertex weight else console log non existent vertex passed deleteEdge startNode endNode let startVertex this nodes get startNode let endVertex this nodes get endNode startVertex removeEdge endVertex endVertex removeEdge startVertex getVertex value return this nodes get value isPresent value return this nodes has value ExplanationOur graph will have two properties a Map object to store the vertices nodes and a boolean to determine the type of graph directed or undirected if true is passed when the function is called it is a directed graph otherwise it is undirected addVertex value let node new Node value this nodes set value node AddVertex is our first method It simply takes a value and creates a node which it adds to the graph Map object removeVertex value let vertex this nodes get value if vertex for const node of this nodes values node removeEdge vertex this nodes delete value return vertex The removeVertex deletes a vertex from a graph It takes a value and checks if it exists in the graph if it does it loops through the nodes Map object and deletes the node from the edgeList of all nodes and then deletes it from the nodes map object createEdge startNode endNode weight let startVertex this nodes get startNode let endVertex this nodes get endNode if startVertex amp amp endVertex startVertex addEdge endVertex weight if this directed endVertex addEdge startVertex weight else console log non existent vertex passed The createEdge method creates an edge in the graph it takes parameters when called the start and end vertices and the weight of the edge First it checks that both vertices are present in the node if they are it it calls addEdge on the start vertex and passes it the end vertex and the weight if the graph is undirected it calls addEdge on the end vertex and passes it the start vertex and the weight if either of the vertices does not exist we let the user know deleteEdge startNode endNode let startVertex this nodes get startNode let endVertex this nodes get endNode startVertex removeEdge endVertex endVertex removeEdge startVertex The deleteEdge method deletes an edge from the graph but not the vertices It takes two parameters when called the start and end vertices nodes and calls the removeEdge method on both getVertex value return this nodes get value The getVertex method returns a vertex from the nodes map object isPresent value return this nodes has value The isPresent method simply checks if a node vertex exists in the nodes Map object and returns a boolean   ConclusionThe code for this article can be found here Graphs are very complex and useful data structure if you would to learn more about graphs check out this video thanks for reading and see you later	2022-06-21 13:48:00
海外TECH	DEV Community	Pull Requests Are Slowing You Down	https://dev.to/bentorvo/pull-requests-are-slowing-you-down-2b8k	Pull Requests Are Slowing You DownPull requests slow down continuous delivery when used as part of standard code changes in software development If you make use of pull requests you should ask yourself How much time are you spending waiting for pull request approvals every day How confident are you that integration tests will pass when you open a pull request How many times has code that doesn t work as expected been approved Continuous Delivery Requires Integration TestingWhen developing software we want to test and release software as frequently as possible so that we can get fast feedback and make rapid improvements In order for us to deliver software we need to run integration tests so that we can confirm the behaviour of the system and identify any problems But before that … Integration Testing Requires Code Integration and DeploymentWe need to integrate our code changes and deploy it to a test environment before we can run valid integration tests This process could be as simple as committing the change to the main branch and waiting for automatic deployment and testing But for many teams this means Creating a branch with a pull request Messaging other team members asking for code review Reviewing comments on the pull request Making changes to the code Repeating from step until the right number of approvals are provided Merging the code and waiting for deployment and testing How Pull Requests Get in the WayWaiting for pull request approval of our code changes could take minutes hours or even days This time directly impacts our ability to get feedback on the code changes because it occurs before our integration tests can be run Instead of wasting time waiting for approval of code that we haven t fully tested we should be aiming to get instant approval or complete the review once we have confidence in our code How Do We Move Faster There are two main options to prevent pull requests sabotaging your software development lifecycle by slowing you down Pair ProgrammingBoth developers working together on the code whilst sharing a screen keyboard and or computer can be used to guarantee minimal downtime between a pull request being opened and approved This works because both developers working together should understand the code agree on the implementation and be available at the same time Pre Release Code ReviewCompleting code review after deployment and testing but before release can replace the need for pull requests This still allows for the same level of review but gives developers the confidence and fast feedback of running integration tests first We can implement this code review process by adding some extra steps to our deployment pipelines First we need to diff the current code and new version which can be done with git commands git diff eudbas rbghurThen require manual triggering of the release after reviewing the code changes What Do You Think These are just some examples of ways prevent pull requests from slowing us down when continuously delivering software Do you think these ideas could help improve your software development Let me know on Twitter BenTorvo or Email ben torvo com au	2022-06-21 13:18:09
海外TECH	DEV Community	Integrating MobSF REST API in React js	https://dev.to/aviyel/integrating-mobsf-rest-api-in-react-js-59i6	Integrating MobSF REST API in React jsOver the last decade smartphone technologies have become more powerful and prevalent in each and every aspect they are commonly used to access the internet run apps get an email conduct financial and banking transactions and various other things The use of mobile devices for both personal and professional uses has skyrocketed The introduction of mobile devices and the proliferation of mobile applications have tremendously aided mobility and flexibility As a result massive concerns about maintaining security while navigating the digital world have been raised Mobile device security is becoming more of a worry for consumers privacy Irrespective of how serious mobile device manufacturers are about a user s security and data privacy using internet based applications presents substantial hurdles in terms of resolving threats and vulnerabilities while safeguarding a user s privacy The majority of software programs are created to do a specific task and are tailored for a particular set of devices such as smartphones and tablets Protecting data on mobile devices is a difficult task due to numerous threats and flaws The depth of mobile security Staying private these days is difficult and our reliance on mobile technology makes it even more difficult Personal social media profiles emails vital texts and even bank account information are all stored on our very phones Despite the fact that these data are frequently sensitive and may include useful information we proceed to keep them on our smartphones Furthermore cell phones are used for the majority of business to business transactions It s no secret that mobile technology is rapidly evolving Hundreds of millions of people use the internet with many of them relying heavily on their cell phones and smartphones The significance of mobile security is growing by the day and is now more essential than ever Which is why developers have created and even open sourced various mobile security frameworks These kinds of tools is designed and created to mark and evaluate the efficiency of the mobile application whether you run Android iOS or regardless of any platform MobSF is one of the most useful practical and simple to use tools available It s a completely free and open source tool for evaluating the security of mobile smartphone applications MobSF offers superior pen testing malware analysis and security assessment services Getting started with MobSF Setting up MobSFMobSF is an actively maintained open source project So the documentation is very flexible Hence the most up to date information is always found on MobSF s official documentation website MobSF can be set up and run in a number of different ways First method which is highly recommended The first approach to installing MobSF is to manually install all essential components before running the setup script for your Host Operating System Prerequisites requirementsMobSF is compatible with a variety of operating systems but I ll be using Windows so here are the minimum prerequisites you ll need to get started with MobSF on the windows platform WindowsInstall GitInstall Python Install JDK NOTE Dont forget to set JAVA HOME as an global environment variable Install Microsoft Visual C Build ToolsInstall OpenSSL non light Download amp Install wkhtmltopdf  Add the folder that contains wkhtmltopdf binary to environment variable PATH So once you ve installed all of the prerequisites you may move on to the installation stage Installing MobSF Simply copy and paste the following command into your VScode terminal to install MobSF on your local PC git clone It s now time to navigate into the cloned MobSF project folder cd Mobile Security Framework MobSFOnce you re inside the project directory you ll need to install all of the packages and dependencies that the MobSF requires Simply copy and paste the command below to accomplish this Once you re inside the project directory you ll need to install all of the packages and dependencies that the MobSF requires Simply copy and paste the command below to accomplish this Note Before you begin you must first have Python installed on your computer setup batOnce you ve finished installing all of the requirements your folder structure should look like this After you ve completed the setup you can run the tool by following the steps oulined below run bat Before running the setup script make sure you ve installed all of the prerequisites If you run into any issues during the setup process MobSF offers a variety of support options To determine whether or not your application is running Go to your favourite browser and type in the following URL address orlocalhost You should see something like this after entering the URL To learn more about MobSF click here  Installation Guide MobSF The second method of installing MobSF If you only need to perform static analysis and not dynamic analysis you may always use prebuilt MobSF docker images To run prebuilt MobSF docker images copy and paste the following commands into the command line docker pull opensecurity mobile security framework mobsfdocker run it rm p opensecurity mobile security framework mobsf latestNote Ensure that Docker is running on your computer On your Docker desktop you should see something similar to this You should see something similar on your Docker desktop To determine whether or not your application is running Go to your favourite browser and type in the following URL address You should see something similar to this after entering that URL Let s get started The main purpose of this tutorial is to create a react application that can retrieve and display scan results as well as upload files directly to MobSF s analyzer using the Rest API functionality To accomplish this simply follow the instructions mentioned below Setting up React applicationTo begin we ll use create react app to build the application s front end The user interface UI and its features will be created entirely from scratch Let s get started on our application straight away Let s start with react and develop our application from scratcth If Node js is not already installed on your computer the first step is to do so So go to the Node js official website and download the most recent version Now open your favorite code editor and create a new folder called client We ll use the VScode code editor for this tutorial Once you are done with it type npx create react app into the integrated terminal which will create a react application in your current directory npx create react app Getting everything set up usually only takes a few minutes Normally we d add packages to a project with npm but in this case we ll use npx the package runner which will download and configure everything for us so that we can get started right away with a great template It s time to start our development server so type npm start to launch our react application in the browser So this is how the boilerplate template initially appears It s now time to investigate the create react app file and folder structure The subdirectory node modules contains all of our node dependencies Then there s the public folder which mainly has the index html file When you open the file it looks to be a standard HTML document with head body and meta tags as you can see Inside our body tag there s a div with the id of root name followed by the fallback noscript tag which is only visible if the user s browser doesn t support javascript lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset utf gt lt link rel icon href PUBLIC URL favicon ico gt lt meta name viewport content width device width initial scale gt lt meta name theme color content gt lt meta name description content Web site created using create react app gt lt link rel apple touch icon href PUBLIC URL logo png gt lt link rel manifest href PUBLIC URL manifest json gt lt title gt React App lt title gt lt head gt lt body gt lt noscript gt You need to enable JavaScript to run this app lt noscript gt lt div id root gt lt div gt lt body gt lt html gt So where did the content come from Remember that all of our source code is stored in the src folder and react will inject it into the root div element Now head over to our App js fileimport logo from logo svg import App css function App return lt div className App gt lt header className App header gt lt img src logo className App logo alt logo gt lt p gt Edit lt code gt src App js lt code gt and save to reload lt p gt lt a className App link href target blank rel noopener noreferrer gt Learn React lt a gt lt header gt lt div gt export default App In this scenario we re simply importing react from react and logo from our logo using ordinary javascript Following that we have a normal javascript function called APP which is known as a functional component in react and this function returns a react element that appears like HTML but is truly a jsx as you can see there is a div tag with a className of APP which we can t say class by itself because class is a reserved word in javascript so we have to use className in jsx And after that we have the header and then the image with our logo visible on the image source which is actually a javascript variable that we imported at the top so we must surround it with curly brackets in order to use the javascript within JSX and then we have a paragraph an anchor tag and that s it for this component So Now let s look at the index js file import React from react import ReactDOM from react dom client import index css import App from App const root ReactDOM createRoot document getElementById root root render lt React StrictMode gt lt App gt lt React StrictMode gt As you can see we re importing react from react once more along with react dom the CSS stylesheet file and finally App from App js which is the file we just discussed and there s a service worker which is needed to make your application operate totally offline Then we call ReactDom render which takes two arguments The first parameter is the jsx object which contains our user defined components and the second parameter is document getElementById root which targets the root div in our index html file and is how we access the content in our webpage import React from react import ReactDOM from react dom client import index css import App from App const root ReactDOM createRoot document getElementById root root render lt React StrictMode gt lt App gt lt React StrictMode gt React boilerplate files cleanupWe need to clean up our projects by eliminating some of the files provided by create react app before we can start creating our app This is how your files and folders should look after you ve cleaned them up Adding and Installing some packagesThis project will also necessitate the installation of a few third party packages Copy and paste the following command into your terminal Installing Bootstrapnpm install bootstrap Installing Axiosnpm install axiosAfter you ve installed all of your project s dependencies your package json file should look something like this name mobsf react version private true dependencies testing library jest dom testing library react testing library user event axios bootstrap react react dom react scripts web vitals scripts start react scripts start build react scripts build test react scripts test eject react scripts eject eslintConfig extends react app react app jest browserslist production gt not dead not op mini all development last chrome version last firefox version last safari version We can get started with MobSF and react integration now that our project and dependencies have been set up Integrating MobSF with ReactLet s start by importing our bootstrap into our App js file App jsimport bootstrap dist css bootstrap min css function App return lt div className App gt Hello there lt div gt export default App After that make a file called httpRequest js in the app folder and paste the following code into it httpRequest jsimport axios from axios export default axios create baseURL http localhost headers Content type application json Authentication aeacbbeeeeceacfcfdebbeaece Configuring a service for File Upload First we import Axios as http from the httpRequest js script file that we crteated earlier then we will prceed to utilize FormData to hold key value pairs inside the upload method Using the add method we can create an object that corresponds to an HTML form and then pass onUploadProgress to expose progress events Next we use Axios post to send an HTTP POST request to the Rest APIs Server for uploading a apk and get method to send an HTTP GET request to obtain all the scan results After you ve done that your code should look like this services Upload jsimport http from httpRequest const upload file onUploadProgress gt let formData new FormData formData append file file return http post upload formData headers Content Type multipart form data Authorization aeacbbeeeeceacfcfdebbeaece onUploadProgress export default upload Follow the steps mentioned below to learn more about the API endpoint supplied by MobSF To do so go to the MobSF home page and select API DOCS from the menu as shown in the screenshot below After that you should be able to see something similar to this After that you should be able to see something similar to this Now you can execute whatever actions you want but for the purposes of this tutorial we ll only do static analysis upload the file using react and obtain all of the scan findings using it so you can expand this project and do dynamic analysis and a whole lot more with the MobSF REST API Create a Page for Upload Files and displaying Scan results Create a File Upload User Interface with a Progress Bar a Button and a basic Message To do so go to the component folder and create a component or file named ApkUpload within it First we import Upload and create a React template with React Hooks useState useEffect Note that we can use the services we developed previously but for now let s keep it simple and try to use this component to handle everything import React useState useEffect from react const ApkUpload gt return export default ApkUpload After configuring our react template we use React Hooks approach to define the state used on our application const ApkUpload gt const selectedFiles setSelectedFiles useState undefined const currentFile setCurrentFile useState undefined const progress setProgress useState const message setMessage useState const fileDetails setFileDetails useState Next we ll develop a handler to upload and parse the apk file as well as submit a post request with the Authorization to Mobsf s Rest API and don t forget to include a handleChange function to handle input changes const ApkUpload gt const handleUpload async gt const data new FormData data append file selectedFiles try const res await axios post http localhost api v upload data headers Content Type multipart form data Authorization aeacbbeeeeceacfcfdebbeaece onUploadProgress progressEvent gt setProgress parseInt Math round progressEvent loaded progressEvent total catch err if err response status setMessage There was a problem with the server else setMessage err response data message const handleChange e gt setSelectedFiles e target files setCurrentFile e target files Let s make a get request inside our useEffect hook to receive all the scan results Note useEffect method serves the same purpose as componentDidMount const ApkUpload gt useEffect gt axios get http localhost api v scans headers Authorization aeacbbeeeeceacfcfdebbeaece then res gt setFileDetails res data content Now lets work on the UI of the app To do so add the following code inside the return  block statement const ApkUpload gt return lt div className container gt lt div className row gt lt div className col md gt lt h gt Upload your APK Here lt h gt lt input type file name file id file onChange handleChange gt lt button className btn btn primary onClick handleUpload disabled selectedFiles gt Upload lt button gt lt br gt lt br gt lt progress value progress max gt lt br gt lt br gt lt p gt message lt p gt lt div gt lt div className col md gt lt h gt Uploaded Files lt h gt lt ul className list group list group flush gt pdf report download link fileDetails amp amp fileDetails map file index gt lt li className list group item key index gt lt a href file APP NAME gt file FILE NAME lt a gt lt br gt lt br gt colourfull bootstarp text Analyzer lt span className badge badge light gt file ANALYZER lt span gt lt br gt Application name lt span className badge badge primary gt file APP NAME lt span gt lt br gt Application package name lt span className badge badge success gt file PACKAGE NAME lt span gt lt br gt Application File name lt span className badge badge danger gt file FILE NAME lt span gt lt br gt Application Scan Type lt span className badge badge warning gt file SCAN TYPE lt span gt lt br gt Scan date lt span className badge badge info gt file TIMESTAMP lt span gt lt br gt Application Version lt span className badge badge dark gt file VERSION NAME lt span gt lt br gt lt br gt lt li gt lt ul gt lt div gt lt div gt lt div gt In the code above we use Bootstrap Progress Bar To display List of scan files we iterate over fileDetails array using map  function Following is the reposne we got from the MobSF RestAPI We utilize Bootstrap Progress Bar in the code above and then we use the map function to loop through the fileDetails array to display the List of scan files The following is the output of the MobSF RestAPI response On each file item we use file APP NAME  file PACKAGE NAME  file VERSION NAME attribute and so on and so forth for displaying the text content Last but not least remember to export the component const ApkUpload gt export default ApkUpload Finally import this component into your App js file and you should be able to upload the apk file When you re finished your App js code should look like this App jsimport bootstrap dist css bootstrap min css import ApkUpload from components ApkUpload function App return lt div className App gt lt div className container fluid gt lt div className row gt lt div className col md gt lt ApkUpload gt lt div gt lt div gt lt div gt lt div gt export default App Finally type the following command into the terminal to restart your react server npm startOpen your browser and navigate to the server URL where your react is presently running You should see something similar to this Now you can upload whatever Apk file you like but make sure it s light and little in size Let s check our MobSF dashboard to see if the scanned application is there or not As you can see both the analyzed apk application and our data were successfully obtained using the full capability of MobSF s Rest API ConclusionCongratulations you successfully uploaded and fetched all of the APK scan results using the full power of MobSF and react js Let s recap what we did first we spun up and configured the MobSF server then we explored the Rest API docs provided by MobSf then we configured and set up our react application and added a few third party packages and finally we configured and wrote a script to upload an apk file After that we used the Axios package to fetch the details of the scan result then we used bootstrap to style our application to look even nice and finally we ran our server and our application was totally functional and successful	2022-06-21 13:13:16
Apple	AppleInsider - Frontpage News	Compared: M2 MacBook Air vs Surface Laptop Go 2	https://appleinsider.com/inside/macbook-air/vs/compared-m2-macbook-air-vs-surface-laptop-go-2?utm_medium=rss	Compared M MacBook Air vs Surface Laptop Go The new Surface Laptop Go is a thin and light Windows notebook at a low cost and has been positioned by Microsoft to be a competitor to Apple s latest M MacBook Air Here s how the ultra portable notebooks compare Microsoft Surface Laptop Go left MacBook Air right Days before Apple introduced its overhauled MacBook Air Microsoft decided to launch its take on the concept of a thin and powerful notebook In the follow up to the Surface Laptop Go the Surface Laptop Go is a natural competitor to the MacBook Air with considerable cost savings Read more	2022-06-21 13:20:33
Apple	AppleInsider - Frontpage News	Which MacBook Air or MacBook Pro to buy for your budget in June 2022	https://appleinsider.com/articles/22/06/18/which-macbook-air-or-macbook-pro-to-buy-for-your-budget-in-june-2022?utm_medium=rss	Which MacBook Air or MacBook Pro to buy for your budget in June With changes to the low end Apple notebook collection there s even more choice in the range Here s what MacBook Air or MacBook Pro you should consider buying depending on the size of your budget Apple s update to Apple Silicon during WWDC has shaken up the lower end of the MacBook catalog with the introduction of a new inch MacBook Air and refreshed inch MacBook Pro sporting the M system on chip The latest edition coupled with the option of an M equipped MacBook Air has resulted in even more options for consumers to consider when buying a MacBook Air or MacBook Pro Add in the inch MacBook Pro the inch MacBook Pro and variations of the M chip and it becomes a bewildering selection to choose from Read more	2022-06-21 13:02:32
Apple	AppleInsider - Frontpage News	Apple starts taking preorders start for M2 13-inch MacBook Pro	https://appleinsider.com/articles/22/06/17/apple-starts-taking-preorders-start-for-m2-13-inch-macbook-pro?utm_medium=rss	Apple starts taking preorders start for M inch MacBook ProThe new M Apple Silicon inch MacBook Pro is now available to pre order with first orders expected to arrive on June Following its announcement at Apple s WWDC keynote the inch MacBook Pro can now be ordered online It can be configured with GB RAM GB RAM or GB RAM plus between GB SSD and TB SSD storage At present it seems custom configurations are not available Early attempts to select one were met with a currently unavailable denial Read more	2022-06-21 13:07:52
海外TECH	Engadget	The best smart displays you can buy	https://www.engadget.com/2020-01-23-smart-display-guide-amazon-google-lenovo.html?src=rss	The best smart displays you can buySmart displays have evolved quite a bit since the initial debut of Amazon s first Echo Show back in In fact the category didn t really come into its own until Google joined the fray with its own line of hardware about a year later Now both of these companies are essentially dominating the smart display landscape with each offering their own take on a smart assistant with a screen It s that screen that makes smart displays so much more useful than smart speakers Rather than just having a voice recite the current weather report for example you can see a five day forecast as well The same goes for when you ask about your shopping list or calendar it s simply easier to see the whole list or your day s appointments at a glance Plus displays offer other benefits that speakers can t like watching videos or checking your webcam to see who s at your front door They re especially handy in the kitchen where you can use them for step by step cooking instructions And thanks to touchscreens you can often navigate through functions and settings a lot faster than using your voice Amazon vs GoogleThe first question you should ask is whether you d rather be in Amazon s ecosystem or Google s If you have a lot of Google products in your home like Nest thermostats or Nest cams then a Google powered model makes more sense If you have Amazon products like a Fire TV Stick or a Ring cam Amazon would obviously be a better choice Of course it s perfectly acceptable to have products from competing companies in the same home but just realize they might not work seamlessly with each other Aside from that the two systems also offer some unique features Google for example works best if you have an existing Google account and use services like Calendar and Photos In fact we especially love Google smart displays because they work well as digital photo frames You can set it up to automatically pull in pictures of friends and family from your Google Photos library and the algorithm is smart enough to use what it thinks are the best shots ーso less chance of blurry photos or images of your eyes half closed showing up for example It might seem like a minor point but seeing as the display is on standby percent of the time its secondary function as a digital photo frame is very welcome All Google smart displays also support YouTube and YouTube TV step by step cooking instructions and all of the usual benefits of Google Assistant like weather reports As with Assistant on the phone it also has voice recognition so only you can see your calendar appointments and not others Amazon s smart displays on the other hand are slightly different Instead of YouTube they offer some alternative video streaming options including Amazon Prime NBC and Hulu They also come with two browsers Silk and Firefox which you can use to search the web or watch YouTube videos a handy enough workaround given the lack of a dedicated app Amazon devices offer step by step cooking instructions as well thanks to collaborations with sources like SideChef and AllRecipes In fact the cooking instructions sometimes include short video clips But although you can use Amazon s displays as digital photo frames the process is not quite as intuitive as Google s and Amazon doesn t have anything comparable to Google s photo sorting algorithm The best smart displaysSmart displays come in all sorts of shapes and sizes and some are better suited to certain rooms in the home than others So while we do have some favorite all around picks we ve also compiled a list of smart displays that would suit specific use cases as well The best Google smart display Google Nest HubWe at Engadget tend to prefer Google smart displays because most people are likely already entrenched in the Google ecosystem due to the ubiquity of Google services like Gmail Calendar and so forth We also tend to find Google Assistant to be a little smarter than Alexa especially when bringing up answers from the web As mentioned earlier we also really like the tie in with Google Photos and the smart photo sorting algorithm Our favorite smart display overall is Google s latest Nest Hub Its inch size is a better fit in more rooms and its unobtrusive design combined with its soft fabric exterior blends nicely into your existing home decor It does everything we think most people would want in a smart display like YouTube videos step by step cooking instructions smart home controls and the ability to check in on your Nest cams if you have any In fact the Nest Hub is especially useful if you have a Nest video doorbell as the camera view of who s at the front door will show up on the screen An ambient light sensor helps to detect the light and color temperature of the environment and adjusts the screen to match Plus if you choose it can help track your sleep patterns if placed next to your bed Another feature of the Nest Hub is actually a lack of one It doesn t have a camera That gives it that additional layer of privacy that many people covet and it s also a lot more suitable for personal spaces like the bedroom Sure you could also cover up a camera with a shutter but with the Nest Hub you don t have to remember to do that Buy Nest Hub at Walmart Runner up Google Nest Hub MaxIf you like Google but you miss having a camera for video calls or you just prefer a bigger screen consider the Google Nest Hub Max At inches instead of seven it works a lot better for watching videos from YouTube and YouTube TV It s especially useful in the kitchen where it functions as a kind of portable television and you can see more of those step by step cooking instructions at a glance The bigger display also means a larger photo frame which you may prefer As mentioned the Nest Hub Max adds a camera to the mix It doesn t have a physical shutter which is a concern but you can shut it off with an electronic switch You can use the camera for video calls with Google s Duo service as well as Zoom and it can also function as a Nest Cam to help you keep an eye on your house when you re away Another benefit of the camera is the addition of Face Match facial recognition for authentication purposes which we found to be a little more accurate than just using Voice Match Last but not least the Nest Hub Max s camera adds a unique gestures feature that lets you play and pause media simply by holding up your hand to the screen It s not entirely necessary but it s potentially useful if you re in a noisy environment and just want the music to stop without having to shout over everyone Or perhaps you have messy hands while cooking and don t want to dirty up the display Buy Nest Hub Max at Walmart The best Amazon smart display Amazon Echo Show AmazonOur favorite Amazon smart display is the second gen Echo Show Its inch screen is just right it doesn t take up as much space as the Echo Show but it s also more suitable for watching videos than the tiny Echo Show Like other Amazon smart displays it has a built in camera but there is a physical camera cover to help alleviate privacy concerns As such the Echo Show is a compelling choice if you want the option of using your smart display for video calls Not only is the camera quality fantastic but the Show has a feature that automatically frames your face and follows your movements during video calls It s useful if you want to move around as you re chatting or if you have rambunctious children and pets running around the house and you want to involve them in the conversation You can use the Echo Show to make calls between other Echo Show displays or through Skype or Zoom As with the other smart displays the Echo Show also works as a digital photo frame and can be used to keep up with the news check the weather and control smart home devices If you want to use your smart display to play music we also really like the Echo Show s audio quality on account of its deep bass and rich tone Buy Echo Show at Amazon Runner up Amazon Echo Show Nicole Lee EngadgetAt only inches wide the Echo Show is one of the smallest smart displays on the market and as a result will work nicely on a desk or a nightstand In fact one of the reasons we like the Echo Show so much is that it doubles as a stellar smart alarm clock It has an ambient light sensor that adjusts the screen s brightness automatically a tap to snooze function so you can whack the top of it for a few extra minutes of shut eye plus a sunrise alarm that slowly brightens the screen to wake you up gently The Echo Show does have a camera which might make you a touch queasy if you are privacy conscious especially if this is supposed to sit by your bedside Still it does have a physical camera cover which can help ease any fears Buy Echo Show at Amazon The best smart clocksPerhaps a smart display doesn t appeal to you because you don t care about watching videos on it But maybe the idea of a smarter alarm clock like the Echo Show intrigues you In that case I d recommend the inch Lenovo Smart Clock which isn t a full fledged smart display because you can t play any videos on it but it does use Google s smart display tech so you can use it for controlling your smart home as well as checking out your Nest Cams We also like it because it lacks a camera which makes it perfect for your nightstand It has all of the features we want in a smart alarm clock like an ambient light sensor that tap to snooze function and a sunrise alarm Plus the latest version can double as a night light you can swipe down the display to enable it and you can get an optional wireless charging base to go with it If the Smart Clock is too advanced for you Lenovo does offer an even simpler version called the Smart Clock Essential It really isn t a smart display at all it s really more of a smart speaker with a clock but it does perform many of the same functions as the Smart Clock Lenovo sells the Smart Clock Essential in two different versions One has Google Assistant while the other is powered by Alexa The one with Google Assistant has a built in night light an extra USB port for charging devices and a mic mute button The one with Alexa on the other hand is compatible with an optional docking station that can be used with accessories such as a wireless charging pad or an ambient light dock it comes in either a sea lion or a squid shape that can act as a night light Buy Lenovo Smart Clock at Walmart Buy Lenovo Smart Clock Essential at Walmart	2022-06-21 13:45:33
海外TECH	CodeProject Latest Articles	An Efficient String to Unsigned int ID Struct	https://www.codeproject.com/Tips/5257596/An-Efficient-String-to-Unsigned-int-ID-Struct	string	2022-06-21 13:47:00
ニュース	BBC News - Home	Rail strike: Commuters must stay the course, says Boris Johnson	https://www.bbc.co.uk/news/uk-61879766?at_medium=RSS&at_campaign=KARANGA	wales	2022-06-21 13:23:31
ニュース	BBC News - Home	Ex-soldier Collin Reeves jailed for life for murdering neighbours	https://www.bbc.co.uk/news/uk-england-somerset-61876925?at_medium=RSS&at_campaign=KARANGA	children	2022-06-21 13:24:53
ニュース	BBC News - Home	Easyjet Spain cabin crew set to strike in July	https://www.bbc.co.uk/news/business-61849075?at_medium=RSS&at_campaign=KARANGA	holiday	2022-06-21 13:38:32
ニュース	BBC News - Home	England v New Zealand: Ben Stokes misses training before Headingley Test	https://www.bbc.co.uk/sport/cricket/61882279?at_medium=RSS&at_campaign=KARANGA	England v New Zealand Ben Stokes misses training before Headingley TestEngland captain Ben Stokes misses Tuesday s training session before the third and final Test against New Zealand starting on Thursday	2022-06-21 13:28:31
ニュース	BBC News - Home	Nick Pope: Newcastle in talks to sign Burnley and England goalkeeper	https://www.bbc.co.uk/sport/football/61884202?at_medium=RSS&at_campaign=KARANGA	burnley	2022-06-21 13:25:23
ニュース	BBC News - Home	Rail strikes: The passengers set to miss life events	https://www.bbc.co.uk/news/uk-61866971?at_medium=RSS&at_campaign=KARANGA	strikes	2022-06-21 13:30:20
北海道	北海道新聞	近美・知事公館エリアの有効策募集へ　道と道教委が事業者向け説明会	https://www.hokkaido-np.co.jp/article/696392/	道立近代美術館	2022-06-21 22:41:02
北海道	北海道新聞	生乳生産抑制、十勝の酪農家「立ちゆかぬ」　頭数削減、投資延期　飼料・燃料急騰が追い打ち	https://www.hokkaido-np.co.jp/article/696401/	新型コロナウイルス	2022-06-21 22:37:00
北海道	北海道新聞	岸防衛相、対中で連携を要請　カンボジア国防相と会談	https://www.hokkaido-np.co.jp/article/696429/	防衛相	2022-06-21 22:26:00
北海道	北海道新聞	ドバイの会社が暗号資産を売却　課税回避図ったか	https://www.hokkaido-np.co.jp/article/696426/	仮想通貨	2022-06-21 22:19:00
北海道	北海道新聞	円安、２４年ぶり１３６円台　日米の金利差拡大	https://www.hokkaido-np.co.jp/article/696396/	外国為替市場	2022-06-21 22:11:03
北海道	北海道新聞	楽３―０日（２１日）　日本ハム４連敗　借金は今季最多１５に	https://www.hokkaido-np.co.jp/article/696412/	日本ハム	2022-06-21 22:10:28
仮想通貨	BITPRESS（ビットプレス）	[日経] ビットコイン、3日で1兆円の損失 調査会社集計、ETF経由の売りが拍車	https://bitpress.jp/count2/3_9_13263	調査会社	2022-06-21 22:40:09
仮想通貨	BITPRESS（ビットプレス）	web3×起業家 日本がweb3立国になるための条件とは？ StakeTechnologies 渡辺創太	https://bitpress.jp/video/discussion/entry-13262.html	astarnetwork	2022-06-21 22:26:34