JavaScriptでファミコン風2Dゲームが作れる無料のWeb開発環境「Bitmelo」を使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上に2Dゲームを開発できる環境を提供してくれる無料のWebサービスをご紹介します。 ゲームを作るのに必要なキャラクターの作成や効果音などの音作りから、ステージの作成やゲームロジックのプログラミング・ファイルへの書き出しまですべて統合されているのが大きな特徴です。 ゲームを作ってみたいと考えている人は、ぜひ参考にしてみてください！ 【 Bitmelo 】 ■「Bitmelo」の使い方 それでは実際に使いながら、どのようなサービスなのかを見ていきましょう！ 「Bitmelo」は面倒なユーザー登録などは一切不要で、以下のURLにアクセスするだけですぐにブラウザ上にゲーム開発環境が起動します。 ＜BitmeloURL＞ https://bitmelo.com 「Bitmelo」はゲーム開発に必要となる以下の要素をすべて自由に作れるのが大
2019年前半の「JavaScriptをちゃんとやるための地図」（追記あり）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。BPS社内勉強会の発表を元に、社内JavaScript勢の皆さまのお力を得て記事を書きました。 目的 JavaScriptをたまにしか使わない私ですが、それもあってなおさら書くときに迷いに迷います。 ネットの情報多すぎ、動き激しすぎ、選り分けるにしても指針が欲しい 古いコードや毒入りコードを拾って食あたりや、泥舟に乗って沈没するのを少しでも避けたい 最初の一歩をどこから踏み出すかの手がかりが欲しい そういったわけで、2019年前半と区切って、一度JavaScript世界について門外漢ならではの「大きな絵」が欲しかったのでした。ここに書いたことの中には来年には古くなっているものあるかもしれません。 ただ、社内のJS勢の話を総合すると、JavaScript世界は数年前に比べるとかなり落ち着きつつあるとのことです。この機会にということで、主に自分のために現在の
Googleも推奨！アニメーションライブラリTweenMaxの使い方 入門編 — un-Tech
ごきげんよう。フーミンです。 「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強（僕の中で）JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム「GSAP」のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。 同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer
魔導師になって兵士を操作してJavascriptを覚えよう！っていうCodeCombatが面白い | バンクーバーのうぇぶ屋
僕は色々勉強しなきゃ行けないのは分かってるんだけど、勉強しなきゃなーとか言いながらズルズルとしてしまう人で、気づけばゲームばっかしてるような人間なんです。 もはや、WEB屋兼ゾンビキラーとか名乗った方がいいんじゃないかとこのまえ友人に冗談半分で言われましたが、そのくらいゲームは結構好きなんですね。（先月はCOD2のOriginsやりこんで、今はGTAVやってます…） そんな、学ぶの面倒だけどゲームは好きって人に、もしかしたらオススメできるかもしれない、CodeCombatというJavascriptを学ぶサイトを今日はご紹介させて頂ければと思います！ 内容は至って簡単で、ゲームをすすめる為にはJavascriptでコードを書かなきゃならないって感じの物。それっぽいのはいくつかありましたが、ちょっととりあえずやってみましょう。 とりあえず、PLAY！ どうやら僕はウィザードとしてプレイするよう
絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave
[読了時間:2分] 「アプリやウェブサイトがどんな風にプログラムされているか知りたい」「プログラミングしてみたい」そう思う人がジワジワ増えている。TechWaveでは、そんな初心者の夢を実現するのに最適といえるUEI(ユビキタスエンターテインメント)の「enchant.js」に注目してきたが、そのバイブルとも言える教科書本「HTML5とJavaScriptでスマートフォンゲーム作成！ ゼロからはじめるenchant.js入門【公式ガイド】」が遂に発売となった。 若干技術用語が入ってくるが、検索しながら、かつ投稿コンテストサイト「9leap」などで公開されている大量のサンプルコードを見ながら進めれば表題の通り3時間あれば誰でもゲームを作れてしまう良書だ。「またまた、マスダさん御冗談を」という人も是非書店で手に取って頂きたい。 プログラミングの興奮を全ての人に 実際、enchant.jsでは小
Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー
Titanium Mobile は JavaScript で iPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3)：Web技術でネイティブアプリを作れるTitanium（2） - ＠IT などに解説があります。 少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリは こんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり･･･という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の
[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me
IE6にも対応した、DOMエレメントをLightboxのエフェクトで表示するjQueryのプラグインを紹介します。 Lightbox_me - Stupidly Simple Lightboxing Lightbox_meは他のLigtbox系スクリプトのソリューションにはない特徴をもっています。 DOMエレメントをLightbox化。 ウインドウのリサイズ時はオーバーレイもリサイズ。 ドキュメントがウインドウよりサイズが小さい場合はオーバーレイのサイズを変更。 全てのブラウザで固定配置（fixed）で表示。 ウインドウがモーダルボックスより小さい場合は固定配置（fixed）が自動的に絶対配置（absolute）に切り替え。これによりユーザーはスクロールが可能に。 そして、軽量でシンプル、という素晴らしい特徴も備えています。 対応ブラウザはIE6+, Fx2.5+, Safari, Chr
グーグルのJavaScriptツール集大成「Google Closure Tools」
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
データ ＆ アナリティクス | アクセンチュア
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
MOONGIFT: � Web上で音声入力を可能にする「w3voiceIM.js」:オープンソースを毎日紹介
音声入力というのはずっと昔からあるわりには一般的な普及が進まない技術だ。もちろん、何らかの障害がある方々の間では利用されているが、もっと一般に普及しなければよりよい技術革新やコスト低減などが臨めないのではないだろうか。 単語の認識精度は高い そんな中、一つのきっかけになり得るソフトウェアが登場した。なんとJavaScriptを埋め込むだけで音声入力が可能になる。 今回紹介するオープンソース・ソフトウェアはw3voiceIM.js、Web APIを使った音声認識ライブラリだ。 w3voiceIM.jsはw3voice.jpで提供される音声認識エンジンをJavaScriptだけで利用できるようにするライブラリだ。テキストボックスやテキストエリアに対して利用可能で、オブジェクトをダブルクリックすると音声入力のダイアログが表示される。 Pukiwikiに組み込まれた例。テキストエリアに音声入力でき
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
JavaScriptで出来たシューティングゲーム「Spacius!」:phpspot開発日誌
Spacius! A Space Adventure JavaScriptで出来たシューティングゲーム「Spacius!」 サウンドも鳴ります。 関連エントリ JavaScriptでマリオカート JavaScriptマリオ
画像にメッセージを埋め込むflickr見たいな機能のJavaScript
画像に領域を作成して、メッセージを残せるようにするJavaScript。 ダブルクリックすると領域を作成し、ツールチップを表示する。 そこにメッセージを残せばその領域にメッセージが表示される仕組み。 ちょっと面白いものが簡単に導入できるかもしれないですね。 jsは以下に サンプルは以下です。 Tipmage 表示の方法は以下。 <img src="image.jpg" id="mainImage" /> <script type="text/javascript"> var tipmage = new Tipmage('mainImage', true); tipmage.startup(); tipmage.setTooltip(150,80,40,30,'I've been up here! Ha ha! ;)'); tipmage.setTooltip(200,185,50,20,'
画像にGoogleMapみたいにズームできる機能をつけるJS「shiftzoom.js」:phpspot開発日誌
shiftzoom.js (zoom and pan functionality) shiftzoom.js 1.0 allows you to add zoom and pan functionality to oversized images on your webpages.画像にGoogleMapみたいにズームできる機能をつけるJS「shiftzoom.js」 大きい画像をズームできるようにして詳細を見れるようにする場合に使えます。 画像左上の＋、−アイコンでズームします。 拡大時には右下に全体が現れて、どの部分を拡大しているかがわかります。 色々とアイデア次第で面白いことが出来そうですね。
ねこすけLPO
ねこすけLPOは（株）ねこすけが公開するLPOツールです。 現在 無料ASP版、ねこすけCMS組み込み版、効果検証ツールnecotora(ねこトラ)組み込み版の３種類があり、このサイトでは無料ASP版を紹介しています。 なお、この無料ASP版はオープンソースとしてソースコードが公開されております。 無料ASPでは機能が足りない、自社向けにカスタマイズして運用したいという方はソースコードをダウンロードしてご利用ください。 LPOツールは検索エンジンなどのサイト外から最初にアクセスされるページ（これをランディングページといいます）のコンテンツをきっかけによって動的に変更するツールです。 JavaScriptによってコンテンツの一部を書き換え、「あなたの欲しい情報はここにあります」ということをアピールするツールです。 「LPOツールのイメージをつかみましょう」 をご覧頂くと具体的に機能
JavaScript++かも日記 - 1997年からの
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
JavaScript++かも日記 - 1997年からの
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
MOONGIFT: » Web2.0時代（？）のJavaScriptデータベース「Taffy DB」:オープンソースを毎日紹介
Ajaxを使ってWebアプリケーションを作っていくと、徐々にJavaScript側で行う処理が増えていく。データベースを内部において、Ajaxで通信しても良いが、さらに手軽にしようと思ったらJavaScript自体でデータベースを扱えると手軽だ。 データの形式はJSONで良いだろう。後は自由に操作できれば良い。そのためのライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはTaffy DB、JavaScriptデータベースだ。 Taffy DBはJSONで作ったデータを、SQLのように自由に検索、追加、更新できるソフトウェアだ。データの操作結果をAjaxで飛ばして保存するようにしておけばWebアプリケーションとして面白そうだ。 検索はイコール、ノットイコール、前方一致、後方一致、以上、以下、正規表現、ライク検索などが利用できる。結果はオブジェクトではなく、行のインデックス値が入っ
優雅なWeb制作のためのJavaScript「yuga.js」:phpspot開発日誌
inputlog - yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScript バージョンアップはこそこそしていたりする優雅なWeb制作のためのJavaScript yuga.jsの0.5.1を公開します。 優雅なWeb制作のためのJavaScript「yuga.js」のバージョンアップがなされたようです。 csshappylife さんによる デモページをみると、なかなか便利そうです。 以下のようなことが出来るようです。 画像のロールオーバーを簡単にする機能 外部リンクは別ウィンドウを自動で設定 画像のリンクをthickboxで開くよう簡単設定 偶数、奇数行を自動で色分け ページ内リンクのアニメーション機能 サイト作成時の面倒な部分の作業を軽減できそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
