発売から30年以上経っても、いまだに見るだけでワクワクしてしまうファミコンのカセット。今のスマホゲームって30年後、同じようにボクらをワクワクさせてくれるんですかねぇ? ……というわけで、現代のアプリやゲームをファミコンカセットにしてみました(見た目だけな)。 1975年群馬生まれ。ライター&イラストレーター。 犯罪者からアイドルちゃんまで興味の幅は広範囲。仕事のジャンルも幅が広過ぎて、他人に何の仕事をしている人なのか説明するのが非常に苦痛です。変なスポット、変なおっちゃんなど、どーしてこんなことに……というようなものに関する記事をよく書きます。(動画インタビュー) 前の記事:1月中旬くらいの気まずい「あけおめ」をやり過ごす方法 > 個人サイト Web人生
「FlashのStage3D用エンジンAway3DでMMD(MikuMikuDance)のキャラクタモデルを表示する実験をしてみました」ということで、マウスやキーボードの操作で初音ミクを踊らせたり変身!させたりすることができるFlashが公開されています。 Away3DでMikuMikuDanceのミクさんを表示する実験 | Lightheadedness http://nikq.org/archives/303 Flashを表示させるには「Away3Dでミクさんを表示する実験」をクリックします。 マウスドラッグでカメラ移動、マウスホイールでカメラズーム、[S]キーを押すと影のオン・オフを選択でき、[D]キーでFPS表示、[1]キーで待機モーション、[2]キーで不思議な踊り、[3]キーで変身!が可能とのこと。右下の「ClicK Start」をクリックすると開始します。 ミクが現れました。
ずん子ちゃんのMMDモデルをFlashで表示してみた マウスドラッグでカメラを動かせます。(それだけ) ※FlashPlayer 11.2以上が必要です。 ※PCのスペックによってはうまく動かないかも。 ■たわごと■ GWを利用して Flash + Away3D + Starling を勉強。 ずん子ちゃんモデルの表示を目標にしました。 モーションは手抜き。(髪の毛が変な動きしちゃってる…) これが出来れば自作ゲームでバリバリ3Dモデルを使えるぜ! と、思ってましたが そんなに生易しいものではないということが分かりました。 ■使わせて頂いたもの■ FlashDevelop 4.3.0 Away3D 4.1.0 alpha Starling Framework Starling Extension Particle System Particle Editor for Starling Fr
Backbone.jsという、中〜大規模なWebアプリ構築のためのJavaScriptのライブラリを解説します。その機能、使いどころ、Backbone.jsを用いたアプリケーション設計方法が理解できます。
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方) 出典検索?: "ActionScript" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL(2020年12月) ActionScript(アクションスクリプト)とは、アドビの製品であるFlashに使用されるプログラミング言語である。ECMAScriptを拡張した物である。これを用いることにより、動画や音声のプレイヤーの作成など、コンテンツに複雑な処理や双方向性を持たせFlash作品を作ることが可能である。 概要[編集] ActionScriptが初めて搭載されたのが2000年に発売されたFlash 5で、後継バージョンである Flash MX 2004 (
かって、JavaScriptのテンプレートとしてjquery.tmpl.jsが存在した。 jQuery公式サイトにものっていたが、現在はメンテナンスされておらず、公式から削除された。 https://github.com/BorisMoore/jquery-tmpl しかしながら、同じ作者のJsRender、JsViewsといわれるライブラリが後継として存在している。 このドキュメントでは JsRender, JsViewsについての解説を行う。 http://www.jsviews.com/ JsRenderはDOMやjQueryの依存関係なしで、軽量でありながら強力で拡張可能なテンプレートエンジンである。 JsRenderは以下からダウンロードすることが可能だ。 http://www.jsviews.com/#download 実装のサンプルとJsRenderの機能 JsRenderを
それぞれ、このシリーズの後続の回で詳しく触れていきますが、Application、AppRouter、ControllerはViewやModelの間を取り持つ機能を担っています。ItemView、CollecttonView、CompositeView、Region、Layoutはそれぞれ異なった役割で、View周りのコーディングに役立つ機能を持っています。 Marionette.jsにできること Marionette.jsから得られる恩恵は大小さまざまで、細かいものを挙げていくときりがないほどですが、大きなものを挙げるとすれば、次のような点があります。 モジュール化のサポート 開発者が書かなければならないコード量の減少 機能の部分的な利用 モジュール化のサポート Marionette.jsの機能の中で大きなものとして、モジュール化のサポートがあります。モジュール化というのは、ある機能を表
MVC と言えば Apache Struts をはじめとするサーバサイド・フレームワークを想像しますが、 今回は JavaScript による大規模開発の際に採用されるクライアントサイド MVC フレームワーク「Backbone.js」の使い方についてまとめてみました。 (厳密にはクライアントサイドの場合、MVC とは呼ばず MVVM とか MV* とか呼ばれてるようです。) 前提 Backbone.js の構成を簡単に言ってしまうと 単一データの管理を行うモデル 複数件のモデルの管理を行うコレクション 画面の管理を行うビュー の3つの主要モジュールを軸に構成されており、Underscore.js、jQuery(Zepto)に依存するかたちで動作するようになっています。 利用の際は、underscore.js、jquery.js、backbone.js の順で読み込みます。 //cdnjs
Help us understand the problem. What is going on with this article? この記事は「Gunosy Advent Calendar 2014」の21日目の記事です。 Gunosyの広告配信チームでJavascriptおじさんをやってるaitaです。 最近Gunosyに入社しました。フロントエンドエンジニアではない。 今年はMarionette.jsをいろんなとこで使ってたので、Marionette.jsの紹介します。 Marionette.jsの各コンポーネントについては、 ドキュメントとソース読むのが一番だと思うので書きません。 何故、Marionette.jsを使うのか AngularJS使いたくないからというのは半分冗談です。 僕がMarionette.jsを使い始めた理由は、Backbone.jsがもともと採用事例があっ
Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp
Git Advent Calendar / Jun. 最終日(30日目)の記事です.29日目は「いざという時のためのgit reflog」でした. Git Advent Calendar最後なので,git操作でやりがちなミスからどう回復するかをまとめます.他にもあればコメントもらえるとマージしていきます. ブランチを切り忘れてmasterでコミットしてしまった その時点でブランチを切る&reset --hardで間違ったコミットたちをmasterから消す $ git checkout -b new-branch # masterの最新コミットを消す $ git checkout master && git reset --hard HEAD~
Git Advent Calendar / Jun. 29日目の記事です.28日目は@uasiさんの「どこでも使える git diff と git apply」でした. 「間違ってマージしていないブランチを消した」「reset --hard HEAD^*で戻しすぎた」ということがたまにある. しかしgit reflogを使うと(GCされていなければ)過去のあらゆるコミット履歴を見ることができ,git logやgit branchでは辿り着けない時点まで戻すことができる. $ git reset --hard HEAD^^ # HEAD^と指定するつもりが間違えた! $ git reflog f5cb888 HEAD@{0}: head^^: updating HEAD b0b8073 HEAD@{1}: merge @{-1}: Merge made by the 'recursive'
新年 決意を新たに目標を立てるとか。 沢山 目標を立てても達成できないのでシンプルに、 今年の目標は「描く」 コードも絵もたくさん描く。 個人的には決意を新たにするより、 環境を替えるか、付き合うコミュニティを替えるかの方が効果があると思っているのだけれど、年末に一気読みした漫画が凄くよくて、それに感化されてこの目標を立てることにしました。 かくかくしかじか かくかくしかじか コミック 全5巻完結セット (愛蔵版コミックス) 作者: 東村アキコ出版社/メーカー: 集英社発売日: 2015/03/25メディア: コミックこの商品を含むブログを見る 作者の東村アキコ先生の自伝的漫画なのだけれど、美術系の学校に行っていたり、絵を描いたりしてる人だけでなく、 たぶん 「ついやらない理由を考えちゃう人」とか、「つい逃げちゃう人」とかにももグサグサ刺さる内容だと思います。(逃げ恥とか流行ってたけど。
Progate Progateは、イラスト中心のスライド形式でプログラミングを学べるアプリです。学習の中で実際にコードを書くことができるので、実践的なスキルを身につけることができます。100以上の国で使われていて、利用者数は300万人以上の人気アプリです。 HTMLやCSSはもちろん、SQLやPythonなど15種類のプログラミング言語が学べます。環境構築が不要なため、簡単に始めることができます。初級は無料で、入門から基本編は月額990円〜となっています。 Progateのダウンロードはこちら(iOS) Progateのダウンロードはこちら(Android) 言語別の学習方法に関して詳しく知りたい方は、以下の記事をご覧ください。 Javaの勉強方法|独学で入門するための学習のコツとステップアップの流れ SQLの勉強方法|初心者向けに本、入門サイト、学習アプリなどの勉強法を紹介 Kotlin
プログラミングなしでも、アプリ開発ができてしまうというツールをまとめました。まだまだ数は少ないですが、今後もこういったサービスは増えてきそうです。 WEBサイトにおけるブログのように、誰でもアプリが簡単につくれる時代に、なってくると面白いですね。 【2016年2月更新】Shoutem、MobileSmithを追加。�情報を最新にアップデートしました。 【過去の更新】appery.io、アプスタ、Yappli、WindowsPhone AppStudioを追加しました。 国内サービス編 MONACA(モナカ) MONACA HTML5でスマホアプリがつくれてしまうというオープンプラットフォームです。アプリの種類は「iOS」「Android」「Windows」8に対応。すでに2,000アプリ以上が公開されているとのこと。 HTML5ベースで作成するため、iOSとAndroidを同時にハイブリッ
■始めに Edgeで拡張機能が使えるようになったので、Chrome拡張機能として作った拙作の移植をおこなってみました。まずはお手軽に出来そうなln.is block(ソース)から ■参考 本作業を行うにあたり、下記のサイトを参考にさせていただきました。 ゼロからはじめる Microsoft Edge 用の拡張の作り方 – monoe's blog ■修正 1.manifest.jsonにauthorを追加 chromeではなくても問題ありませんでしたが、Edgeではauthorが必須になったようでないとエラーになります。 { "manifest_version": 2, "name": "ln.is block", "version": "1.0.0", "description": "__MSG_manifest_description__", "default_locale": "en
Firefox 48 と Edge(Windows 10 Anniversary Update) が、Chrome拡張機能(extension API)互換のWebExtensionsに正式対応しました 基本は以下のページを参考にしています ゼロからはじめる Microsoft Edge 用の拡張の作り方 – monoe's blog WebExtensions - Mozilla | MDN manifest.json - Mozilla | MDN Extensions: Supported APIs - Microsoft Edge Development Edgeとmanifest.json Edgeではmanifest.jsonの"background"に"persistent"が必要 この書式はChromeでもFifefoxでもエラーは起きない "background": {
今まで Windows10 の新ブラウザは「Project Spartan」と呼ばれていましたが、正式名称が決定したようですね。Windows10 の新ブラウザは… 「Microsoft Edge」となる事が決定しました。 ちなみにこのブラウザの新ロゴはこんな感じ…。 IE の流用じゃねーかー!! Edge という事で、Internet Explorer のロゴにより角が立っています。全く新しくなるよりも、Microsoft のブラウザという事がよくわかるのでこれはこれで良いのかもしれません。 Edge の拡張機能 事前情報より、Microsoft の新ブラウザは Chrome のような拡張機能が使えるようになる予定と報じられていましたが、何と Microsoft Edge 専用の拡張機能となるわけではなく、Chrome や Firefox の拡張機能をそのまま流用できるという驚愕の事実が
Created at: 2016-03-21 Microsoft Edgeのブラウザーに対する拡張がついにWindows 10 Insider Preview build 14291からサポートされました。 サポートされたのですが現状は拡張機能のプレビューということで開発者には特に情報は開示されていません。 この辺りはBuild 2016で発表されるのではないかと思います。 せっかくサポートされたので開発情報はないものの試行錯誤で作ってみます。 作り方も「Google Chrome向け拡張を少しの変更で動かせるようになる」という話は出ていて、 公開されているプレビューの拡張機能も適当なところにぶちまけられたパッケージ化されていないものを読み込む感じなので作れそうです。 というわけで以前から「選択した文字列をGoogleで検索する」機能が欲しいと思っていたのでそれを作ることにします。Goog
Chrome拡張機能を Microsoft Edge の拡張機能に変換する「Microsoft Edge Extension Toolkit」の使用方法 はじめに 先日、Microsoft が Chrome の拡張機能を、Microsoft Edge の拡張機能に変換する「Microsoft Edge Extension Toolkit」を公開しました。 まだ、Preview 版ということで不具合もあるようですが、簡単な拡張機能なら変換可能なようなので実際に試してみます。 Microsoft Edge Extension Toolkit のインストール 「Microsoft Edge Extension Toolkit」は Windows ストアアプリなので、Windows ストアからインストールします。なお、インストール要件は、Windows 10 Anniversary Update
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く