shundroid さん プロフィール

  •  
shundroidさん: asterisk.js
ハンドル名shundroid さん
ブログタイトルasterisk.js
ブログURLhttp://polaris-bear.lolipop.jp/shunroom/
サイト紹介文Web大好き!Gulp、TypeScript、など、Webプログラミングのいろいろ
自由文こんにちは。
shundroidです。
ブログでは、javascript、CSS、HTMLから、Typescript、Gulp、node.jsまで、Web関連を幅広く掲載していけたらと思います。
参加カテゴリー
更新頻度(1年)情報提供21回 / 365日(平均0.4回/週) - 参加 2015/12/31 12:35

shundroid さんのブログ記事

  • electron-vue で生成したプロジェクトで electron-connect を使う
  • こんにちは。今回は electron-vue で生成したプロジェクトで、BrowserProcess 側、RendererProcess 側、両方のコードのリロードをさせる方法を紹介します。コードのリロードは、electron-connect を利用します。こちらで紹介されていました。すごく便利です。 Qiita 115 usersぼくのかんがえたさいきょうのElectron - Qiitahttp://qiita.com/Quramy/items/90d61ff37ca1b95a7f6d# はじめに(http://electron.atom.i [続きを読む]
  • 【Javascript】線の点・太さ(lineWidth)から、輪郭の座標を算出する
  • こんにちはー。更新が遅れてしまいすみません。あけましておめでとうございます。今年もよろしくお願いします。今回は、線の点・太さから、輪郭の座標をとる方法を紹介します。HTML5 Canvas の stroke() メソッドを、SVG などを使わず、自分で実装する感じです。なお、自分で考えて手探りでやってみた方法なので、もっと効率のいい方法があるかもしれません。なぜやりたいのかmatter.js というライブラリがあり、それを使って、マ [続きを読む]
  • 【MIDI】セカオワの Error の間奏を作った
  • こんにちは。今回は SEKAI NO OWARI 「Error」の間奏を作りました。音がピコピコしていて、すごく好きな部分です。メロディ部分は音が多すぎて、自分で全部わからなかったので、https://www.youtube.com/watch?v=gX3keesEbp4上の動画を参考にし、それをピコピコ音に変えました。ベースとドラム、最初の音は自分で耳コピしました。よかったら聞いてみてください。 [続きを読む]
  • ハルスター・アクション(beta)
  • 2014年〜2015年にかけて作っていたゲームです。Unity で作りました。イラストは友達が作りました。ルールマリオのようなアクションゲームです。ステージにあるぶどうを集めたりしながら、ゴールを目指します。操作方法←・→ : 移動SPACE : ジャンプゲームを進めると、そのほかのアクションができるようになります。ダウンロードこの 作品 は クリエイティブ・コモンズ 表示 ? 非営利 ? 改変禁止 4.0 国際 ライセンスの下に提供 [続きを読む]
  • 【Emscripten】 C++ でJSの関数を関数ポインタとして使う
  • ものすごく久しぶりの投稿となってしまいました。すみません。今回は、Emscripten で C++ を実行するときに、JSの関数を関数ポインタとして登録し、それを呼び出せるようにする方法を紹介します。実行環境Ubuntu 14.04.5 LTSemcc 1.36.0clang version 3.9.0やりたいことJS の関数を set_js_listener 関数を使用して登録するcall_listener 関数を呼び出した時、登録した JS の関数を実行する手順1: set_js_listener、call_listener [続きを読む]
  • Webpack で Ace(Brace)を使うとエラーが出る
  • こんにちはー。Ace、便利ですよねー!js で作られたテキストエディタで、Webアプリで「ちょっとコード打つとこ作りたい」とかいうときに使えます。さて、今回はこれを、Webpack から使って、まとめられるようにしたいと思います。brace を使う GitHub 2 usersthlorenz/bracehttps://github.com/thlorenz/bracebrace - browserify compatible version of the ace editor.普通の ace を、Browserify で使えるように [続きを読む]
  • エスケープシーケンスで、既存の行、文字を書き換える
  • こんにちはーVim は、ターミナル上で動くアプリですが、カーソルの位置を変えて、既存の行、文字の内容を上書きしたりできます。こういうのって、どうやるのかなあと調べていたら、どうやら、エスケープシーケンスというのを使うらしいです。というわけで、使ってみました。目的ターミナル上の既存の行、文字を書き換える方法エスケープシーケンスを使用して、カーソルを動かすカーソルを動かしてみる絶対座標でカーソルを変更しま [続きを読む]
  • WindowsのGVim をかっこよくする
  • 仕上がり※ Vim-airline というプラグインを使用していますが、  その方法はまた今度説明します。各種設定をする.vimrc に追加します。ない場合は、ホームディレクトリに、.vimrc というファイルを作ってください。" 行番号を表示set number" 対応する()、{}、[]をハイライトset showmatch" 折りたたみ(任意)" indent の数で折りたたむよう設定set foldmethod=indent.gvimrc に追加します。ない場合は、ホームディレクトリに、. [続きを読む]
  • WindowsだけれどVim使ってみた
  • こんにちはー。Vim、いいですよね〜〜〜〜キーボードですべてが完結しちゃうところがかっこよくて、僕も使いたくなりました。今回は、Windows でかっこ良く Vim を使う方法を紹介します。Vim を使う時の条件Vim を使う方法はいくつかあります。「かっこ良く」ということで、いくつか条件を用意しました。背景を透過できるかっこいい colorscheme が使える(256色表示できる)バグがないプラグインを入れられるConEmuで使いたかった [続きを読む]
  • js で文字列が色かどうかを見分ける方法
  • こんにちはー。js から css の backgroundColor や、color など、色を指定することがよくあります。しかし、その時、色でない文字列が backgroundColor などに指定されると、正しい結果になりません。今回は、色である文字列が指定されているかを判別する方法を紹介します。やりたいこと次のサンプルを見てください。See the Pen Jsで文字列が色かどうかを判別する by shundroid (@shundroid) on CodePen.0textbox に、blue や rgb [続きを読む]
  • 【Canvas】mousemoveのタイミングで円を描くときに円が離れてしまう問題
  • こんにちはー。前回、arc を使って描いた時、円が散らばらないようにする方法を紹介すると書いたので書きます。 asterisk.js 【JS】Canvasで丸や四角で「消す」方法http://polaris-bear.lolipop.jp/shunroom/575こんにちはー。題名のとおり、Canvas の「消す」機能で、丸などに形を変える方法を紹介します。「消す」機能についてまずはじめに、消す方法としてのルールを書いておき...まず、下の例を見てください。うまく [続きを読む]
  • 【JS】Canvasで丸や四角で「消す」方法
  • こんにちはー。題名のとおり、Canvas の「消す」機能で、丸などに形を変える方法を紹介します。「消す」機能についてまずはじめに、消す方法としてのルールを書いておきます。白く塗る はダメ!(背景が白でない場合があるため)消した部分は透明になるようにする。実装のポイントcontext の globalCompositeOperation を、destination-out に変更すると、fill や stroke で指定した領域を 切り取る ことができます。また、このプ [続きを読む]
  • js の正規表現で、「完全一致」でマッチする
  • こんにちはー。機会があって、正規表現で「完全一致」のテストの方法が知りたくなりました。今日はその方法を紹介します。どういうことがしたいのか/abcde/.test("abcde"); // true/abcde/.test("abcdef"); // これも trueこのような場合だと、1行目のようなテストする文字列がパターンと同じ場合、 true になりますが、含んでいる場合(2行目)も true になってしまいます。これを、2行目が false になって、1行目だけ true [続きを読む]
  • voidを使えば、アロー関数 で{}が省ける。
  • こんにちはー。今、void を使えばアロー関数で{}がいらないんじゃないか説が、ふと頭のなかを通り過ぎて行きましたので紹介いたしますー。「void 演算子で、アロー関数の {} がいらない気がする」ということです。普通に {} はずせばいいのでは?まず、通常のアロー関数の{}なしの使い方です。普通の関数がどんどん短くなっていく過程をご覧ください。// function 式var a = function (a) { return a + 2; };// アロー関数にそ [続きを読む]
  • 【Rx.js】画像を非同期に読み込むサンプルコード
  • こんにちはー。非同期の処理をいい感じに使える js のライブラリないかなーと探していたら、Rx.js というのを見つけたので、それを使ったサンプル?を紹介します。Rx.js とは?.NET 向けの Reactive Extensions を js 用に移植したもの。ぼくは、最初 .NET の方を使っていて、「それの js 版があったらいいな〜」と思っていたらピンポイントであったという感じですー。コードの概要では、今回書いてみるコードの概要を紹介します。 [続きを読む]
  • Sphero.js で、指定した時間だけ orb.roll をしたい
  • しばらく投稿してなくてすみません。Cities Skylines にハマっていました。え? 動かないんじゃないのだって?VAIO の設定で、CPU を静かさ優先 -> パフォーマンス優先にしたら、なんとか動きました。こんなに違うんだ・・その代わり、パソコンがあったかい〜☆し、めっちゃうなっています。めっちゃ重いけど、めっちゃ面白いです。さて、今回は、Sphero を Node.js から動かせるというすぐれもの、Sphero.js に関する Tips ですー [続きを読む]
  • Cities Skylines やりたいけど重すぎるよ・・
  • Cities Skylines、めっちゃ面白いです!!↓の記事でも紹介しました。 asterisk.js Cities: Skylines がセールだったから買ってみたhttp://polaris-bear.lolipop.jp/shunroom/451やっとクリスマスプレゼントが買えました!!Cities: Skylines です。Steam で、旧正月セールが行われています。Cities: Skylinesも、60%Off で売られていたので、買い...しかし、人口が 7000 人(少なっ!)になって、もう使いものにならな [続きを読む]
  • 暗号化はなぜ大切なのか
  • この前、Mozilla Japanの記事で、暗号化の大切さがわかるビデオが紹介されましたので、共有したいと思います。最近、Apple に対して、米国政府が、セキュリティ保護をぬけ出すバックドアを作るなどと命令したことで、暗号化の話題が広がっているように感じます。データが暗号化されずに送信される場合、他の人に知られたくない個人情報や、サプライズも、すべて第三者にわかってしまいます。暗号化の重要さが、改めてわかりました [続きを読む]