[B! JavaScript][javascript] [20ページ] wate

Better Javascript Promises

This is a repost of an old article from 2014 that was lost in a blog migration but I think is still relevant. It shows how differently the javascript promise probl em could have been solved. This was written before async await became a thing, and before the function coloring probl em was given its name. This proposal would have solved the promise probl em without the coloring, but alas, it wasn't lik

wate_wate 2014/04/26

JavaScript

リンク

ARAHTOGEL ~ LINK PAITO HK DAN PREDIKSI HONGKONG JITU AKURAT 99%

ARAHTOGEL ~ LINK PAITO HK DAN PREDIKSI HONGKONG JITU AKURAT 99% Selamat Datang Di Situs Arahtogel link Prediksi Hongkong akurat dengan Toto 4D lengkap yang menyediakan paito hk dan prediksi hk tercepat di Indonesia. Situs ini menyediakan banyak permainan dan pasaran togel yang populer seperti hongkong dan sdy. membuat pengalaman bermain togel anda menjadi luar biasa dengan jaminan pembayaran penuh

wate_wate 2014/04/25

JavaScript

リンク

Game Mechanic Explorer

A collection of concrete examples for various game mechanics, algorithms, and effects. The examples are all implemented in JavaScript using the Phaser game framework, but the concepts and methods are general and can be adapted to any engine. Think of it as pseudocode. Each section contains several different examples that progress in sequence from a very basic implementation to a more advanced impl

wate_wate 2014/04/25

リンク

[JS]一味違ったアイデアでレスポンシブ対応のテーブルを実装するスクリプト -Responsive tables

サイズが変更されても、ハイライト表示はできます。 Responsive tablesの使い方 Step 1: スタイルシートスタイルシートをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/rwd-table.min.css"> </head> Step 2: スクリプトスクリプトを</body>の上あたりに記述します。 <body> ... <script type="text/javascript" src="js/rwd-table.js"></script> <script> $(function() { $('.table-complex').responsiveTable({ adddisplayallbtn: true, addfocusbtn: true, fixednavbar: '#n

wate_wate 2014/04/24

javascript

リンク

JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ） - Qiita

はじめにこの記事では、関数型プログラミングを強力に後押しするライブラリ、 Underscore.jsとlodashを紹介します。両ライブラリとも_で使用できます。ほかのライブラリにも依存せず、現在フロントでもサーバでもかなり人気なライブラリです。個人的にもこれなしでは。。といった必須なライブラリとなっています。また、Backbone.jsといった人気なフレームワークが、 Underscoreに依存していたりします。 Underscore.js GitHub: https://github.com/jashkenas/underscore Document: http://underscorejs.org/ 和訳: https://github.com/enja-oss/Underscore lodash GitHub: https://github.com/lodash/lo

wate_wate 2014/04/23

javascript

リンク

JavaScriptのスタイルガイドまとめ(おすすめ4選) - Qiita

はじめにスタイルガイド自体は各々のルールでかなりの数が存在しますが、下記のおすすめ4選を押さえておけば問題ないと思います。おすすめ４選 Google JavaScript Style Guide Googleによる、最も代表的なスタイルガイドです。時間のない方は、これだけにでも目を通しておく事をおすすめします。 JavaScriptのBad Partsについても述べられています。英語：https://google.github.io/styleguide/javascript guide.xml 日本語：http://www38.atwiki.jp/aias-jsstyleguide2/pages/1.html Closure Linterを使用することで、チームでの統一がしやすくなります。グーグル製JavaScript文法チェッカー jQuery JavaScript Styl

wate_wate 2014/04/23

JavaScript

リンク

RulersGuides.js demo

RulersGuides.js is a Javascript library which enables Photoshop-like rulers and guides interface on a web page To create a guide, click the vertical or horizontal ruler and drag-n-drop it somewhere outside the ruler It is possible to open/save created guides as grids using corresponding hotkeys (Note: grids will be saved on a page location basis, so it's not possible to use the same grids in anoth

wate_wate 2014/04/22

JavaScript

リンク

JSZip

JSZip is a javascript library for creating, reading and editing .zip files, with a lovely and simple API. Current version : v3.10.1 License : JSZip is dual-licensed. You may use it under the MIT license or the GPLv3 license. See LICENSE.markdown. Example var zip = new JSZip(); zip.file("Hello.txt", "Hello World\n"); var img = zip.folder("images"); img.file("smile.gif", imgData, {base64: true}); zi

wate_wate 2014/04/20

JavaScript

リンク

Tern

Tern is a stand-alone code-analysis engine for JavaScript. It is intended to be used with a code editor plugin to enhance the editor's support for intelligent JavaScript editing. Features provided are: Autocompletion on variables and properties Function argument hints Querying the type of an expression Finding the definition of something Automatic refactoring Tern is open-source (MIT license), wri

wate_wate 2014/04/20

JavaScript

リンク

WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術

DeClang 誕生！Clang ベースのハッキング対策コンパイラ【DeNA TechCon 2020 ライブ配信】

wate_wate 2014/04/20

リンク

ripple.js - A framework for creating reactive components

ripple.js A tiny foundation for creating reactive components with interpolation, data-binding, and plugins. It's simple, flexible and easy to extend. Download (0.3.2) View on Github Built by Segment.io

wate_wate 2014/04/19

リンク

vis.js

vis.js community edition * A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d.

wate_wate 2014/04/16

javascript

リンク

JavaScriptユーティリティライブラリの紹介

紹介したライブラリは全て Node.js に対応しています $npm install underscore $ npm install underscore.string $ npm install moment $ npm install sugar

wate_wate 2014/04/15

JavaScript

リンク

可視化ライブラリD3.jsの設計が素晴らしすぎる。 | 三度の飯とエレクトロン

最近名前を聞くことが多くなってきたD3.jsを試してみています。まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。データを与えればグラフが表示されるというような単純なものではないので、敷居が高く感じていましたが、設計を知るほどによく出来ていて驚きます。 D3.jsとは何か？そもそも、D3.jsとはなんでしょう？ D3.js – Data-Driven Documents D3.jsは、データをブラウザで可視化するためのライブラリです。単なるグラフライブラリではなく、もっと抽象的な「可視化」を扱うのが特徴です。抽象的なレイヤーを扱うので、ライブラリと言っても機能より設計が重要で、D3.jsが支持されている理由はその設計の素晴らしさにあります。実際に描画しながら、その設計の違いについて考えていきます。企業の時価総額と営業利益の関係をプロット例題として、企業

wate_wate 2014/04/14

JavaScript

リンク

cutjs - cutjs

Your go-to resource for engaging and informative content across a wide range of interests. Welcome to cutjs Welcome to cutjs.Stay Updated on Business Trends and DevelopmentsCutjs provides news and insights on entrepreneurship, market movements, management strategies, and industry updates to keep readers informed about the evolving business landscape.

wate_wate 2014/04/14

javascript

リンク

ナウでヤングな CSS Font Loading - Qiita

Web フォントがレンダリングされるタイミングを得ようとすると、そのやんちゃな挙動を制御するため人類は今まで下記のような対策をしてきた。 Web FontsをHTML Canvasで使う canvas要素にwebフォントを確実に描画する方法 typekit/webfontloader 無知な僕は同様の事象にハマり、一通り調べた後、下記の答えにたどり着いた。 canvas に WebFont を指定するとき、一回どこかの DOM で使う WebFont をレンダリングしておかないと死に至る現象を発見したので皆様もお気を付けください — ダメレオン (@damele0n) April 10, 2014 要するに DOM もしくは canvas 上で、そのフォントが指定されていて一度そのフォントがレンダリングされてからでないと canvas 上はレンダリングされない、ということだ。 (ちなみに

wate_wate 2014/04/12

リンク

JavaScript OCR demo - クライアントサイドだけで実現するOCR

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました JavaScriptでOCR！ HTML5にはカメラにアクセするAPIが用意されています。それによってWebカメラを使った動画チャットが幾つか作られています。しかしその使い方しかないのでしょうか。もっと面白い使い方が考えられるはずです。 Webカメラの映像を動画として捉えるのではなく、撮影した画像として考えるともっと利用できる幅が広がるかもしれません。そんな可能性を感じさせる一つがJavaScript OCR demoです。 JavaScript OCR demoの使い方 JavaScript OCR demoはその名の通り、全てクライアントサイドだけで実現しています。画像を取り込み、明るさをハイライトを自動調整して二値化することでOCR精度を高めています。英数字であればそこそこの

wate_wate 2014/04/10

リンク

JavaScriptの関数定義 - Nao Minami's Blog

こんばんは、south37です。最近はEffective JavaScriptを読んでるのですが、知らなかった事がポロポロ出てくるので、とても勉強になっています。これからはちょいちょい、そーやって勉強した事をまとめていけたらいいなと思います。って事で、今日は関数定義の話をしたいと思います。関数宣言と関数式 JavaScriptにおける関数定義には、大きく分けて3つの方法があります。 function文を使う方法(関数宣言) function演算子を使う方法(関数式) Functionコンストラクタを使う方法 1と2が一般的によく使われる方法ですね。 // 方法1 function multi(x, y) { return x * y; } // 方法2 var multi = function(x, y) { return x * y; }; // これも方法2 var multi

wate_wate 2014/04/09

JavaScript

リンク

The Condition

In a world where urban landscapes are constantly evolving, the value of a property is not just determined by its current structure but also by the potential it holds for transf ormation. Imagine an old, dilapidated building that once stood as a testament to history but now serves as nothing more than an eyesore. What if we told you this neglected space could be reborn into something spectacular? We