QuakeJS - あの名作QuakeをEmscriptenでWeb化
QuakeといえばFPSゲームの傑作ともいえる存在です。DOOMにはなかった高さの概念を組み入れ、多人数での対戦ができるなど、ゲームとしての面白さに満ちています。すでに20年以上前のゲームのようですが、今なお多くのユーザに愛されています。 そんなQuake 3をベースにオープンソースとして作られたIOQUAKE3を、EmscriptenでWebにポーティングしたのがQuakeJSです。 QuakeJSの使い方 ゲーム画面です。Webながらちゃんと遊べるレベルで描画されます。 敵はコンピュータですが、かなり強いです。 QuakeJSの対戦は何度死んでもやり直せる仕組みです。武器やアイテムはそこら中に存在するので、それらを拾い集めて敵を撃ちまくります。60FPS出ていますので、動きはまったく問題ありません。Webブラウザだけで遊べるのがとても嬉しいです。 QuakeJSはJavaScript製
OpenJSCAD - JavaScriptで描く3D CAD
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 3D CADは元々専門家のものでしたが、3Dプリンターの普及に伴って、一般のデザイナーやプログラマでも扱うようになっています。慣れないと造形が難しいですが、3DはゲームやVRでも利用できる技術なので、今後可能性が広がる期待ができるでしょう。 そんな3D CADとしてOpenJSCADを紹介します。ユニークなのはWebベース、そしてJavaScriptでプログラミングできることです。 OpenJSCADの使い方 メイン画面です。中央にレンダリングされたモデル、右側にそれを描画するためのコードが表示されています。 マウスで回転、ズームできます。 パラメータをその場で変更できます。 複雑なモデルもJavaScriptで書けます。 マウスで描く方式の場合、プログラマではなかなか手が出しづら
Encryptic - 暗号化して保存されるWebノートアプリ
Webサービスとプライバシーは常に相対する存在です。個人のデータを預けるというのは信頼がおけるサービスでないといけません。データ漏洩なども頻繁に発生しており、その度に個人情報が危険にさらされています。 防ぐための手段として、サーバ側のデータを暗号化する方法があります。今回は暗号化に対応したノートアプリ、Encrypticを紹介します。 Encrypticの使い方 アカウント作成時に秘密鍵を生成します。 メイン画面です。左側にノートの一覧、右側がエディタになります。 画像をアップロードできます。 ノート中に埋め込みも可能です。 設定です。 タスクを作ることもできます。 Encrypticは秘密鍵を使うことでサーバサイドに暗号化された状態で保存されます。ユーザごとに鍵は異なるので、他人にデータを読まれる心配はいりません。ノートやタスクを書けるので、普段使いのメモ帳としてぴったりではないでしょう
ReactとAngular、使うならどっち？ JavaScriptギークが6つの視点で徹底比較 - エンジニアHub｜Webエンジニアのキャリアを考える！
ReactとAngular、どちらを選ぶべきか？ 使用するJavaScriptフレームワークを選ぶ際、この2つはよく比較対象に挙がります。しかし、両者の特徴をよく理解していなければ、選定は困難でしょう。 今回は、両フレームワークが具体的にどんな強みを持っているのかを、Reactの専門家 小林徹さんとAngularの専門家 稲富駿さんに解説してもらいました。両フレームワークの設計思想から使用において考慮すべき点、今後実装される予定の機能まで、利用者が気になるポイントを網羅しています。 JavaScriptギークである2人のノウハウ、ぜひ選定の参考にしてください！
GitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. Doc-Rot is a Catch-22 that Mermaid helps to solve. Diagramming and documentation costs precious developer time and gets outdated quickly. But not having diagrams
簡単にガントチャートとかクラス図とか書けるやつ - Qiita
mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre
Top 5 : Best free jQuery and JavaScript Dynamic Gantt Charts for web applications
See our collection from 5 of the best free dynamic (non static gantt charts) Gantt charts JavaScript plugins. If you are working in project management or have a position that involves scheduling tasks and resources, then the therm Gantt chart won't probably sound unknown for you. With a Gantt chart you will have, at your disposal, a very clear view of all the activities scheduled, how long each ac
タスク、プロジェクト管理の表示に便利なガントチャートライブラリまとめ
業務システムでは各人員のタスク管理が重要になります。単発のタスクだけでなく、グルーピングしたり、さらにあるタスクの成果物が他のタスクに関連したりしていると必要になってくるのがガントチャートです。 今回はWebベース、HTML5で作られたガントチャートライブラリをまとめて紹介します。自社システムに組み込む際にぜひ参考にしてください。 Twproject Gantt Webサービスのガントチャートも提供していますが、オープンソース（MIT License）で取得もできます。チャート内での変種機能、クリティカルパス設定、リサイズ、スクロール、SVGによるドロー、ドラッグ&ドロップによる移動などの機能がサポートされています。 Twproject Gantt jQuery.ganttView シンプルな色合いのガントチャートです。ドラッグ&ドロップ、スクロール、イベントのハンドリングなどの機能があり
rustynes - Rust/WebAssemblyで作られたファミコンエミュレータ MOONGIFT
プログラムを覚える上でWikiや掲示板を作ってみるのは良いネタですが、バイナリファイルの扱いを覚えたりする時には何を題材にすると良いでしょうか。敷居は高いですがチャレンジしてみて欲しいのがファミコンエミュレータです。 多くのプログラミング言語でファミコンエミュレータが作られていますが、今回はWebブラウザ上で動作するrustynesを紹介します。 rustynesの使い方 音も流れます。 特に問題なく遊べます。 幾つかのROMが用意されていて、すぐに遊べます。 rustynesはRustで開発されており、WebAssemblyで提供されています。そのため、Webながら申し分ない速度で動作します。ついにWebブラウザであってもここまでのレベルに達したのかと驚くはずです。ぜひお試しを。 rustynesはRust製のオープンソース・ソフトウェア（MIT License）です。 rustynes
OpenPlayerJS - 動画と音楽に対応したメディアプレイヤー
HTML5になってvideo、audioタグが追加されました。これらのタグを使うことで動画や音声ファイルをWebブラウザ上で扱えるようになりましたが、そのUIはとても貧弱です。素のままではとても使いづらいでしょう。 そこで使うのがサードパーティー製のライブラリです。今回はシンプルで軽量なOpenPlayerJSを紹介します。 OpenPlayerJSの使い方 利用例です。ツールはしばらく経つと非表示になります。 動画の速度を変更できます。 音楽だけの再生もできます。こちらもスピード変更が可能です。 OpenPlayerJSは動画再生前の広告再生にも対応しています。字幕表示などの機能はありません。YouTubeなどに比べるとシンプルですが、多くの場合これで十分でしょう。音楽のスピード変更機能は嬉しい人が多そうです。 OpenPlayerJSはTypeScript製のオープンソース・ソフトウェ
GitHub - timovn/js-keyboard: JS-based virtual keyboard
JS-based virtual keyboard. You can use it as a bookmarklet by using this link : javascript:s=document.createElement('script');s.id='r6109_vkbsgp';s.type='text/javascript';s.src='http://lehollandaisvolant.net/tout/dl/virtual-kb/keyboard.js?french,false';document.head.appendChild(s);void(null); – Change the french to the name of the layouth you want (the list of supported layout is below) – change t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://react-etc.net/page/best-node-js-alternatives-to-wordpress-in-2018
Slant - 15 Best Node.js-based CMS as of 2024
ガントチャートライブラリ「Gantt-Chart」にテキストを追加する - 情報の科学私記
GitHub - techlab/jquery-smartwizard: The awesome jQuery step wizard plugin
GitHub - nhn/tui.virtual-keyboard
12 Awesome jQuery Virtual Keyboard Plugins | Learning jQuery
GitHub - Mottie/Keyboard: Virtual Keyboard using jQuery ~
ColorPicker - 十分な機能を備えた小型カラーピッカー
GitHub - ColorlibHQ/gentelella: Free Bootstrap 4 Admin Dashboard Template
