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

yuggrdrasill id:yuggrdrasill

javascriptに関するyuggrdrasillのブックマーク (82)

あれ、いつも書いてるな～というJavaScript の小技集 | バシャログ。
いい加減髪を切りたいminamiです。 JavaScriptでいつも書いてるな～という処理や、知っていると便利なTipsを簡潔に集めた記事を見てほお～と思ったものがいくつもあったので抜粋してみました。 ※追記1‥ ご指摘がありましたので一部修正しました。﹁配列をソートする﹂ではなく﹁配列をシャッフルする﹂でした。 ※追記2‥﹁HTMLをエスケープする﹂のソースがまちがって表示されていました。修正しました。 ※追記3‥予想以上に反響が大きく、多数ご指摘を受けてしまいました。よく使う処理の書き方もいろいろあるんだな～という参考程度にご紹介したのですが、参照元の記事の内容の検証が不十分なまま紹介してしまい申し訳ありませんでした。いろいろと勉強になりました！ 45 Useful JavaScript Tips, Tricks and Best Practices 配列からランダムで値を取り出すv
yuggrdrasill 2014/03/11
javascript

イディオム
リンク
mynameismatthieu.com - contact with domain owner | Epik.com
This domain name registration has expired. If you are the domain owner, please contact support@epik.com to get the renewal taken care of.
yuggrdrasill 2014/02/12
要素が表示された時にアニメーションさせるライブラリcss3使用

javascript

animation

plugin

css
リンク
HTML 5 JavaScript API Index
yuggrdrasill 2014/01/24
javascript

html5
リンク
JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと
JavaScriptはブラウザから簡単に使えるし、jQuery Pluginも簡単に追加できるので、つい基礎をおろそかにしたまま使っていて、ちょっと凝ったことをしようとした時にいつもハマっていました。ということで今回は、独習JavaScriptの第二版を購入して読み進めつつ、ネットのお勧めのドキュメントを見て、補足しながら勉強していったのでそのメモです。 (03/09 21:50) JavaScriptの習熟度を上げるための勉強フローを追加 🍄 [動画] ドットインストールJavaScript入門 JavaScriptを本当に使ったことがない初学者の方にお勧めしたいのがドットインストールの動画。説明が環境構築からスタートしてくれるので、つまずことなく最初の一歩を踏み出すことができます。 😸 [Web] JavaScript基礎文法最速マスタ﹃JavaScript基礎文法最速マスター﹄
yuggrdrasill 2014/01/20
javascript
リンク
マイクロソフトがテストツール「BrowserSwarm」発表
テスト結果はInternet Explorer︵IE︶、Google Chrome、Firefox、Safari、OperaなどのWebブラウザのバージョンごとに合格率が表示される。テストに合格した項目と不合格だった項目は別々に参照でき、修正が必要な個所がすぐに分かるようになっている。 BrowserSwarmのプロジェクトは、jQueryライブラリの開発などに参加しているappendTo、クラウドベースのテスト用プラットフォームを提供するSauce Labs、マイクロソフトのInternet Explorer︵IE︶チームが協力して手掛けている。IEチームは﹁質の高いフレームワークは現代のWebの基盤であるにもかかわらず、さまざまな端末やWebブラウザで横断的なテストができるリソースはあまり存在していなかった。BrowserSwarmでは相互運用性を備えたフレームワークの構築を支援する
yuggrdrasill 2013/09/28
test

javascript
リンク
JavaScriptで日付を扱うならこれ！「moment.js」
■ つかいかた（基礎編）ダウンロードしたmoment.jsをscriptタグで読み込ませたら準備完了です。あとは下記のような実装で使用できます。 // momentオブジェクトを初期化して・・・ var m = moment(); // formatで出力! var output = m.format("YYYY年MM月DD日 HH:mm:ss dddd"); console.log(output); // => 2013年05月15日 12:34:56 Wednesday // 現在時刻 moment(); // ミリ秒で指定 moment(1368543600000); // タイムスタンプ（秒）で指定 moment.unix(1368543600); // Date.parseで解析可能な文字列を指定 moment("May 15, 2013"); // Dateオブジェクトか
yuggrdrasill 2013/05/19
javascript

library
リンク
flipsnap
yuggrdrasill 2013/05/11
Catching Touch event!

mobile

javascript

library
リンク
JavaScriptのコードフローを視覚化するTraceGL
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が最近リリースされ、重要な変...
yuggrdrasill 2013/05/09
便利そうなツール

javascript

debug
リンク
POKER369 - IDN POKER, Situs Judi Poker Online, DominoQQ & Ceme
Mencari situs poker online nomor satu di indonesia tentunya hanya ada di IDNPLAY yang menjadi agen resmi idnpoker terpercaya sejak tahun 2010. Yang sudah berpengalaman dalam melayani dan mem bantu ratusan ribu member bettor poker. Tentunya segala kebutuhan dan kenyamanan member idn poker online menjadi prioritas utama kami selama 24jam penuh. Banyak pula aneka ragam jenis judi online lainnya yang b
yuggrdrasill 2013/03/10
javascript

svg
リンク
Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる
Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる：フレームワークで実践！ JavaScriptテスト入門（5）（1/3 ページ）しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、RubyでWebKitをヘッドレス化するフレームワーク、受け入れテストの記述が日本語でできるツール、スタブやモック、スパイが使えるライブラリを組み合わせたテスト方法などを紹介。 Capybara-WebkitとCucumberとSinon.JSを利用したJavaScriptのテスト本連載の最終回となる今回は、これまでの連載のようなJavaScriptのロジックを単体テストするのではなく、Webブラウザ上の操作と、それによって動作
yuggrdrasill 2013/02/21
javascript

test
リンク
jsconsole
yuggrdrasill 2013/02/21
javascript

debug

tool
リンク
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
yuggrdrasill 2013/02/21
javascript

tool

webservice
リンク
Rubyで書いてJavaScriptに変換·Opal MOONGIFT
OpalはRubyのコードをJavaScriptに変換するソフトウェアです。 JavaScriptはWebブラウザ上で実行できる唯一のプログラミング言語です︵プラグインを使わなかった場合︶。しかしJavaScriptを書きたくない、そう考える人も多いです。もしあなたがRubyプログラマであればOpalを使ってみましょう。テストできるページです。左がRuby、右がその変換したJavaScript。そして下に実行結果が表示されます。 timesも使えます。こんな感じでifを使った出し分けもできます。 OpalはRubyのコードをJavaScriptに変換できるコンパイラーです。構文はRubyのまま、JavaScriptに変換して実行されます。RubyonRailsやjQueryに組み込んで使うこともできるようになっており、実用的と言えるのではないでしょうか。Rubyの全てが実現できる訳
yuggrdrasill 2013/01/27
javascript

ruby
リンク
JavaScript書くときに便利なVimプラギン集 - Life goes on
この記事はVim Advent Calendar 2012の52日目の記事です。前回の記事はasion_mさんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。良い具合に、フロントエンドのお話続きになっており﹁流れがキタ！﹂などと浮かれていたところ、はてなブログが0時から8時まで長時間のメンテに入っており泣きたい気分で一杯になっています。気を取り直して、エントリを書いていきたいと思います。さて、自分は一応JavaScriptを書くことで(または書かない事で)オマンマを食べさせていただいてる訳ですが、そういえばあんまりJavaScript書く環境についてブログに書いてないなーと思い、自分が使ってるJavaScript関連のプラギンと設定なんかを紹介していこうと思います。もちろん、﹁これは常識でしょpgr﹂などというものが多数含まれていることは予想され
yuggrdrasill 2013/01/22
vim

javascript
リンク
Droptiles
Introduction Droptiles is an Open Source Windows 8 Start like Metro style Web 2.0 Dashboard. It builds the experience using Tiles. Tiles are mini apps that can fetch data from external sources. Clicking on a tile launches the full app. Apps can be from any existing website to customized website specifically built to fit the Dashboard experience. Droptiles is built almost entirely of HTML, Javascri
yuggrdrasill 2013/01/10
win8風 design

javascript

metro
リンク
03 | 1月 | 2013 | nacika.com
日頃からJavascriptで開発をしているのにも関わらずあまりテストを書かないので、ここは本格的にテストを書こうと調べてみました。JavascriptのテストフレームワークといったらJsUnitなのかなーと思っていたが、調べてみると結構いろんな種類のテストフレームワークがあったりして、その中で得に人気なのかどうやらJasmineらしい。Jasmine ～ JavaScript Test フレームワークより引用: 今回は, JavaScript のテストを行うためのフレームワークJasmine の紹介です。 JavaScript のテストといえば, JSUnit が有名です。 JSUnit は, JUnit とに似たような, Matcher が利用できたりしてわかりやすいのですが, 開発やメンテナンスがストップしており, またWebプロジェクトに組み込まないと利用できないことがちょっ
yuggrdrasill 2013/01/06
jasmine

javascript
リンク
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
yuggrdrasill 2013/01/04
javascript

programming
リンク
JavaScript殺法 11のリファクタリング - @ledsun blog
JavaScriptを書いていてぶち殺したくなった時によく使うリファクタリングです。 1.定義順を整理 JavaScriptパターンの5.4.1 モジュールパターンの開示を参考に、var、処理、API公開の順に並べなおす。 function () { //宣言 var hoge = 'hoge', fuga = ''; //処理 fuga = foge; //APIの公開 return { hoge: hoge, fuga: fuga }; } 2.戻り値をオブジェクトにする戻り値を増やしたいときにまずオブジェクトに変えてから、値を増やす。型付けが弱い言語は二つ以上の値を返すのが当たり前なのが凄い。 function () { return { hoge: hoge, fuga: fuga }; } 3.戻り値をオブジェクトでなくす﹁戻り値をオブジェクトにする﹂の逆。戻り値を一つし
yuggrdrasill 2013/01/03
programming

javascript

リファクタリング
リンク
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUI UI FrameworksWindows, Modals, PopupsKeyboard WrappersF orm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
yuggrdrasill 2012/11/23
javascript

ライブラリ

まとめ
リンク
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
yuggrdrasill 2012/11/08
iPhone

javascript

framework
リンク
1 2 3 4 5 次のページ