TECH |
Engadget Japanese |
ポケモンGO、1年延期の沖縄イベントを5月開催。「そらとぶピカチュウプロジェクト」コラボ |
https://japanese.engadget.com/pokemon-go-okinawa-pokemon-air-adventures-event-085026295.html
|
開催 |
2022-02-22 08:50:26 |
TECH |
Engadget Japanese |
Realmeが200W充電器をMWCで披露か。「世界最速」充電技術をMWCで発表見込み |
https://japanese.engadget.com/realme-200-w-080020796.html
|
realme |
2022-02-22 08:00:20 |
IT |
ITmedia 総合記事一覧 |
[ITmedia Mobile] au PAYやauじぶん銀行の利用開始でポイントやクーポン付与 「マネーライフ応援特典」 |
https://www.itmedia.co.jp/mobile/articles/2202/22/news170.html
|
aupay |
2022-02-22 17:30:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 2.22は「猫の日」 大阪名物「ネコパン」誕生物語 |
https://www.itmedia.co.jp/business/articles/2202/22/news166.html
|
itmedia |
2022-02-22 17:07:00 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
onclick属性で困った件 |
https://qiita.com/urban_cat/items/e63a1baff6d5283a1f6b
|
onclick属性で困った件onclick属性で困った件以前、INPUTタグのonclick属性に指定したスクリプトが動かなくて原因をつかむまでに少し時間がかかったので、その時の備忘録です。 |
2022-02-22 17:44:23 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Chrome「デベロッパーツール」徹底入門【動画一覧】プログラミング初学者 / Webデザイナー向け |
https://qiita.com/daisu_yamazaki/items/49372898ca70ba18748d
|
「デジタルハリウッドジーズアカデミー大学大学院」で私の講義動画を見たことがある人はその追加講義として見ていただければと思います。 |
2022-02-22 17:40:11 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
[AWS]EC2で権限管理を統一するためのユーザー作成 ~備忘録~ |
https://qiita.com/susuz/items/03af2e488e687778c028
|
例えば、下記の例のように新規ファイルや新規ディレクトリを作成した際に、設定するファイル属性を確認できます。 |
2022-02-22 17:25:22 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
[AWS]EC2でnginxを利用したPHP環境の作成手順 ~備忘録~ |
https://qiita.com/susuz/items/7715bb97114b5ff6eeb1
|
amazonlinuxextras利用可能なトピックのリストが一覧で表示されるansibleavailablestable略phpavailablestable番目にphpが利用可能であることがわかるなども利用可能sudoamazonlinuxextrasinstallphpy実行することでphpがインストールされる完了しました略phplatestenabledstable上記のように表示されている場合、インストールが成功上記のように、amazonlinuxextrasコマンドを実行して利用可能なトピックのリストを確認した後に、今回の場合だとphpをインストールするために、sudoamazonlinuxextrasinstallphpyコマンドを実行しています。 |
2022-02-22 17:24:57 |
技術ブログ |
Developers.IO |
AWS SAMでAPI GatewayのIAM認証をしてみた |
https://dev.classmethod.jp/articles/api-gateway-use-iam-authorization-with-aws-sam/
|
apigateway |
2022-02-22 08:54:54 |
技術ブログ |
Developers.IO |
AWS再入門ブログリレー2022 Amazon Application Load Balancer編 |
https://dev.classmethod.jp/articles/re-introducation-2022-aws-application-load-balancer/
|
amazon |
2022-02-22 08:52:02 |
海外TECH |
DEV Community |
Drive a Tesla Cybertruck or literally any car on your browser with Threejs |
https://dev.to/jaagrav/drive-a-tesla-cybertruck-or-literally-any-car-on-your-browser-with-threejs-2af4
|
Drive a Tesla Cybertruck or literally any car on your browser with Threejs Before we beginIn this article we would be building this a D Tesla Cybertruck that can be driven with your arrow keys and WASD keys on your browser We would be building this project with the help of RV Engine which is a browser based Raycast Vehicle Engine This project will require you to have some knowledge in both Threejs and Cannon ES Although since what we re building here would built on a browser based engine you don t need extreme knowledge about these libraries cause you can simply download all the car code that you tweak on the engine and install it using npm i on your computer Read this article carefully to understand how to drive your D wheeler vehicle model on the browser Don t want to read this article Check out the video version for this article on my youtube channel IntroductionAlright so were to begin You all must have seen developers all around the world making some really awesome projects with threejs Now these projects have something pretty magnificent which we call Physics Some examples for D physics projects would be Bruno SimonThe legendary Bruno Simon s portfolio which features a D car that the user can drive around this D world run into bricks and knock stuff off This project uses CannonJS by Stefan Hedman for physics support Bruno has an awesome course called ThreeJS Journey which helped me out personally in understanding the basics of threejs and build this project all by myself I d suggest you to definitely consider checking out his course cause it s the best threejs course you will find out there for Javascript beginners Racing GameThe open sourced racing game developed by Poimandres and other contributors on Github The game features a D car in a track and the user is supposed to reach the end of the track by driving the car to the end of the track as soon as possible This project uses Cannon ES a physics library which is a fork of the original CannonJS by Stefan Hedman currently being developed in house by the developers and other contributors of Poimandres AboutNow enough of showing other physics based D projects You might be wondering what is this article exactly about Well in both of the above projects as you might have noticed one thing is common and is also the MC of the games A CAR Or as we the developers like to call it a Raycast Vehicle Now building a raycast vehicle is super difficult cause it s one of the most complex features of a physics library Although there are courses on how you can create a raycast vehicle most of them are paid or they just don t make sense Although I would say that Cannon ES has got a pretty dynamite documentation but it took me almost a week to create my first raycast vehicle and drive it on my browser In fact Bruno Simon s Portfolio took him about months to develop before he released it to the public Physics in itself is pretty hard to understand when you re trying to make it work on your browser and when you re adding some threejs magic to it well it just makes everything a little bit more harder Everybody hates going through the docs well at least most of the developers I know do hate reading docs quite a lot but threejs although it is very popular and the community using it is constantly growing there is not much information on how to build certain things online unless you re figuring out things by yourself I had to go through that painful journey of trying to figure out how to get a raycast vehicle up and running on my browser There s a course by Nik Lever on how to create a D car racing game with threejs and cannonjs I almost got to a point where I was about to buy his course which I am sure is excellent but again it s not free After going through the docs a little bit more harder and with the help of Poimandres developers on Discord and going through Bruno s code for his portfolio I finally figured out how to get a raycast vehicle up and running on my browser Boy did it feel good but it took a lot of effort since the docs aren t that helpful and the best way to get something working on your computer is to basically play with a project which is already built using the same technology you re trying to implement and trying to reproduce it for your project What is Raycast Vehicle Engine Once I was done with setting up my first raycast vehicle I was quite proud of myself Although I did wish that there was a website where I could upload my car model and with some tweaks generate all the code required to build a raycast vehicle Now generating code on the browser and downloading it as files and folders is something which is not very easy to develop IRL but is a very fun and plausible problem to solve And that s how the idea for the Raycast Vehicle Engine took birth A browser based engine where a developer can upload a car model make some tweaks in the code for the vehicle with the help of a GUI and when satisfied with the tweaks easily download the code install using npm i and run using npm start Sounds pretty interesting right Well that s just the beginning Let s build a Cybertruck In order to build a Cybertruck which can be driven with your arrow keys on your browser first we need a Cybertruck More specifically a chassis model and a wheel model for a Cybertruck You might be wondering where am I supposed to get a D Cybertruck model from well you can easily download it from the link given below Cybertruck ModelI had found this model on Sketchfab and would also like to thank it s creator PolyDucky who made the original model of the cybertruck you should definitely go check out his other amazing D models on Sketchfab Moving on the next thing you re supposed to do is simply drag and drop the chassis and wheel models to the respective upload inputs Now if you re trying to build using some other car model keep these few things in mind The model cannot be a single car file you will have to separately upload the chassis and the wheel or else the RV engine won t work and have weird issues You can again use blender in order to separate the chassis from the wheels like I did for the Cybertruck by myself on blender The models you upload must be GLTFs If you don t know how to convert your model to GLTF I would recommend you to watch this youtube video Once you re done uploading your D models watch the following youtube video that I have created in order to better understand how you can create a D Cybertruck on your browser And voila that s it I am pretty sure you have understood on how you can create your own cybertruck on the web browser by watching the above video Pretty simple right What took me days to develop will take you only minutes with the help of the Raycast Vehicle Engine What s next Well now that you ve finally made a D car which can be driven with the help of arrow keys on your web browser You might be wondering well what do I do next You can build an entire world around your car model a world where you can have more D objects everywhere where your users can easily drive around knock stuff around and basically play around to explore more like Bruno s portfolio There s unlimited amount of things you can build with physics and threejs and I am sure you will make something that would be super creative and mind blowing because that s how threejs and webgl is If you re reading this article and you don t have any idea on how to add more and modify the D world and add some more physics based D objects I would recommend you to definitely check out Bruno s Course Threejs Journey to better understand not only this article but also threejs and cannonjs in all ConclusionRV engine is free and open source you should definitely check it out on github and don t forget to leave a star cause it would really mean a lot to me Jaagrav raycast vehicle engine Raycast Vehicle EngineSimply upload your favourite car s chassis model and car s wheel model and the RV Engine would automatically create a car with the same look and feel It would also be able to control the car s movement and rotation Add physics and everything else you want to the car and you re good to goAfter that you can simply download it as a zip file Follow the same setup procedure and you have a new raycast vehicle generated FeaturesVehicle physicsChange Vehicle Mass Suspension Strength Suspension Damping etc Change the position of each wheel set the size of each wheel and have all the controls to yourself Change the max speed of the car movement controls etc directly from the GUI Position the chassis from GUI see helper to view the chassis in the physics world Same goes for all of the wheels Generate code simply either… View on GitHubDon t forget to follow me on Github to see the stuff I create and star I really enjoy web development and webgl to create interactive and immersive experiences This project took me in overall a month to develop and would not be possible without the following awesome opensource projects ThreeJS JavaScript D libraryWebpack Module bundlerBabel ES to ES transpilerCannon ES D physics engineGuify GUI frameworkJSZip JSZip is a javascript library for creating reading and editing zip files with a lovely and simple API Stats JS JavaScript Performance MonitorFile Saver Save files to diskThere are many more awesome features that I am planning to add to the engine and you can help me out with it too So do fork it on github Thanks to everyone that contributed to this project and made it possible and thanks to you for reading this article |
2022-02-22 08:51:22 |
海外TECH |
DEV Community |
Testing your Solid.js code in vitest |
https://dev.to/lexlohr/testing-your-solidjs-code-in-vitest-6dh
|
Testing your Solid js code in vitestSome time has passed since I showed you how to test your Solid js code with jest and uvu or tape but now there s another solution that I don t want you to waste time to research yourself vitest You may have heard of vite the slim fast dev server that scored an amazing as deserved satisfaction on the state of js survey It s creators found unit testing too cumbersome and slow and decided to add their own perspective to the task The result is vitest it runs a vite server under the hood to transform the code to test as fast as possible uses an enhanced flavor of chai to have jest compatible assertions integrates DOM mocking using jsdom or happy dom and even the tiny spy library that was just built as a separate library to allow for easy reuse is small and compatible with jest SetupFirst you need to add vitest and jsdom to your dev dependencies npm i save dev vitest jsdomThen your vite config js or vitest config js if you want a different setup for testing needs to look similar to this lt reference types vitest gt lt reference types vite client gt import defineConfig from vite import solid from solid start export default defineConfig test environment jsdom transformMode web jt sx solid needs to be inline to work around a resolution issue in vitest deps inline solid js if you have few tests try commenting one or both out to improve performance threads false isolate false plugins solid ssr false dev true resolve conditions development browser Lastly you should add a script to your package json to allow for testing scripts test vitest How to test Actually vitest is compatible with jest so I ll just send you to the corresponding part of the jest guide The only thing known to me that doesn t work yet is test each but I guess it is only a matter of time until that is added too Code coverage is provided by c unfortunately even vitest cannot fix the issue in babel s handling of source maps that doesn t allow us to collect coverage from Solid js components How fast is it For all the promises of being blazing fast vitest is slower than uvu and it can actually be as slow as jest for the first run of a suite containing very few test cases Once you have more than tests and can really use the watch mode it easily outperforms jest even though it will only be faster than uvu if it can omit enough test cases in a run though to be fair this is mostly because uvu lacks a lot of features that vitest provides Also you should consider that vitest is still in development so performance improvements shouldn t be unexpeced If you are currently using jest and don t like waiting for test results you should definitely consider vitest if you only have a really small test suite of less than tests and don t need advanced features like a sophisticated watch mode and extendable assertions uvu solid register will be faster though it won t be nearly as comfortable as vitest |
2022-02-22 08:43:11 |
海外ニュース |
Japan Times latest articles |
Tokyo cases continue dip, but virus-linked deaths remain high |
https://www.japantimes.co.jp/news/2022/02/22/national/japan-coronavirus-february-22/
|
downward |
2022-02-22 17:08:03 |
ニュース |
BBC News - Home |
Ukraine crisis: Russia orders troops into eastern Ukraine |
https://www.bbc.co.uk/news/world-europe-60468237?at_medium=RSS&at_campaign=KARANGA
|
condemnation |
2022-02-22 08:38:03 |
ニュース |
BBC News - Home |
Ukraine crisis: UK to sanction Russia over breakaway regions decision |
https://www.bbc.co.uk/news/uk-politics-60472639?at_medium=RSS&at_campaign=KARANGA
|
international |
2022-02-22 08:19:48 |
ニュース |
BBC News - Home |
Ukraine-Russia tensions: Oil surges on supply fears |
https://www.bbc.co.uk/news/business-60473233?at_medium=RSS&at_campaign=KARANGA
|
major |
2022-02-22 08:40:00 |
ニュース |
BBC News - Home |
River Severn Flooding: Homes and businesses evacuated |
https://www.bbc.co.uk/news/uk-england-shropshire-60475077?at_medium=RSS&at_campaign=KARANGA
|
centre |
2022-02-22 08:05:19 |
ニュース |
BBC News - Home |
West Midlands rocked by earthquake |
https://www.bbc.co.uk/news/uk-england-birmingham-60476022?at_medium=RSS&at_campaign=KARANGA
|
walsall |
2022-02-22 08:26:33 |
ニュース |
BBC News - Home |
UK finances improve in January as tax revenues grow |
https://www.bbc.co.uk/news/business-60431535?at_medium=RSS&at_campaign=KARANGA
|
finances |
2022-02-22 08:03:23 |
ニュース |
BBC News - Home |
Online subscription scams costing UK victims millions |
https://www.bbc.co.uk/news/uk-60464668?at_medium=RSS&at_campaign=KARANGA
|
facebook |
2022-02-22 08:16:07 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
プーチン氏の終盤戦、ウクライナ超えた野望 - WSJ発 |
https://diamond.jp/articles/-/297161
|
野望 |
2022-02-22 17:22:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「ギックス」のIPO情報総まとめ! スケジュールから幹事証券、注目度、銘柄分析、 他のデータを活用したコンサルティング企業との比較や予想まで解説! - IPO株の銘柄分析&予想 |
https://diamond.jp/articles/-/297140
|
|
2022-02-22 17:02:00 |
北海道 |
北海道新聞 |
居酒屋協力金、収入の4割 21年度、大手8社計340億円 |
https://www.hokkaido-np.co.jp/article/648695/
|
居酒屋チェーン |
2022-02-22 17:04:38 |
北海道 |
北海道新聞 |
高野山新法印に内海大僧正 金剛峯寺で昇進式 |
https://www.hokkaido-np.co.jp/article/648704/
|
和歌山県高野町 |
2022-02-22 17:17:00 |
北海道 |
北海道新聞 |
谷口、4月22日に初防衛戦 石沢と、WBOミニマム級 |
https://www.hokkaido-np.co.jp/article/648703/
|
世界ボクシング機構 |
2022-02-22 17:17:00 |
北海道 |
北海道新聞 |
芸術院新会員にちばてつやさんら 漫画から初選出、小澤征爾さんも |
https://www.hokkaido-np.co.jp/article/648702/
|
小澤征爾 |
2022-02-22 17:16:00 |
北海道 |
北海道新聞 |
1月のスーパー売上高4・0%増 食料品が順調、衣料品も反動で |
https://www.hokkaido-np.co.jp/article/648696/
|
全国スーパー売上高 |
2022-02-22 17:04:00 |
北海道 |
北海道新聞 |
「ロシアの挑発に屈せず」 安保理でウクライナ大使 |
https://www.hokkaido-np.co.jp/article/648694/
|
国連大使 |
2022-02-22 17:01:00 |
マーケティング |
MarkeZine |
バンテリンが語る「想起集合(Evoked Set)」概念活用とブランド戦略【3月開催ウェビナー】 |
http://markezine.jp/article/detail/38427
|
evokedset |
2022-02-22 17:30:00 |
IT |
週刊アスキー |
トロやモルガナ、アイルーがクッキーに!?「猫の日」を記念しSIEがPSゆかりの猫キャラクターのアイシングクッキーを公式Twitterで公開 |
https://weekly.ascii.jp/elem/000/004/084/4084241/
|
トロやモルガナ、アイルーがクッキーに「猫の日」を記念しSIEがPSゆかりの猫キャラクターのアイシングクッキーを公式Twitterで公開ソニー・インタラクティブエンタテインメントは、年月日の猫の日とPlayStationの国内発売周年を記念して、SNSで人気のクリエイター・まんなたぬきさんとコラボレーションし、アイシングクッキーで作られたPlayStationゆかりの猫キャラクターとPS用コントローラーをPlayStation公式Twitterにて公開した。 |
2022-02-22 17:50:00 |
IT |
週刊アスキー |
MOTTERU、シリコンケーブルに「USB-C to USB-C」を追加。新色のピスタチオカラーも登場 |
https://weekly.ascii.jp/elem/000/004/084/4084232/
|
MOTTERU、シリコンケーブルに「USBCtoUSBC」を追加。 |
2022-02-22 17:40:00 |
IT |
週刊アスキー |
DMM GAMES、「れじぇくろ!~レジェンド・クローバー~」にて新キャラ「レオニダス」「ソル」が登場! イベント限定キャラが手に入る新イベントも開催 |
https://weekly.ascii.jp/elem/000/004/084/4084205/
|
dmmgames |
2022-02-22 17:30:00 |
IT |
週刊アスキー |
DMM GAMES「プラスリンクス ~キミと繋がる想い~」にて、rinna社との共同研究による完全AIヒロイン 「足繫逢(あししげく あい)」実装! |
https://weekly.ascii.jp/elem/000/004/084/4084206/
|
dmmgames |
2022-02-22 17:30:00 |
IT |
週刊アスキー |
函館の人気店が横浜高島屋にやってくる! 「はこだて 旬の味 ご馳走亭」の期間限定ショップ、2月23日から |
https://weekly.ascii.jp/elem/000/004/084/4084223/
|
北海道函館市 |
2022-02-22 17:10:00 |
マーケティング |
AdverTimes |
東京広告協会総会開く 岸志津江氏に白川忍賞を贈呈 |
https://www.advertimes.com/20220222/article377541/
|
全国各地 |
2022-02-22 08:33:47 |
コメント
コメントを投稿