なんとなく思ったことを書く 「アメリカだと日本ほど競技プログラミングに取り組んでる人いない？」 これについて思ったことでも書いてみよう ちなみにわたくしは競技プログラミングやってなくて、Paizaでたまに問題を解くくらいである。 個人的に思うのはそ…

www.amazon.co.jp シスコンのアニキと妹JKのギャグ漫画 10年ほど前に少し読んだけど金欠になり途中から読めていなかったのだが ふと読みたくなって一気読みしてしもうた。 実に面白かった。 まず登場するJKがとにかく可愛い。 作者はJKを書くために進化した…

英語ができない以上はどうやって学ぶかなんてわからないという話でしかないけど 色んな人が英語はこう学んだ方がいい！というのを見ていると千差万別なので 結局は自分が納得できる方法でいいのだろうと思っている。 英語をいちいち日本語にするのがダメなん…

間違いやすい問題 男子6人、女子4人の合わせて10人がおります。 このグループの中から、3人を選びます。 少なくとも1人は女子である選び方は、全部で何通りですか？ これの答えは「100通り」 よくやってしまうミス とりあえず女子1人を選んで、さらに残りの9…

英語は前置詞が入ったり、入らなかったり謎が多い。 感覚で覚えてみようと思いもしたけど、脳みそが理屈脳なので あえて文法とか品詞とかいろいろ分析してみるスタンスでやってみようかなと。 品詞がわかればなんとなく理解しやすくなる気がしたし とりあえ…

ゲームプログラマーになる前にという書籍はとても良書なのだが、なにぶんちょっと古い書籍のためサンプルプロジェクトが最新の環境で動作しないようなので、Windows 10 Visual Studio 2019において、以下から取得したVisual Studio 2012用のプロジェクト起動…

とりあえずメインカメラにアタッチするだけで動く using System.Collections; using System.Collections.Generic; using UnityEngine; public class TargetCamera : MonoBehaviour { // Inspectorから設定 public GameObject ViewTarget = null; public floa…

UnityのShaderLabでライティングをしているとき、ライトの方向ベクトルってどっち向いてるんだろうと思って色として表示してみました。 まぁライティングの結果を見れば想像はできるのですが、もっと愚直に確かめないとしっくりこない子なのです。 half4 Lig…

ブラウザで動く事は確認したけど、Node環境でうまくいくかの動作検証はできてない状態 概要 webpackを使ってTypeScriptで書かれたライブラリをブラウザ向け、もしくはNode向けにバンドルしようと思ってあれこれしてみた備忘録 webpack.config.jsでoutputの設…

ejs.render(str, data, options) EJSのテンプレート文字列とデータを指定してHTMLを生成する関数。 前回の記事で使ったメソッドはこれ。 let ejs = require('ejs'); // テンプレートとデータを用意 const str = '<%= enemies.join(", "); %>'; const data = …

EJSはJavaScriptでHTMLを作成する事ができるHTMLテンプレートエンジン。 いろんな記事を見ているとだいたいGulpとセットで使われている記事ばかりだったので そういう余計なものは使わず、とりあえずEJS単品の動作について見ていこうと思う。 ブラウザでも動…

create-react-app.dev ガイドにある通りでyarn add node-sassとしてnode-sassを追加するだけで SASSが使えるようになりました。

create-react-app.dev ガイドによると CSSの任意の場所に@import-normalize;を追加して下さい って書いてある しかし、追加してみても全然リセットされないんですが！ gist.github.com 仕方ないので別な方法を探した結果、↑の記事を発見。 yarnでnormalize.c…

Create React Appで作成したプロジェクトに、追加でパッケージをインストールしてもいいの？ というお話 結論からいうとOK 公式のドキュメントには 他の依存関係を追加したかったら、普通にnpmとかyarnでインストールしても構わないよ って書いてある 例えば…

Node.jsでXMLHttpRequestを使おうとしたら以下のエラーがでて怒られた。 ReferenceError: XMLHttpRequest is not defined XMLHttpRequestは、Webブラウザーの組み込みオブジェクトで、Node.jsには含まれていないみたい つらい Node.jsで使いたければ個別にイ…

Babel 設定ファイル Babelの設定ファイルとは、BabelでどのようにJavaScriptを変換するかを定義したもの。 設定ファイルの作成 Babelの設定ファイルはプロジェクトのルート(package.jsonがある場所)に babel.config.jsonというファイルを作成するだけで、こ…

Babelとは何か BabelはJavaScriptのコンパイラ 新しい構文で書かれたJavaScriptを古いブラウザでも動作するように変換するのがBabel。 Babelの主な仕事 JavaScriptコードを変換する ポリフィル(最近の機能をサポートしていない古いブラウザでも、新しい機能…

お気に入りのNPMパッケージメモ json-server - npm jsonファイルを用意するだけで簡単に疑似REST APIサーバーを作成できる。 開発時に適当なREST APIが欲しい時に使う。 dat.gui - npm Three.jsのサンプルページの右上などにあるUnityのInspector的なUIを実…

Create React App はじめに Create React Appを使えば webpackやbabelなどのツールをインストールしたり設定したりする必要がなく Reactをサクッと始める環境が整えられる。 アプリケーションの作成 Nodeのバージョン8.10以上が必要らしいので、予めインスト…

npm コマンドメモ すぐ忘れてしまうのでnpmのコマンドをメモしておく。 バージョン > npm -v > npm -version 初期化 > npm init このコマンドを実行するとプロジェクト名などを入力するモードになり、入力を追えるとpackage.jsonが作成される。 また以下のよ…

やること webpackを導入しつつ、実際にwebpackを使って 複数のソースコードを１つのファイルにバンドルしてみる。 実行環境 node v10.10.0 yarn 1.22.0 最終的なディレクトリの中見 root ┣ node_modules ┣ public ┃ ┣ index.html ┃ ┗ js ┃ ┗ bundle.js ┣ src…