JavaScript を PNG に圧縮する | Yomotsu net
JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。
AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ - paiza times
こんにちは、吉岡(@yoshiokatsuneo)です。 最近のJavaScriptフレームワークといえばAngular.JSやReact.JSがホットですが、今年来ると思われるフレームワークAurelia.JSが2015年1月末リリースされました。 Home | Aurelia Aurelia.JSはGoogleでAngularJSの開発に関わっていたRob Eisenbergさんが開発した次世代のJavaScriptフレームワークです。 特徴として、最新のJavaScript関連技術であるECMAScript6、WebComponents、Object.observeなどの機能を取り込むことで、シンプルで使い勝手のよいフレームワークになっていることが挙げられます。 オンラインコーディング環境paiza.IOでも利用しているAngularJSとの比較を中心にして紹介します。 ■Aurel
5分で完了！Webサイトに簡単にチュートリアルが作れるIntro.jsの使い方 | ランサーズ（Lancers）エンジニアブログ
こんにちは。 開発部の 神庭（godgarden）です。 先日、サービスの操作説明をするために、操作マニュアル（チュートリアル）ようなものを作りたいって要望があり、少しだけ調べる機会がありました。 操作マニュアル（チュートリアル）といえば、前職の受託システム会社で働いていた時では、ExcelやWordを駆使してゴリゴリ頑張って作っていました。 ただ、画像や文字・図形だけで作られた操作マニュアルでは、細かいところの説明や動きを、エンドユーザー様にうまく伝えることが難しく、電話で補足しないと伝わらないってことも何度かありました。（私のドキュメント作成能力の問題かもしれませんが…） ほかにも、仕様変更や機能拡張などでシステムは日々進化していっているのに、操作マニュアルやチュートリアルは、古いままって状態もありました。ご経験ありますよね・・・？ 今回調べるにあたり、そういった背景やWebサイト/W
node.jsでファイル監視を手軽に行えるモジュール「chokidar」
node.jsにはファイル監視を行えるAPI「fs.watch()」や「fs.watchFile()」がありますが、なんだかんだいろいろめんどくさかったりします。 【参考】Node.js の fs.watch() と fs.watchFile() の違い – てっく煮ブログ そういったメンドクサイ部分を綺麗にラップしてファイル監視を手軽に行えるようにしたモジュールが「chokidar」です。 サンプル スクリプトを起動したカレントディレクトリ(子ディレクトリを含む)を監視して、ファイルの追加や削除、編集などが行われたら通知します。 var chokidar = require('chokidar') var watcher = chokidar.watch('.', { //watch対象ディレクトリorファイル ignored: /[/\]./, //無視する対象 persistent:
無料でGoogleカレンダーからガントチャートが作れる「GANTTplanner」
横に伸びる棒グラフのようなラインを使うことで作業の進捗状況や生産管理が行いやすくなっている表のことを「ガントチャート」と呼びますが、Googleカレンダーに登録している予定をガントチャート化して、一目でタスク管理できるのが「GANTTplanner」です。 GANTTplanner: Turn your Google Calendar into a Gantt chart https://www.ganttplanner.com/ Googleカレンダーからガントチャートを作るには「GET STARTED」をクリック。 GANTTplannerはGoogleカレンダーの情報をインポートするのでGoogleアカウントでのログインを求められます。Googleカレンダーの情報からガントチャートを作りたいアカウントでログインして、「承認する」をクリック。 GANTTplannerのトップページが開
JavaScript Hand Tracking·HTML5/JavaScriptによる手の認識ライブラリ MOONGIFT
CV（コンピュータビジョン）はここ数年でどんどん盛り上がっています。2Dもあれば3Dによる認識もあります。認識精度があがることで、様々なアプリケーション、サービスが生まれてくるでしょう。 まるで映画の中のコンピュータのような世界ができるかも知れません。それをWeb上で手軽に体感できるのがJavaScript Hand Trackingです。 JavaScript Hand Trackingの使い方 こちらがデモです。手の部分が赤い線で認識しています。 動かしても認識が追従しています。 動画によるデモ。手の形を変えても認識しているのが分かるでしょうか。 JavaScript Hand TrackingはWebカメラだけで手軽に手の認識技術が試せ、遊ぶことができます。肌の色は設定で認識幅を調整できるようになっています。 JavaScript Hand TrackingはHTML5/JavaSc
material - マテリアルデザインを行うベースにどうぞ
Googleの提唱するマテリアルデザインはAndroidだけに止まらず広がりを見せています。特にWebデザインは相性が良いようで、フラットにしたけれどクリッカブルな場所が分からなかったり、あまりに簡素化されたデザインでかえってユーザを混乱させてしまうことがあります。 そんな時にマテリアルデザインを使うことでユーザビリティの高いサイトを構築できるでしょう。そこでベースに使ってみたいのがmaterialです。 materialの使い方 materialはフレームワークと言うよりもテンプレートに見えます。 materialはまさにGoogleでよく見られるようなデザインを作ることができます。グリッドなど、フレームワークによくある部品はありませんが、十分にこったデザインのサイトを作ることができるでしょう。 materialはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア
-1: 打ち切りが噂されるGoogle+ | ブログヘラルド
Googleのプロダクト担当上級副社長、ブラッドリー・ホロウィッツは、間もなく、Google フォトとGoogle ストリームを担当することになると発表した。どちらもGoogle+を代表する機能であるため、このソーシャルメディアネットワークの未来を推測する動きが、専門家の間で広がっている。 The Vergeは、今回の方針に関する詳細なレポートを提供している。このレポートによると、フォトとストリームに加え、Google ハングアウトも別箇のサービスとして提供されるようだ。するとGoogle+には何が残るのだろうか？ Google+の利用を止める前に、Google+のチーフアーキテクトを務めるヨナタン・ザンガーが、自身のストリームで、Google+の著名なユーザーのヤーナ・ニューストロムに対して送っていたメッセージを確認してもらいたい。 誤解と推測ばかりが目立ちます。社内の組織の名前が「P
SkyBlue - ミニマム、軽量なCSS3フレームワーク MOONGIFT
Bootstrapは非常に高機能で便利なフレームワークですが、多機能故にカスタマイズがしづらくなっています。自由自在に見た目を変更しつつ、全体の統一感を保つのは至難の業でしょう。そこまでするなら自分でイチから書く方が楽というデザイナーの方は多いはずです。 SkyBlueはBootstrap対抗という訳ではありません。ただBootstrapはあまにも重たいと感じる人にミニマムですぐに使えるフレームワークを目指しています。 SkyBlueの使い方 スクリーンショット多めで紹介します。 グリッド。ネスト対応です。 タイポグラフィ。 引用とコード。 テーブル。 フォーム。 ボタン。 アイコン。Great Stroke Iconsから。 音量などのアイコン。 メール、ゲーム、ロックアイコンなど。 SkyBlueは幾つかのWebサイトにおいて既に実際に使われているとのことです。Sassスタイルでも提供
Introducing StealJS · Bitovi.com
StealJS, The dependency loader of industrial-grade applications. posted in stealjs, in Development, in architecture on March 24, 2015 by Matthew Phillips StealJS is a dependency loader and build tool that solves the most difficult parts of building large JavaScript applications. With it’s focus on simplified workflows and highly efficient production builds, we hope that StealJS is the last module
rainyday.js
About The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Simple enough, right? Have a look at the demos to see it in action. Features rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components. Cross-browse
Headroom.js - Give your pages some headroom. Hide your header until you need it.
Headroom.js Give your pages some headroom. Hide your header until you need it. Or install via npm/yarn: npm install headroom.js --save yarn add headroom.js What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slid
BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript
Welcome to Babylon.js 7.0 Our mission is to build one of the most powerful, beautiful, simple, and open web rendering engines in the world, and we are excited to announce the next step forward in that journey: the release of Babylon.js 7.0. This new version brings a smorgasbord of performance improvements, rendering enhancements, and exciting new features that you will NOT want to miss.
JavaScript でオセロを実装する(ネット対戦編) | Webシステム開発／教育ソリューションのタイムインターメディア
問題 以前、JavaScript でオセロを実装していたのですが、この実装には一つ大きな問題がありました。 AI相手にゲームをするのは、それはそれで楽しいものの、 やはりこの手のゲームは人間同士で対戦したくなるものです。 一応、あの実装は人間同士で対戦できると言えばできるのですが、 同じPCの前に座って交代しながら操作する形になので、色々と不便です。 インターネット全盛のこの時代、やはりネット対戦できるようにしたいですよね。 しかしプレイヤー間の通信やプレイ中のゲームの状態の共有は一体どうすれば良いのやら。 オセロのようなターン制の単純なゲームでさえネット対戦対応するには課題が山盛りです。 どうにかして簡単にサクサクっとネット対戦できるようにできないものでしょうか。 回答 実はFirebaseを使えば簡単にサクサクっと対応できます。 これは JSONなデータを読み書きできるストレージサービ
List.js
List.js v2.3.1 Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything. Hi! I'm Jonny and the author of List.js. I hope you like the lib. I’ve put a lot of hours into it! Feel free to follow me on Twitter and GitHub for news and donate a coffee for good karma ;) Follow @javve Donate a c
hello.js - JavaScript API for OAuth2 authentication and RESTful services
hello.js A client-side JavaScript SDK for authenticating with OAuth2 (and OAuth1 with a oauth proxy) web services and querying their REST APIs. HelloJS standardizes paths and responses to common APIs like Google Data Services, Facebook Graph and Windows Live Connect. It’s modular, so that list is growing. No more spaghetti code! E.g. Try out the next version The next version is a modern rewrite of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブックマーク10周年 - はてなブックマーク
ECharts � Home
GitHub - jakiestfu/Snap.js: A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)
GitHub - mozilla/popcorn-js: The HTML5 Media Framework. (Unmaintained. See https://github.com/menismu/popcorn-js for activity)
