https://www.si-ght.jp/entry/miraiit015
JavaScriptで簡易物理エンジンを実装する
本記事は、書籍「ゲームで学ぶJavaScript入門 増補改訂版～ブラウザゲームづくりでHTML＆CSSも身につく!」用に作成した簡易2D物理エンジン「Tiny2D.js」の詳細解説です。 はじめに 本記事は、書籍「ゲームで学ぶJavaScript入門 増補改訂版～ブラウザゲームづくりでHTML＆CSSも身につく!」用に作成した簡易2D物理エンジン「Tiny2D.js」の詳細解説です。Tiny2D.jsは角速度や質量は考慮しない、矩形と円しかサポートしないなど、物理エンジンと名乗るには僭越なほどシンプルなものですが、シンプルなだけに使い方も簡単で、修正も十分に可能です。「百聞は一見にしかず」です。まずはサンプルを実行してみて、どのような動きをするのか皆さん自身で確かめてみてください。 物理エンジンとは 「アングリーバード」や「モンスターストライク」など物理エンジンを活用したパズル系のゲーム
らくだ🐫にもできるRailsチュートリアル｜12.2
※毎回書いたほうがいい気がするので書いておきます※ 平文の部分をI18nでちょこちょこ日本語化しているのですが その部分に関しては特に記述していなくてもたまにコードが違ったりしています。 t(‘.hogehoge’)って部分です どうぞお気になさらず。 12.2 パスワード再設定のメール送信 パスワードの再設定に関するメールの部分を作っていく 11章でUserメイラーを生成した際にデフォルトのpassword_resetメソッドなどもまとめて生成されているので それを使って定義していく！ 12.2.1 パスワード再設定のメールとテンプレート 11.3.3で行ったリファクタリングと同様の作業を行っていく 最初にUserメイラーにpassword_resetメソッドを作成し (リスト 12.7)、続いて、テキストメールのテンプレート (リスト 12.8) とHTMLメールのテンプレート (リス
なぜJavaScriptのDateコンストラクタは例外を投げないのか - Qiita
Q. なぜJavaScriptのDateコンストラクタは例外を投げないのか？ A. NaNがあるから DateはJavaScriptで日時を扱うためのAPIで、JavaScriptの当初から存在します。 Dateオブジェクトは主にDateコンストラクタを用いて作られます。Dateコンストラクタにはいろいろな機能があり、new Date()のように引数なしで呼び出すと現在時刻を取得できるほか、new Date("2020-04-24T00:00+09:00")のように文字列から日時に変換したり、new Date(1587654000000)のように数値（UNIX時間）を日時に変換したりすることができます。 一般に、データの変換作業には失敗が付き物です。しかし、new Dateは決して失敗しません1。例えば、new Date("foobar")のように明らかに日時を表していない文字列からDat
ルーティング機能を自作して学ぶ History API - 30歳からのプログラミング
History API は、HTML5 で導入された API。 これを使うことで、JavaScript で URL の履歴を管理できるようになる。 多くの場合、そういった操作は React Router や Vue Router などのルーティングライブラリを通して行うことになる。そのため、History API を直接操作する機会は稀だと思う。 しかし、ルーティングライブラリを使いこなし、特殊なユースケースにも対応できるようになるためには、History API そのものについても理解しておきたい。 この記事では、ルーティング機能を持った React アプリを開発しながら、History API について学んでいく。 使用している React のバージョンは16.13.1。 動作確認は Google Chrome の81.0.4044.113で行っている。 コンテンツに対して URL を
Ubuntu 20.04 LTS をインストールした後やること13選 - Qiita
Ubuntu 20.04 LTS インストール後の、おすすめの基本設定をまとめてみました (19.10 の時とは若干内容が異なります)。 フォルダ名を英語に変更する Ubuntu に限らず Linux を日本語でインストールすると、ホーム内のフォルダ名が日本語になっていて少々不便です。 Ctrl + Alt + T を押して端末を起動し、 このコマンドを実行するとウィンドウが表示されるので Update Names ボタンをクリックした後、一度ログアウト、ログインし直すとまたウィンドウが表示されるので、今度は 次回から表示しない にチェックを入れて 古い名前のままにする ボタンをクリックすると、フォルダが英語になります。 ディスプレイの電源が自動でオフになるまでの時間を延長する デフォルトでは5分 Ubuntu を放っておくと自動的にディスプレイの電源が切られますが、5分はちょっと短いです
GatsbyJSの本を書いた理由 | エビスコム - EBISUCOM
意外なところに手を出してきたと思われるかもしれませんが、きっかけは WordPress ＆ Gutenberg なんです。 2015年の Automattic社 Matt Mullenweg 氏の "Learn JavaScript, Deeply" という言葉。そして、バージョン5.4までたどり着いた現在の WordPress と、見え始めた Block Based Theme。 世間では WordPress=PHP という認識がまだまだ強いわけですが、とっくに、Gutenberg=JavaScript（React）なわけです。 すでに見えている未来を考えれば、WordPress=JavaScript と言われる時代もそう遠くはないのではとさえ思います。 なので、自分たちも JavaScript（React）をもっと身近なものにしておかなければと動き始めました。 入門者の通常ルート通り、
Blitz.js - The Missing Fullstack Toolkit for Next.js
// ---- ON THE SERVER ---- // app/projects/mutations/createProject.ts import { resolver } from "@blitzjs/rpc" import db from "db" import * as z from "zod" // This provides runtime validation + type safety export const CreateProject = z .object({ name: z.string(), }) // resolver.pipe is a functional pipe export default resolver.pipe( // Validate the input data resolver.zod(CreateProject), // Ensure
CloudWatch SyntheticsでオンプレミスのProxyサーバーを経由して監視する - Qiita
はじめに 2020/4/23に CloudWatch Synthetics がついに一般利用可能になりました。 アプリケーションのエンドポイントのモニタリングが簡単に実行できるようになります。 基本的な使い方に関しては本記事では割愛しますが、以下の公式Blogが参考になります。 New – Use CloudWatch Synthetics to Monitor Sites, API Endpoints, Web Workflows, and More https://aws.amazon.com/jp/blogs/aws/new-use-cloudwatch-synthetics-to-monitor-sites-api-endpoints-web-workflows-and-more/ やりたいこと オンプレミスの Proxy サーバーを経由して CloudWatch Syntheti
RaspberryPiでWEBカメラを使ってOpenCVで動体検知な監視カメラをつくってみた - Qiita
やりたいこと 居住しているマンションの玄関に夜な夜な不審者が出没しているようなので、玄関のドアにWEBカメラを取り付けRaspberryPiで解析・記録するシステムを作ってみました。仕様は次の通りです。 画面上に撮影した映像と時刻を表示する 玄関の前に誰かきたら静止画をjpeg形式で記録する 記録した静止画には撮影時刻を埋め込む 誤検知はある程度許容する ※ちなみに、カメラの設置は許可取得済みです。 参考にした記事 最初はパソコン工房さんの記事を参考に顔検知でやろうと思いました、誤検知が多くて今回の用途には適しませんでした。 https://www.pc-koubou.jp/magazine/19205 いろいろ考えた結果、動体検知（撮影している映像に変化があったことを検知）によって実現できそうだな、と思い試行錯誤の結果そこそこ上手く行ったので方法を紹介します。 なお、動体検知のやりかたは
Overleaf + Git
How to use Overleaf + Git to manage your TeX file Overleaf is an online TeX editor with a lot of functionality. Most importantly for me, multiple persons can work on the same file at the same time, so it is ideal for collaboration. However not all people like to write TeX within the browser; many have their own preferred editor (TeXShop for example). Here I'd like to explain how to use your TeX ed
REST APIを簡単にMockできるツールSmopeckの紹介 - Qiita
はじめに 最近のウェブアプリではバックエンドをREST-APIとして用意し、 フロントエンドはREST-APIから引っ張ってきたデータをReactやVueといったフレームワークで描画することが多いと思います。 このようなウェブアプリを開発する際に問題となるのはバックエンドとフロントエンドを並行して開発しにくいということです。バックエンドができなければフロントエンドはどんなデータが来るのかわからず描画できませんし、バックエンドもフロントエンドからどのようなリクエストが来るか決まらないと実装ができません。 そのため、最初にREST-APIの仕様を定めて、その仕様に沿ったモックサーバを作成し、 フロントエンドはバックエンドが完成するまでそれを用いて開発を進めるということが行われます。 さてそのREST-APIの仕様とはどのように記述されるのでしょうか？ 1. 自然言語で記述する 一番よくある場合
公園でジジイに怒鳴られたら怒鳴り返しましょう、それがコミュニケーションです｜山本一郎（やまもといちろう）
拙宅三兄弟は育ちざかりなので、やはり日中ずっとお家にいると鬱積して兄弟げんかを始めて大変なことになります。狭い飼育ケースにカブトムシのオスを複数飼うのと状況はさして変わりありません。 なので「オラ行くぞ」と音頭を取って近所の公園や広場に子どもたちを連れだして周囲と充分距離を取りながらジョギングさせるのが日課です。将来は西浦博さんのように8割おじさんをやりつつマラソンで完走するような人物に育てたいと思っております。 もっとも、私は持病があるため、あまり長い距離を走ることはできません。運動ってね、子どもたちにとっては必須であると同時に、優れたボスであることの証明でもあるのですよ。いつもは面倒くさい親父を家庭内で演出していても、外で走るときは「お前らは20周しろ。ワイは5周だけどな」とやると、途端に子どもたちが「ズルい」となります。お前な、大人には大人の事情というものがあるんだよ。 仕方なく子ど
【終電レポ】酔っ払って青梅駅まで寝過ごした時の過ごし方【エンドオブ西東京】 | SPOT
この記事を、寝過ごして大月駅で読んでいる方は、もくじ最後の「寝過ごして大月駅に到着して戻れない方へ」をご覧いただくことを強く勧めます。終点。名も知らぬ駅で取り残される恐怖…いつもお世話になっております。ライターの下村山です。上記のように、うっかり寝過ごして聞いたこともない駅に降りた...戻りの電車ももう出てない...みたいな体験、一度はありませんか？幸い私は、このとき実家暮らしでしたので、30km以上離れた家から車で迎えに来てもらうことができました。しかし、この東京砂漠で孤独に生きる皆さんには、気軽に迎... 青梅駅のさらに奥に行くと奥多摩の雄大な自然に触れることができ、登山やアウトドアの愛好家に長く愛されている。 逆に言うと、青梅駅はギリギリ人界に接する最後の里ともいえる。 奥多摩地区、最後の人界…青梅駅。 果たして、どんな場所なのだろうか…。 ［00:06］立川駅の様子 今回は、青梅線
テレワークの次は「モニタリング」 働き方改革は次の段階へ
新型コロナウイルスの感染拡大に伴い、テレワークの導入など日本企業の働き方は大きく変わりつつある。ただ、今後も働き方改革を本格的に進めていくには、モニタリングツールを用いて社員個々の業務の現状把握が必要になりそうだ。 2020年4月7日に7都府県を対象に緊急事態宣言が発令され、企業の多くは出社禁止やテレワークの拡大に動いている。しかし、日本にはいまだにファクスや書類、はんこを多用する「紙文化」が存在し、取引先と書類などをやり取りする営業など最前線の社員はもちろん、バックオフィスで働く人たちも、本格的なテレワークはなかなか難しいかもしれない。 ただ、これをきっかけに確実に日本の働き方は変わるだろう。今までテレワークに消極的だった企業も、事業を存続させるためには導入を検討せざるを得ない。そして、この検討が事業を見直す契機になる。 筆者の会社も、20年2月中旬から時差出勤とテレワークを実践しており
馳浩『4月24日』
はせ浩 オフィシャルブログ「はせ日記」Powered by Ameba はせ浩 オフィシャルブログ「はせ日記」Powered by Ameba 08時35分、徒歩出勤出発。 10時05分、議員会館到着し、執務。 午前中、一昨日の新宿視察の件で阿部俊子代議士がお詫びにこられたので、対応を相談。 「私も事実関係が整理できたので昨夜はせ日記で説明しておきましたが、やはり団体側との事前打ち合わせの内容が国会議員側に全く伝わっていなかったことは率直にお詫びする必要があります。我々は通常の視察案内との認識で秘書も帯同し、お手伝いをし、活動報告として写真撮影もしてアップしてしまった（指摘を受けて削除）のですから。確かに女子支援の団体に男性があんなにたくさん押し掛ければ、相手側に威圧感を与えて不快感を与えてしまうのは当然です。コロナ対策で家にいなければならない時期にも、様々な事情で家にはいられずに夜の街に
CQ出版のインターフェース6月号に「Rustで作る命令セット・シミュレータ」を寄稿しました - FPGA開発日記
インターフェースを毎号買って読んでいる方なら「おいおいこの話は先月号に載せるべき話じゃないのかい？」と言うことに気が付くと思います。私もそう思います。が、どうやら編集担当さんによりページ数のミスが発生した模様（本当かどうかは知りませんが）で、なぜか私の記事が吹っ飛ばされて次号に掲載となりましたとさ。なんじゃそりゃ。 CQ出版さんの雑誌インターフェースの6月号「Rustで作る命令セット・シミュレータ」として原稿を寄稿させて頂きました。ちなみに6月号はどんな特集の内容なのか私も把握していないので、どういう話の流れでRustの特集が挿入されるのか全く知りません。たぶん単発記事として前後に関係なく載るのでしょう。 正直私はRustについてまだまだ初心者で、とても原稿を書けるような技術力の持ち主ではないのですが、C++をメインに使っている人間がRustに移行するために色々と試行錯誤した話だととらえて
名作RPG『グランディア』のHDリマスター版がNintendo Switchで発売開始。Steam版もアップデートでついに日本語に対応
GungHo Americaは、『グランディア』と『グランディアⅡ』のリマスター版『グランディア HDコレクション』のNintendo Switch版を発売した。価格は4400円となっている。 また、すでに国外でPC向けに発売済みのSteam版『グランディア HDリマスター』と『グランディアⅡ HDリマスター』も日本語に正式対応した。それぞれ2200円で販売中だ。 （画像はニンテンドーeショップ 『グランディア HDコレクション』より） 『グランディア』は1997年にゲームアーツよりセガサターン向けに発売されたRPGだ。1999年にはPlayStationに移植された。冒険家を父に持つジャスティンが、仲間たちと世界を股に掛けた冒険の中で成長する姿を描く。 2000年にはドリームキャスト向けに続編『グランディアII』が発売され、シリーズの核となる部分を踏襲しながら、世界観やキャラクターを一新
過去の名作は、今だって名作です。だから今こそ、あの名作RPGの話をしよう
過去の名作は、今だって名作です。だから今こそ、あの名作RPGの話をしよう2020.04.24 18:0021,586 小暮ひさのり Image: © 2019 GAME ARTS/SQUARE ENIX/GungHo Online Entertainment America Character design/Takuhito Kusanagi, Youshi Kanoe 23年ぶりにリメイクしたあのタイトル。 #StayAtHomeの流れもあり、自宅での時間の使い方に悩んでいる方も多いかと思います。こういう時にテレビゲームはやはり頼りになるカルチャーです。 では、こんな情勢の中で、どんなタイトルを遊ぶべきか？ 皆さん悩んでいるのでは？ こういうとき最新作を推すのはゲーム雑誌やSNSに任せるとして、今回は僕の心に残った｢過去の名作｣。それでいて、現代でもプレイ手段のある作品にスポットを当てて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Canonical、「Ubuntu 20.04 LTS」の提供を開始 ～“Microsoft Store”からWSL導入も可能／最長で2030年4月までの10年間サポートされる長期サポート版
GitHub - blitz-js/blitz: ⚡️ The Missing Fullstack Toolkit for Next.js
GitHub - nekoruri/readcgi: 2001年の2ch閉鎖騒動の際のread.cgi CVSレポジトリをGit化したものです。脆弱性等も当時のままですので歴史的資料としてお使いください。
What does the 'rc' in `.bashrc`, etc. mean?
Engadget | Technology News & Reviews