[Electron]Live2Dライクなオープンソースソフトウェアの開発 - Qiita
Live2Dみたいなソフト作りたい 「一枚絵のキャラクターが動いてる！？」 「Live2Dすげぇ」 そんな感動からLive2Dの真似事をし始めた男の話です。 前回の記事で書いた「Live2Dみたいにキャラを動かしたかった男の話」の続きです。 以前からLive2Dっぽいものを作っていたんですが、開発が一区切りついたので記事を書かせてもらいます。 satella.io Live2Dライクなsatella.ioというソフトをElectronで作りました。 UIは、こんな感じになってます。 モデリング（？）とアニメーションを一つのソフトで行うことができます。 WebGLでのレンダリング WebGLは、Three.jsなどのライブラリを使わず開発しました。 というか、Electron以外は一切フレームワーク・ライブラリを使っていません。 正直、途中から「ライブラリ使っときゃ良かった」と思いましたが、
![[Electron]Live2Dライクなオープンソースソフトウェアの開発 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)
JavaScriptのプロトタイプからオブジェクト指向を学ぶ - Qiita
JavaScriptの「プロトタイプ入門」 JavaScriptはオブジェクト指向です。 クラスという概念はないため、 擬似的なクラスの表現を使ったパターンがあります。 ただ今回はそちらではなくプロトタイプベースの説明をします。 その前にコンストラクタについて知らない人はこちらへ。 JavaScriptのクラス？コンストラクタ？ プロトタイプって？ そもそもプロトタイプってなに？ 実は、、プロトタイプとは「オブジェクト」のことなんです。 そして感覚としては親だと思って大丈夫です。 親の能力は子にも受け継がれている。。的なニュアンスですね。 （まぁ意味合いはちがいますがw） prototypeプロパティ ここで新規に関数を生成してみましょう。 そうするとprototypeプロパティが自動で作成されます。 このように関数を生成した時点で、 proto.prototypeプロパティが自動で生成さ
API BlueprintでAPIドキュメントを生成し表示させてみた - Qiita
API Blueprintとは API Blueprintは、APIドキュメントを記述するためのMarkdown拡張で、 多くのツールが公開されており、自動でhtmlに変換したり、mock-serverを立てたりできます。 環境構築 今回は以下の環境で行いました。 ・Vagrant 1.8.1 ・CentOS release 6.6 (Final) ・Node.jsバージョン: v0.10.45 ・nvmバージョン: 0.31.1 今回やりたいこと web上に下記の画面を表示させる 環境構築 それでは行っていきます。 参考サイト：http://dackdive.hateblo.jp/entry/2015/08/07/181723 私が最終的に入れたNodeモジュール モジュール 説明
入門 angular-ui-router - Qiita
angular-ui-router は、AngularJS のルーティング、およびビュー分割プラグインです。 セットアップ CDNJSを利用して、必要なファイル angular.js、angular-ui-router.jsを読み込みます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script> <title>myApp</ti
JSON Web Token の効用 - Qiita
Note: JWT の仕様やそもそも論の話は触れません。どう使うか、何が出来るかしか書いていません。 JSON Web Token? JSON Web Token とは、ざっくりいって署名の出来る JSON を含んだ URL Safe なトークンです。 署名とは、署名時に使った鍵を用いて、JSON が改ざんされていないかをチェック出来るようにすることです。 URL Safe とは、文字通り、URL に含めることの出来ない文字を含まないことです。 これだけだとよくわかりませんが、触り心地としては次のような性質があります。 発行者だけが、鍵を使ってトークンが正しいことを検証出来る。 暗号化ではないので、JSON の中身は誰でも見られる。 仕様的には、暗号化のオプションもあります。 しかしながら、JSON の変更は出来ない。（改ざんをすると、検証時に失敗するので。） 全体的には、なんか変更できな
# CommonJS と ES6の import/export で迷うなら - Qiita
はじめに いつもはes6のモジュール管理方式であるimport/export(ES modules)を使って、npmで手に入れたライブラリや自分で作成したモジュールをロードしているが、たまに思った挙動にならないことがある。また、export defaultしたモジュールをテストしようとしてkarmaでrequire()するとエラーになったりした。そういう場合は、とりあえずmodule.exportsを使ってみるとうまくいったりすることが多いのだが、なぜなのかはあまり考えていなかった。 ということで、実際にはどうなっているのか、またモジュールシステムとは何なのかという点で基本的なことから理解を深めて、es6のimport/exportとの違いを知り、より正しく実装できるようになれば良いと思っている。 結論としては 方針としては基本的にはES6形式で記述するが、CommonJS形式の読み書きが
各社CDN料金まとめ（国内向け） - Qiita
自分用のメモ。 料金を公開しているところのみです。AkamaiさんとかCDNetworksさんとかは、料金非公開というか、契約次第であってないようなものなので対象外です。定額制のところも対象外。あと、社内の稟議とか決済通せそうなところだけにしています。 ※全てGB単価です データ量 Amazon CloudFront 日本 Azure Content Delivery Network Standard ゾーン2 NTT Com Cloudn CDN IIJ GIO コンテンツアクセラレーション KeyCDN Asia fastly Asia-Pacific IDC Frontier コンテンツキャッシュ
【古い記事】Babelにおける import / export - Qiita
2016-01-31追記 この記事を最初に書いた頃は他に何も情報がありませんでしたが、今ではよりだいぶわかりやすい資料が出揃ってきました。しっかりとしたimport/exportの仕様をもっと知りたい場合は下記を参照することを推奨します https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import http://www.slideshare.net/teppeis/effective-es6 http://uehaj.hatenablog.com/entry/2015/11/07/001848 2015/12/05追記 コメント欄より Babel v6 から Babel 公式の transform である transform-es2015-modules-commonjs を使った場合 ES
@kitalyのマイページ - Qiita
高知／ニューヨーク／東京／マニラ／土佐高／SUNY Stony Brook／レアジョブ／BizReach／CodeBreak／プログラミング／登山／エレクトロ／子育て Follow
WordPressサイトをCloudFrontで配信する - Qiita
概要 CloudFrontとは CloudFrontはAWSのCDN(Contents Delivery Network)サービスで、Webサイトの前段に入れるだけでサイトアクセスが爆速になります。爆速になる理由は主に下記2点。 初回リクエストはCloudFrontがオリジンにコンテンツを取りに行きますが、2回目以降は超高速でCloudFrontのキャッシュから返答します。ただし、TTL(有効期間)を過ぎたキャッシュは削除されます ユーザーがアクセスするCloudFrontのエッジロケーションは全世界に54ヶ所(2016年1月現在)あり、ユーザーはネットワーク的に最も近いエッジロケーションに誘導されます。それぞれのエッジロケーションは、超広帯域なネットワークと超大容量なキャッシュ処理機構に支えられており、ユーザーがサイジングに悩む必要はありません メディア暴露によるスパイク、いわゆるxx砲
CSSの基本単位としてremを使うと超絶便利 - Qiita
皆さんはremという単位を聞いたことがあるでしょうか？ 知っている方は「フォントサイズ指定が%とかemとかよりすっきりしたやつ」という印象を持たれているのではないでしょうか。 「remはフォントサイズだけのものではない」という事実を知ると、実はかなり便利な単位だったりします。 詳細についてはこちらのページにも解説・デモがあります。 remとは Mozillaの説明によると、 rem ルート要素の font-size (例えば、html 要素の font-size) です。ルート要素で使うと初期値を表します。 とあります。 html { font-size: 15px; } p { font-size: 1.2rem; } strong { font-size: 1.4rem; } p要素には18px、strong要素には21pxのフォントサイズが適用されます。 emや%だと<p>の中に<s
RailsとReact/ReduxでCMSを作る上でとても参考になった学習コンテンツ - Qiita
自分のHPを作りたいなと思って、 学習の意味も込めてフロントをすべてReact/ReduxとCSS-Modulesを利用して、APIだけRailsを利用して簡単なブログ兼ポートフォリオ的なCMSを作成してみました。 Portfolio client cms 今回React/Reduxでアプリを作るにあたって、とても参考になった学習コンテンツを紹介したいと思います。どれも有料ではあるのですが、React/Reduxアプリを作る上で必要な知識を効率的に学ぶことができると思います。 1. 入門 React (書籍) もう少し古い本ですが、Reactのコンセプトや仕組み、文法を学ぶことができて、タイトルのごとくReactに入門するのにうってつけの本です。 2. Modern React with Redux(動画 *英語) ReactとReduxを利用して基本的なアプリケーションを作る方法を学べま
Golang+Echo+dbrでMySQLのCRUDをする／JSONでDBの値を返却する話 - Qiita
環境 Go :go version go1.6.2 darwin/amd64 IDE :VSCode1.1.0 echo:Echo v2.(beta) MySQL: Ver 14.14 Distrib 5.7.12, for osx10.11 (x86_64) OS:Max OSX El Capitan 俺 :Go初めて2日目 MySQLはHomebrewで入れた。 何ができるか http://localhost:1323/users/ にアクセス(GET)したらMySQLに予め登録してあるユーザ情報を取得してJSONが返される。 とか http://localhost:1323/ にユーザ情報をPOSTしたら情報が登録される。 など dbrについて 本家 https://github.com/gocraft/dbr わかりやすい日本語記事(まとまっています) https://eurie.
Go製のフレームワークechoを使ってJSONを返すWebサーバーを作り、GoogleAppEngineで動かす - Qiita
GoでJSONを返すAPIサーバを作ってみたかったので調べました。 echoとは Goで作られている軽量なフレームワークで、他のものに比べて現在も開発が活発です。最新版はv1.4ですが、v2.0.0betaが出ているので近々バーションアップされるようです。 Echo is a fast and unfancy HTTP server framework for Go (Golang). Up to 10x faster than the rest. https://labstack.com/echo https://github.com/labstack/echo Installation チュートリアルに従ってやってみます。
Wordpressテーマ（Xeory Extension）のテーマカラーをカスタマイズする - Qiita
WordpressテーマXeory Extension(https://xeory.jp/template/xeory-extension/) のテーマカラーで望んだ色がなかったため、追加してみた。 編集するファイルは以下のとおりです。 1.lib/admin/init.php 2.style.css 3.sass/style.scss 全てXeoryExtension内のファイルです。 init.phpの編集 230行目辺りからカラーの設定 配列に以下のようにセット <?php $colors = array( 0 => 'default', 1 => 'color01', 2 => 'color02', 3 => 'color03', 4 => 'color04', 5 => 'color05', ); $color_scheme = trim(get_option('color_sc
HackRFとGNU Radioを使ったオープンソースの BLE パケットスニファ - Qiita
はじめに Bluetooth Low Energy Advent Calendar 2016 6日目担当の @yousuke です。普段はBLE を使ったサービスのサーバサイドの実装を担当しています。 今回はオープンソースの技術を組み合わせて、アドバタイズパケットの受信とコンソール上に表示することのみを目的とした、簡易的なBLEのパケットスニッフィングシステムを作ってみた話を書きます。 背景 BLE 対応のデバイスを始めとして、一般的な無線装置は次のような構成となっており、これらは専用のハードウェアにパッケージングされた状態で販売されています。 いままで、それが当たり前すぎて他の選択肢があるなんていう発想がなかったので気づかなかったのですが、BLEの関連技術を調査している最中にソフトウェア無線の存在を知りました。 どうやら、最近のコンピュータは上記のデジタル信号処理を実行するにあたっての十
API BlueprintでWeb APIのドキュメントを生成する - Qiita
概要 この記事ではAPI Blueprint形式でWeb APIの仕様をMarkdownっぽく記述しつつ、aglioで自動的にドキュメント化してみます。 インストール まずHomebrewでnode.jsをインストールして、npmからaglioのパッケージをインストールします。 (前準備)ダミーのWeb APIを用意する 前準備として、まずはドキュメントを書く対象となる適当なWeb APIを用意します。ここではサンプルとして、以下のサイトに掲載されているPythonのBottleというパッケージで書かれたダミーのRESTful APIを返すサーバを使ってみましょう。 Creating a RESTful Python API with Bottle - Fabrizio (Fritz) Stelluto このサイトのbottle/test2.pyは、最低限のCRUD操作が備わったWeb A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ngAriaモジュールを導入してみた - Qiita
AngularJS入門 - Qiita
Azure VM(リソースマネージャ)のキャプチャを撮ってみた - Qiita