投稿時間:2022-06-27 01:18:57 RSSフィード2022-06-27 01:00 分まとめ(19件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Apple、M2チップを搭載したMac miniやMac Proなどを開発中 − ｢MacBook Air 15インチ｣はM3チップ搭載で来年登場か	https://taisy0.com/2022/06/27/158476.html	apple	2022-06-26 15:58:08
js	JavaScriptタグが付けられた新着投稿 - Qiita	HTMLのヘッダー・フッターをJavaScriptでインクルードする	https://qiita.com/pooh-hey/items/1af33fe314fe5ffd5122	javascript	2022-06-27 00:15:07
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Hands-on for Beginners 監視編 サーバーのモニタリングの基本を学ぼう	https://qiita.com/gazami_shougun/items/034b43c814b31a158f12	awshandsonforbeginners	2022-06-27 00:21:10
AWS	AWSタグが付けられた新着投稿 - Qiita	TerraformでECS on Fargate構築	https://qiita.com/s_yanada/items/e9c6c096b5df7f6c7bf1	terrafo	2022-06-27 00:07:20
golang	Goタグが付けられた新着投稿 - Qiita	JavaとVB.NETしか仕事でやったことないけどGo言語触ってみる	https://qiita.com/rakyooooo/items/e3d7a69aaaa1b6bed460	kindle	2022-06-27 00:06:22
Azure	Azureタグが付けられた新着投稿 - Qiita	FIWAREと画像処理の連携	https://qiita.com/nmatsui/items/f6fc66f12a365eafaf50	fiware	2022-06-27 00:33:36
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure で VM のクォータ制限がかかってしまった時にすること	https://qiita.com/akiojin/items/3b42c5101cec48825923	azure	2022-06-27 00:12:02
海外TECH	MakeUseOf	8 Mobile Apps to Take Control of Your Digestive Health	https://www.makeuseof.com/apps-take-control-digestive-health/	proper	2022-06-26 15:46:14
海外TECH	MakeUseOf	How to Solve the “Windows Has Detected an IP Address Conflict” Error	https://www.makeuseof.com/windows-solve-ip-address-conflict/	address	2022-06-26 15:15:14
海外TECH	DEV Community	Unpacking JavaScript 02: Object Oriented JS(OOJS) part 1	https://dev.to/sfundomhlungu/unpacking-javascript-02-object-oriented-jsoojs-part-1-1bm7	Unpacking JavaScript Object Oriented JS OOJS part previous article emulating prototypes Object Oriented Programming Object s quick overviewobject s are not covered extensively in this section but an overview of specific concepts that will become useful in upcoming sections this section assumes you are familiar with the basics of Object s therefore will not cover variations of the same concepts only relevant concepts are reviewed Own property vs prototypeOwn properties refer to local properties of an object locally defined properties which you can access or set directly with the dot notation or similar methods while prototype refer to a special object property proto which we covered extensively here In short own property means local properties and prototype speaks of inheritance let obj  name John Doe  stack react nextjs ionic capacitor  print  console log this name tech stack JSON stringify this stack   obj proto putting the above in the browser console and looking up the proto you will see inherited methods and values of obj name stack and print are obj own properties Setters and GettersA setter binds a function to an object s own property an attempt to set or assign a value to that property calls the function which only takes one parameterlet obj name John Doe stack react nextjs ionic capacitor print console log this name tech stack JSON stringify this stack binding a function to newStack set newStack stack this stack stack assigning a value to obj s own property newStack will call the function passing in the assigned value as the parameter obj newStack vue react react native runs the setter function vue react react native will be passed as a parameter and obj own property stack will be updated as per the function bodyA getter instead of setting a value on lookup accessing a value a function is called and returns some value a getter takes no parameters let obj …get getStack must always return a value return this stack obj getStack runs the getter method and return stack property vue react react native You can define getters and setters on object initialization or anytime using the Object defineProperty Properties method Value by ReferenceObjects are values by reference a variable does not contain the actual object rather points to the actual object in memory let ob ob is a pointer to the actual object in memory but not an actual object If you ever played with C or C you may be familiar with pointers if not here is a short video on pointers which is a useful and powerful CS concept to knowlet obj name “jane doe let obj obj the actual object is not copied into obj from obj rather obj and obj now point to the same object in memory changing either will reflect on both references example this concept is very useful for state managers accessing the same object in different places obj name “John Doe obj name now equals John Doeobj obj trueWhich makes copying objects tricky which we will cover only one method in passing while building a lite dArray module in later articles Inheritance Constructor functionsFunctions called with the new keyword and returns an object function simpleConstructor  this name “simple Object let newObject new simpleConstructor constructs and returns an objectSteps taken by JavaScript to construct a new object using constructor functions When a function call is preceded by the new keyword JavaScript creates a new object and passes it into the function the newly created object becomes the context of the function meaning the this keyword inside that function now refers to the passed in object Every variable preceded by the this keyword e g this name becomes own property of the created objectThe object is returned as its own independent instance so we can create as many objects of the same type as we like changing the value on one will not affect the other Constructor functions have a prototype property which is not it s own prototype object rather an object that is passed to be a prototype to instances that are created by the function The function has its own prototype object which it inherits from this is not passed to instances rather the prototype property which can be accessed by using the function name prototype read this paragraph slowly may not make sense the first time or even second   for the simpleConstructor functionsimpleConstructor prototype  age Now every object instance created with simpleConstructor will point to the defined prototype with the value for age Note the prototype is not created for each and every instance there is one prototype object the instances point to it remember the value by reference idea However we do not need to assign an object to a prototype property because it is already an empty object we can just assign values just like any normal object simpleConstructor prototype age Changing a value in a prototype object will dynamically update all instances that inherit from it However instances cannot change the value directly you can change it using the constructor prototype property for example let s create two instances of simpleConstructorlet instance new simpleConstructor let instance new simpleConstructor Accessing js instance age JavaScript will first look at instance own properties and see there is no property age and look further down the prototype chain and find it the same will happen for instance say we change the value of age using the instancesinstance age The assumption would be the age property in the prototype would change to and calling any instance getting the age property will yield but that is not the case because when you set the property age of instance like any object in JS if the property does not exist as own property JS creates a new property age and assigns the value while the prototype property age remains this is basically overriding the property the same goes for functions etc if you know classes from languages like Java this is the same concept a subclass can override a property or method of a parent by defining it in its own context or bodySo our instance Object has now both the property name and age on lookup JS will retrieve the own property age because it exists and there s no need to look up the prototype chain console log instance age console log instance age does not have own property age actual InheritanceWhat if we want to create a separate constructor but still need its instances to inherit from simpleConstructor we can achieve that using Object create function complexConstructor this new object passed on invocation inheriting simpleConstructor own properties to this new object simpleConstructor call this  this type “complex object point complex prototype to simpleContructorcomplexConstrutor prototype Object create simpleConstructor prototype resiting the constructor parent property inside proto to point back to original parentcomplexConstructor prototype constructor complexConstructorlet complexObj new complexConstructor Let s break this down in back of your mind keep the process JavaScript executes on constructors the whole deal of creating a new object and assigning it to the this keyword of the constructor Or maybe let s just do it in steps again Step when complexConstructor is executed JS creates a new object and passes it into the function assigning the object to the this keyword inside the function such that using the this keyword inside the constructor refers the newly created object Step we call simpleConstructor using the call method which takes in an object context and simpleConstructor is called in this new context that is how simpleCon s own properties are inherited by complexConStep setting the prototype of complexConstructor to the prototype of simpleConstructor Object create creates a copy object from the passed in objectStep resetting the constructor property on prototype to point back to it s original creator Object create affects the pointer to the constructor the why of doing this depends largely on what you are doing let s say you want to create an object that looks and behaves like another object but you do not have access to its constructor directly you can use the latter objects prototype constructor to create objects like it That is the importance of resetting the constructor With this process you can create chains of inheritance for example we can create a moreComplexConstructor and make it inherit from the complexConstructor which consequently inherits from complex s parent which is simpleConstructor be careful thou of creating long prototype chains this can affect performance JS be looking for values in long chains to get a value From now on we will be using classes we basically do the same thing we just discussed but more cleaner classes in JS are syntactic sugar underneath they are functions deducing from what we ve discussed it is clear that an instance can only have one prototype object making multiple inheritance directly hard you have to create long chains there are workarounds and design patterns using functions and objects which we will not go into now but we will explore later as needed conclusionIf you want a programming buddyI will be happy to connect on twitter or you or you know someone who is hiring for a front end react or ionic developer or just a JS developer modules scripting etc I am looking for a job or gig please contact me mhlungusk gmail com twitter is also fine Thank you for your time enjoy your day or night until next time next article OOJS part	2022-06-26 15:44:28
海外TECH	DEV Community	Side Project Sunday! What do you have going on?	https://dev.to/ben/side-project-sunday-what-do-you-have-going-on-560c	description	2022-06-26 15:41:00
海外TECH	DEV Community	VS Code Tips And Tricks For Every Developer	https://dev.to/zeus990/vs-code-tips-and-tricks-for-every-developer-1412	VS Code Tips And Tricks For Every DeveloperYeah i know this might probably be the millionth article you have come across with a title like this and you have reason to not read it and thats completely fine Well if you are here and still reading Let s gets started quickly Move the sidebar to the right in VS Code Since most of us don t write more than characters of code in a single line The space to the right of the editor always remains empty and it kind of wastes space So why not move the sidebar to the right and make use of that valuable screen real estate You can do that easily by right clicking on the sidebar and then select the option to move sidebar to the right Now you can focus on your code with your sidebar out of the way I know this is opinionated but why not give it a try I am sure you will get used to it Toggling the sidebar As we are on the topic of sidebar i believe most of use keep toggling the sidebar using our mouse for more editor space and we developers collective waste a lot of time A simple shortcut by vs code allows us to toggle the sidebar in a much faster way Using your keyboard press cmd B or ctrl B if you are on windows to toggle the sidebar Keep practicing and you will see how useful this shortcut is Get a full tab worth of terminal in VS Code By default you can toggle the terminal in vs code using the ctrl operation and now a tiny terminal appears at the bottom of your code editor Its always nice to have your code and terminal accessible in the same screen but this again eats up your editor space You can overcome this by dragging the terminal to the top of your workspace where the other file tabs exist and voila you have a full screen terminal right into vs code along with all other file tabs and full screen space as well Always open a new file in a new tab By default in vs code when you open a file it opens in a preview mode and then when you open another file the existing file gets replaced by the new file that you open Only after you double click on a file it comes out of preview mode and stays permanently open in your editor until you close it Personally i find this counter productive i want all my files to open and be side by side to each other Again to achieve this its a simple toggle in vs code Go to settings Click on Workbench Click on Editor Management Scroll down and untick the enable preview optionThats it Now see the magic happen After Toggling the setting and now every file opens in a new window Right Click and open folder with vs code Mac users only Coming from windows we had this option where we right click on a particular folder and we had that option where we could open the folder in vs code This came in handy Now for mac users having this option is quite tricky but doable Here are the steps to achieve it Open the automator app in you mac os system This app is installed by default You can search for the app using command spacebar to open spotlight After opening the automator click on quickaction in the popup and press the choose button In the dropdown labeled Workflow receives current choose files or folders from the dropdown and choose finder in the consequent dropdown In the search bar to the left type in open and you will find an option called Open in finder Items Double click on the option After double clicking on the option Choose Open with as Visual studio code from the dropdown if vs code is not available in the default dropdown options click on others and then select visual studio code After that use save and save it as Open with Visual Studio Code Thats it It s done Now right click on any folder and you will find the option under quick actions Thank you for reading this post till the end If you learnt something please do share it with others	2022-06-26 15:00:43
Apple	AppleInsider - Frontpage News	Always-on iPhone 14 Pro display, M2 iPad Pro expected for late 2022	https://appleinsider.com/articles/22/06/26/always-on-iphone-14-pro-display-m2-ipad-pro-expected-for-late-2022?utm_medium=rss	Always on iPhone Pro display M iPad Pro expected for late The iPhone Pro range will benefit from an always on display that highlights the new lock screen widgets of iOS a report on Apple s product updates proposes meanwhile iPad Pro changes could include M equipped models Apple has previously been rumored to include an always on display in the Pro lineup of iPhone models with code included in iOS betas seemingly confirming the claims about the feature Though it has apparently been in development for years a report claims the change is warranted now due to the introduction of lock screen changes The iPhone Pro will be able to show the same lock screen widgets as the iPhone range reports Mark Gurman for Bloomberg s Power On newsletter on Sunday These features will display while the screen remains at a low brightness and framerate while a setting will also prevent sensitive data from appearing on that display Read more	2022-06-26 15:58:50
Apple	AppleInsider - Frontpage News	Apple Watch Series 8's S8 chip may not be a big upgrade from S7	https://appleinsider.com/articles/22/06/26/apple-watch-series-8s-s8-chip-may-not-be-a-big-upgrade-from-s7?utm_medium=rss	Apple Watch Series x s S chip may not be a big upgrade from SThe Apple Watch Series s S chip probably won t be any faster than the S it is rumored with three inbound Apple Watch models expected to use the same chip across the board Alongside the usual update to the Apple Watch Series the company s wearable line is thought to consist of three distinct models While there will be some variation on the outside and in key specifications the trio may all use the same largely unchanged chip Apple is reportedly working on the standard Series an updated Apple Watch SE and a rugged model for extreme sports Mark Gurman s Power On newsletter for Bloomberg reads However all three are believed to be using identical S chips Read more	2022-06-26 15:14:17
海外TECH	Engadget	Riot Games will monitor ‘Valorant’ voice chat to combat disruptive players	https://www.engadget.com/riot-games-monitor-valorant-voice-chat-154944022.html?src=rss	Riot Games will monitor Valorant voice chat to combat disruptive playersAbusive Valorant players could soon have their verbal tirades come back to haunt them nbsp In a blog post published on Friday Riot Games outlined a plan to begin monitoring in game voice chat as part of a broader effort to combat disruptive behavior within its games On July th the studio will begin collecting voice data from Valorant games played in North America According to Riot it will use the data to get its AI model “in a good enough place for a beta launch later this year During this initial stage Riot says it won t use voice evaluation for disruptive behavior reports “We know that before we can even think of expanding this tool we ll have to be confident it s effective and if mistakes happen we have systems in place to make sure we can correct any false positives or negatives for that matter the studio said Some players will likely bristle at the thought of Riot listening in on their voice comms much like they did when the company introduced Vanguard its kernel level anti cheat software But Riot says it sees voice evaluation as a way for it to “collect clear evidence against players who take to comms to abuse and harass their teammates The tool will also give the studio something it can point to when it provides sanctioned players with feedback “This is brand new tech and there will for sure be growing pains Riot said “But the promise of a safer and more inclusive environment for everyone who chooses to play is worth it	2022-06-26 15:49:44
ニュース	BBC News - Home	Ukraine war: Keep up unity amid war fatigue, says PM	https://www.bbc.co.uk/news/uk-61938351?at_medium=RSS&at_campaign=KARANGA	costs	2022-06-26 15:02:55
北海道	北海道新聞	熊本で震度５弱、Ｍ４・７　津波なし、被害確認急ぐ	https://www.hokkaido-np.co.jp/article/698318/	熊本県美里町	2022-06-27 00:07:02
北海道	北海道新聞	協力会社の委託先が紛失　尼崎市民情報入りＵＳＢ	https://www.hokkaido-np.co.jp/article/698338/	個人情報	2022-06-27 00:05:00
北海道	北海道新聞	柔らかく新しいデザインを評価　台湾の学生２人に最高賞　「隈研吾＆東川町」ＫＡＧＵデザインコンペ	https://www.hokkaido-np.co.jp/article/698324/	上川管内	2022-06-27 00:04:57