[B! javascript] kalmalogyのブックマーク

Microsoft、Excelカスタム関数としてJavaScriptのサポートを発表

Spring BootによるAPIバックエンド構築実践ガイド第2版何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

kalmalogy 2018/06/12

リンク

700を越えるJavaScriptライブラリを自由に試せるページを作った - 詩と創作・思索のひろば

こちらです ☞ JavaScript Libraries Playground（jQuery 2.1.0 と underscore の例） jQuery や underscore などの JavaScript ライブラリをインタラクティブに試したいとき、最近はブラウザで自分のブログ（ここ）や GitHub など、当該のライブラリがロードされていることを知っているページを開いておもむろに ⎇⌘J（Chrome）！　していたのですがこれは直接的ではないなと思ってそれ専用のページを作った次第です。冒頭の例にもあるように location.search 部に library[@version],… 形式でライブラリを与えてやればページに <script> 要素が追加されて、あとは開発者コンソールなりでお楽しみください、という仕組みになっています。 cdnjs にはかなり多くのライブラリがホストさ

kalmalogy 2014/03/25

リンク

グランブルーファンタジーのコードをちょっと読んでみた - mizchi's blog

なんかすごい無茶してますね。 HTML5で普通に読めるので、適当に読んでみた。都合が悪ければ言ってください > Cygamesさん大雑把にコールしてるライブラリは "jquery","underscore","backbone","easeljs","tweenjs","soundjs","movieclip","preloadjs","loadmanager","pex","typist", "flexslider","finger","socketio","subroute","uaparser" require.js 全体的にrequire.jsに強く依存している。require.jsは r.js使ってまとめてminifyできるんだけど、今回はそれをしていなくて、uglifyか何かで難読化されているだけ。なんだけど、圧縮できない文字列ベースで依存関係を表現しているため、外部から非常

kalmalogy 2014/03/11

リンク

最強オブジェクト指向言語 JavaScript 再入門！

この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。【対象者】・JavaScript でアプリケーションを構築できる方・JavaScript におけるオブジェクト指向プログラミングの実現手法や原理への理解を深めたい方・Java 的なクラスベースの言語との違いに違和感や混乱を感じてらっしゃる方Read less

kalmalogy 2013/07/02

リンク

初心者のためのGoogle Apps Scriptプログラミング入門 - libro

※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。

kalmalogy 2013/02/15

リンク

Textillate.js

About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.

kalmalogy 2013/02/05

リンク

SPEC vol5　| JavaScript、HTML、CSSクリエイターの採用試験 - jsdo.it - Share JavaScript, HTML5 and CSS

AS3.0で﹁合成﹂のアニメーションを作って下さい HTML5, JavaScript, CSS3を使って、カード選択から合成アニメーションまでのUIを考えてください AS3.0で﹁合成﹂のアニメーションを作って下さいサンプルはソーシャルアプリで使われる合成演出のAS3.0テンプレートになります。このテンプレートをアレンジして新しい合成演出を作って下さい。素材はどのように使ってもらってもOKです、自分で演出を付け足してもらっても構いません。今までにない斬新な演出をお待ちしています。︻素材をダウンロード(zip)︼ HTML5, JavaScript, CSS3を使って、カード選択から合成アニメーションまでのUIを考えてくださいサンプルは一般的なソーシャルアプリで使われている合成機能のUIです。ベースとなるカードと素材を選択し、合成を行います。これをHTML5, JavaScript,

kalmalogy 2012/09/28

リンク

要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話

2012 年9月26日追記しました。要約エントリー。元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5のページにある﹁スライドしてアンロック﹂のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。︵ミスなどの指摘は @lowply までお願いします︶もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは﹁再生ボタン﹂を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった2

kalmalogy 2012/09/26

リンク

HTML5でロードオブナイツとかいうゲームを作った - mizchi log

陣取り戦争ゲーで、iPhoneのUnity版からの移植です。ロードオブナイツ - Yahoo!モバゲー http://yahoo-mbga.jp/game/12011436/detailPC(Chrome/Firefox/IE9以上)とスマホ(Webkit)で同じ物が動きます。ヤバゲーとモバゲーでアカウントは共有してるので、どっちからでも入れます。 HTML版としては既存コードとか一切なかったんで、JSに関してはフルスクラッチです。というか全部CoffeeScriptです。ある日会社で楽しくHaskellでKPI計算モジュール書いてたら、﹁UnityのネイティブのゲームをHTML5に移植したい﹂みたいな話が降ってきたので、移植しました。3ヶ月ぐらいで。プラットフォームはモバゲー(スマホ) + ヤバゲーです。HTML5なのは、スマホとブラウザゲーで開発リソースを共通化したかったか

kalmalogy 2012/09/01

リンク

これはすごい！ゲーム開発に最適な高性能JavaScriptアニメーションフレームワーク「CAAT」 - Chrome Life

前回の記事で、200行で作れるHTML5製テトリスをご紹介してたくさんの反響がありました。誰もが知っているゲームを少ないコードで実現していることと、コードが読みやすくてプログラミングのスキルアップに役立つということで関心をもたれたと思います。これを機会に自分でもゲームを作ってみたいと思った方もいるのではないでしょうか？筆者もそのうちの一人です。しかし、フルスクラッチで作るとなるとそれなりに経験が必要ですし、高度な動きを実現するにはどうやって作れば良いのかも分かりません。そこで今回ご紹介するのは、ゲーム作りに最適な、高性能JavaScriptアニメーションフレームワーク﹁CAAT﹂です。︵CAATは、Canvas Advanced Animation Tookitの略︶﹁CAAT﹂は完全なゲームフレームワークとして様々な機能が提供されています。 CAATの機能と特徴オンスクリーン

kalmalogy 2012/07/04

リンク

スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌

QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそうモバイルということで3G回線にも配慮した13KBは嬉しい。今後はローテートやピンチイン・アウトにも対応予定だそう実装はjQueryライクで超簡単。関連エントリたった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」

kalmalogy 2012/06/11

リンク

jQuery++

Hi, I’m jQuery++. I am a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.8 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee. Select the plugins you want and c

kalmalogy 2012/06/06

リンク

enchant.js 怒涛の 100 tips | TM Life

※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思います. 最終的に 100超えちゃったけどw(全部で102個あります) 逆引きてきな感じでまとめてます. 参考になれば幸いです. 全て jsdo.it に移植したので Web上で実行できます!! fork なりダウンロードなりして遊んでくださいな♪♪ Tips Base(基本) 基礎です. enchant.js のテンプレートを用意しよう Entity(エンティティ) 表示物系の基底クラスです. 内部で DOM を持っているので表示は

kalmalogy 2012/03/16

リンク

これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT

Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。インストールはnpmで簡単にできます。まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongo DBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B

kalmalogy 2012/03/08

JavaScript

リンク

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ

Posted: 2012.02.03 / Category: javascript / Tag: jQuery jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。リンク（href）を無効にする画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){ e.preventD

kalmalogy 2012/02/13

リンク

イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery

こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。ということで、jQueryを覚えよう！電卓で入門とか色々考えたのですが、私が覚えた方法で。。myベストイモムシを作ろう！！！！とりあえずあなたのイモムシも用意しよう。ダウンロードとりあえず名前を付けると愛着がわきます。うちの子は﹁クロスケ﹂です。 ↑クロスケ。かわゆす。練習で書いてた時から書き換えてないので、挙動がおかしいのは見逃してください。。つまめます。動きます。顔変わります。などなど。クロスケのjsもブログを書きながら新調してあげようと思います。イモムシのhtml解説これから使うhtmlですので構成や呼び出しているものを一応確認しておきます。 cssやh

kalmalogy 2012/02/03

リンク

http://phonegap.com/

kalmalogy 2012/01/09

リンク

連載インデックス「PhoneGapで始めるWeb→スマホアプリ制作入門」 - ＠IT

HTMLやCSS、JavaScriptだけで、iOS（iPhone／iPad／iPod touch）・Androidアプリを作成できるフレームワーク「PhoneGap」を紹介し、その利点や使い方を連載で解説します PhoneGapでAndroidアプリを作るための基礎知識 PhoneGapで始めるWeb→スマホアプリ制作入門（1）　HTMLやJavaScriptなどWeb技術でiOSやAndroidのネイティブアプリを作れる「ハイブリッドアプリ開発」を紹介します

kalmalogy 2012/01/09

リンク

IT戦記 - Math.floor を使わずに小数を整数にする

少数を整数にしたいような場合たとえば、 0 - 9 のランダムな整数が欲しい場合普通はこう書く var value = Math.floor(Math.random()*10); Math.floor を使わない場合はこう書く var value = ~~(Math.random()*10); 「~」は補数を求める単項演算子で、オペランドを整数変換するので二回やることでオペランドを整数化できるのです。まとめでも、もっといい方法があるかも。皆様なら「どう書く？」のでしょうか。