3DコンテンツをWebブラウザで表示できるWebGL/HTML5ゲームエンジンです。 自動車コンフィギュレーターや建築パース、メタバース、インタラクティブ広告など非ゲーム系案件での採用が拡大しています。 開発もブラウザで完結し、使用言語は学習ハードルの低いJavaScript。複数人での同時編集が可能なためチームでの効率的な開発に最適です。
![PLAYCANVAS | 自動車コンフィギュレーターや建築3Dビューワーでの導入多数、WebGLゲームエンジン](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9ce94d3d938f6795cf5f5e298df600115528df2/height=288;version=1;width=512/https%3A%2F%2Fplaycanvas.jp%2Fogp.jpg)
3DコンテンツをWebブラウザで表示できるWebGL/HTML5ゲームエンジンです。 自動車コンフィギュレーターや建築パース、メタバース、インタラクティブ広告など非ゲーム系案件での採用が拡大しています。 開発もブラウザで完結し、使用言語は学習ハードルの低いJavaScript。複数人での同時編集が可能なためチームでの効率的な開発に最適です。
これは良いアイディア! HTMLでテーブルはよく使われます。検索結果やレポーティングなど活躍の幅は広いです。そしてデータを表示する際に、重複した項目はセルを連結して表示するでしょう。しかし、colspan/rowspanをシステムで動的に設定するのは非常に面倒です。 そんな時に使ってみたいのがjQuery Rowspanizerです。指定したテーブルを解析し、重複部分を連結してくれます。 jQuery Rowspanizerの使い方 元の表示です。 このようになります。 JavaScriptで処理を行ってくれるならば、システムはすべての行を出力するだけで良くなります。jQuery Rowspanizerが行ってくれるのはrowspanに限定されますが、同様の仕組みでcolspanに適用するのも難しくなさそうです。 jQuery RowspanizerはjQuery/JavaScript製の
はじめに 今更ですが、JavaScriptのasync/awaitに関する備忘録になります。 「今まで$.Deferred()やPromiseなどで非同期処理は書いたことがあるが、async/awaitはわからない」 「$.Deferred()やPromiseなどの非同期処理の書き方より、もっと簡潔に書ける書き方があれば知りたい」 「今までの非同期処理の書き方と比べて何が良いのかわからない」 といった人達向けの記事です。 $.Deferred()やPromiseなどで非同期処理を書いたことがある前提のため、非同期処理自体に関する説明は記載しておりません。 記載している利用例のコードはChrome(最新)のコンソール上で動きますので、コンソール上で実行して動作を確認してみると理解が深まりやすいと思います。 本記事で用いている用語 Promiseを返す Promiseオブジェクトを返すこと。
はじめに Electronをご存知でしょうか. Electron(旧称: Atom-Shell)は, Atomエディタを開発するために生まれたクロスプラットフォームデスクトップアプリケーションエンジンです. Node.js + Chromiumをランタイムとしており, Atomだけでなく, Slackや先日のBuildで発表されて話題となったVisualStudio CodeもElectronで実装されています. いわゆるWeb系の技術, Node.js + HTML + CSSでアプリケーションを作成できるのが特徴です. 類似した思想のフレームワークとして, node-webkit(NW.js)もありますが, アプリケーションのエントリポイントの考え方等が異なります. このエントリでは, Electronの使い方をサンプルアプリを実装しながら説明していきます. お題 このエントリのお題と
JavaScriptで指定したURLを別ウィンドウで開くコードを紹介します。 概要 JavaScriptでURLを開く場合は "window.open()"メソッドを利用します。新しいウィンドウでURLを開く場合は第二引数のtargetに"_blank"または、ターゲットウィンドウの名称を指定します。 実装例:相対URLの例 コード 以下のHTMLファイルを作成します。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <h3>JavaScriptでウィンドウを開く</h3> <p>JavaScriptで指定し
スクロールに合わせて、ナビゲーションをアクティブにしたいライブラリを探してみると、たーくさんあったので、メモ。 探せばどんだけでも出てくる感じだけど、自分の求めている物になかなか辿り着けない。。 Swiper http://idangero.us/swiper/ デモ:http://idangero.us/swiper/demos/ ScrollSpy https://github.com/makotot/scrollspy デモ:https://codepen.io/makotot/pen/YyRXOQ サブメニューにも対応 VanillaJS ScrollSpy https://github.com/ederssouza/vanillajs-scrollspy デモ:https://www.cssscript.com/demo/scrollspy-smooth-scroll-libra
どうも、まさとらん(@0310lan)です! 今回は、簡単なJavaScriptコードだけでTrello風の「タスク管理ボード」を開発することができるライブラリのご紹介です! 非常にカスタマイズ性が高く、自分好みのタスク管理アプリを構築したい人などには最適でしょう。 コードも簡単で初心者の方もすぐに理解できると思うので、ぜひ参考にしてみてください! 【 jKanban 】 ■「jKanban」の使い方 それでは、まず最初に「jKanban」を利用するための準備から始めていきましょう! 必要になるのは専用の「JS / CSS」ライブラリで、GitHubからそれぞれ取得して読み込むだけなのでお手軽です。 これらのライブラリは次のようにHTMLへ追記しておけば準備完了です。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>j
Note: TweenMax has been deprecated in GSAP 3 in favor of the streamlined gsap object. It has 50+ new features and is almost <strong>half the size!</strong> GSAP 3 is backward compatible with the vast majority of GSAP 2 features including TweenMax. Please see the Migration Guide for details. TweenMax lets you animate literally any property of any object that JavaScript can touch (CSS, SVG, React, V
jQueryのコードといえば、$(document).ready(function() {}で書くのがお決まり。でもそのコードの書き方はもう古いかもしれません。 jQueryでreadyメソッドはDOMが完全にロードされたタイミングでコードを実行するように実装されていました。このメソッドはすべてのDOM要素が利用可能になった時点で所定の関数を実行するので、要素へ確実にアクセスしたり操作したりできます。 jQuery 3.0がリリースされるまでは、次のように無名関数で使うのが一般的でした。 $(document).ready(function() { // Handler for .ready() called. }); jQuery 3.0での「ready()」メソッドの変更 jQuery 3.0のリリースまでは、readyメソッドを呼び出す方法はいくつかありました。 document要素
// コンソールオブジェクトを取得 var console_obj = window.console; // 出力テスト console.log(console_obj);
Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel. It is also an indispensable prototyping tool to show working app prototype as soon as possible in case you need to. With such stunning set of UI components that Framework7 provides right from the box, it allows to create web apps, progressive web apps (PWA) and iOS and Android apps wi
Download MIT Licensed, v1.4.1 released on February 5, 2019 |Changelog Template7 is a mobile-first JavaScript template engine with Handlebars-like syntax. It is used as default template engine in Framework7 It is ultra lightweight (around 1KB minified and gzipped) and blazing fast (up to 2-3 times faster than Handlebars in mobile Safari). Download and install Template7 First of all we need to downl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く