GitHub - getify/Functional-Light-JS: Pragmatic, balanced FP in JavaScript. @FLJSBook on twitter.
This book is a balanced, pragmatic look at FP in JavaScript. The first edition is now complete. Read here online for free, or: "Functional-Light JavaScript" explores the core principles of functional programming (FP) as they are applied to JavaScript. But what makes this book different is that we approach these principles without drowning in all the heavy terminology. We look at a subset of FP fou
ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」:phpspot開発日誌
GitHub - hawk-ip/jquery.tabSlideOut.js: jQuery plugin to create a side/top/bottom tab that slides out to show a feedback form, contact form, notepad etc. ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」 次のように通常はページサイドにしおりのように表示させておいてタップやホバーでコンテンツを表示する、という仕組みの実装が出来ます。 上下左右好きな位置に配置が出来ます 関連エントリ どこかで見たようなモーダルダイアログの実装「draggable-google-modal」 Bootstrapのモーダルダイアログを通知風にページサイドからスライド表示させる「notiModal」
第1回 プログレッシブフレームワーク Vue.js：Vue.js入門 ―最速で作るシンプルなWebアプリケーション｜gihyo.jp … 技術評論社
Vue.jsとは Vue.js（ビュージェイエス）は、インタラクティブなUIを構築するためのJavaScriptライブラリです。Webサイト内のウィジェットや管理画面のダッシュボードといったビュー（view）層に特化しています。設計の特徴としてMVVMパターンに影響を受けています。 Vue.jsは2013年にEvan You氏の個人プロジェクトとして開始、2014年2月にバージョン0.8が正式に公開されます。その後いくつかのリリースを経て、2015年4月にLaravelへの標準搭載決定を機に一気に知名度があがりました。2015年10月に1.0が、2016年10月1日（日本時間）に2.0がリリースされ現在に至ります。 Vue.jsの主な特徴には以下のものがあります。これらによって短期間で実用的なアプリケーションを作成できるため人気を集めています。 シンプルなAPIやHTMLベースの平易なテン
Ruby Hyper Loop
Jika Anda bukan seorang penjudi dan Anda sama sekali tidak terbiasa dengan kasino perjudian tongkat dan batu bata yang Anda pikir ingin Anda coba beberapa perjudian kasino online maka Anda harus sedikit pekerjaan rumah sebelum memulai usaha Anda di dunia perjudian kasino online. Break da Bank Again: Mesin Slot lain yang direvisi dengan ide yang dirubah. Saatnya untuk benar-benar cocok dengan game
図で理解するJavaScriptのプロトタイプチェーン - Qiita
JavaScriptのリファレンスといえばMDNですよね。 JavaScriptで調べものをする際に、真っ先に見る方も多いでしょう。 そんなMDNですが読めていますか？ 例えばArrayのページを見てみましょう。 さらっと書かれているprototype JavaScriptを理解するにはプロトタイプチェーンを知る必要がある 本記事の目的 プロトタイプチェーンを理解する MDNをより読めるようにする JavaScriptのObjectやArrayなどの基本型の構造を理解する 確認環境や記述について Chrome 52のコンソールで動作確認 ES5で記述 説明のしやすさを重視、プロトタイプをあらわすのに__proto__を使って記述 まずはオブジェクトについてみていく シンプルなオブジェクトを作る
Vue.js + Vuexで開発をしてみよう！
Vue.js + Vuex = Magic コンポーネント指向とFlux architectureで始めるモダンフロントエンド こんにちは、フロントエンドエンジニアの蔀です。 ここ数年のフロントエンド開発の潮流の変化は急激で、雨後の筍のように色々なフレームワークが出てきていますね。 8月末には、Mediumでこんな記事が人気になりました。 The State Of JavaScript: Front-End Frameworks と銘打たれたこの記事は、React/Angular/Angular2/Ember/Vue/Backbone といった、近年流行しているJavaScriptフレームワークに関する興味、満足度、知名度などを調査して比較してくれています。 注目していただきたいのが、「Satisfaction（使ってみて満足したかどうか）」の項目です。 近年流行しているReact.jsと
セミコロンは省略？人気スタイルガイドに学ぶJavaScriptのコーディング規則
インデントにタブとスペースのどちらを使うのがいい？ JavaScriptにセミコロンは付けるべき？ JavaScript Standard Styleを使えばそんな論争にけりがつくかもしれません。 最近、注目を集めている@ferossのJavaScriptスタイルガイド、JavaScript Standard Styleを紹介します。チーム内での開発が円滑になり、プログラミングがより楽しくなります。 JavaScriptスタイルガイドのコーディング規約は、タブとスペースのどちらが良いかといった不毛な議論を無くし、コードに一貫性を持たせてくれます。JSLintやJSHint、ESLintといったLinterで使用できる多くのスタイルガイドのうちの1つです。 もしLinterが分からなければ、SitePointの記事『A Comparison of JavaScript Linting Too
OCamlでJavaScriptコードが書ける「BuckleScript」が登場 | OSDN Magazine
米Bloombergは9月1日、OCamlのコードをJavaScriptのコードにコンパイルする「BuckleScript 1.0」を発表した。同種のコンパイル型言語であるTypeScriptと比べて10倍高速にコードをコンパイルできるという。 BuckleScriptは、TypeScript、BabelJSなどに着想を得て、読みやすさと既存のJavaScriptライブラリへの統合のしやすさを重視して開発されたもの。フランスの国立情報学自動制御研究所（INRIA）で開発された関数型言語「OCaml」コンパイラのJavaScriptバックエンドで、スムーズな統合とクリーンなコード生成が可能という。生成されたコードは解読がしやすい上に軽量としている。ライセンスはLGPL。 開発チームはTypeScriptより優れている点として、OCamlが型システムや強固な型推論を持つ点を挙げている。ネイティ
basis.js
Hello world Basis.js uses DOM concept to build interface. Each view or component and their parts is a UI node which has a xhtml-like template with markup. Here is the simplest app that adds single UI node to document body. Note that you can modify the source code of example and see the effect at the right. Loose coupling Usually templates store outside of JavaScript in separate files. View knows n
Plottable - Palantir
Because Plottable handles layout, sizing, and positioning, Plottable charts are easier to create and more reusable than charts built only with D3. And, since Plottable Components are powered by D3, the flexibility of D3 is still available. All Plottable components are usable on their own, so you can take small pieces to add to existing charts, or create charts entirely with Plottable. Plottable cu
Monaco Editor - VS Codeでも使われているWebベースのプログラミングエディタ MOONGIFT
Web上でコードを書けるサービスが増えています。そのままファイルとして保存したり、クラウド上で実行できるようになっています。そうした時にデフォルトのテキストエリアを使っていては全く書く気がなくなってしまうでしょう。 そこで使ってみたいのがMonaco Editorです。Microsoft製のプログラミングエディタVS Codeでも使われているソフトウェアです。 Monaco Editorの使い方 メイン画面です。行番号がついて、カーソル行が分かりやすく囲まれています。 テーマを変更しました。各種言語に対応したハイライタが備わっています。 CSSでテーマをハイコントラストに変更しました。 言語によってはこのようなツールチップ表示もサポートされています。 Diff（差分）エディタもあります。 2画面だけでなく、1画面での表示も行えます。 Monaco EditorはVS Codeでも使われてい
配色が苦手な人に！写真やイラストに使用されているカラーから画像を引き立たせる美しいグラデーションをつくりだすスクリプト -Grade.js | コリス
<script src="path/to/grade.js"></script> <script type="text/javascript"> window.addEventListener('load', function(){ /* A NodeList of all your image containers (Or a single Node). The library will locate an <img /> within each container to create the gradient from. */ Grade(document.querySelectorAll('.gradient-wrap')) }) </script>
JavaScript中級TIPS - Qiita
文字列リテラル HTMLを含む文字列を生成する際に便利なため、囲む時はシングルクォート'hoge'がよい セミコロン 末尾にセミコロンをつけなくても解釈してくれるが、バグを生む可能性があるのでセミコロンはつけるように習慣化する ES6のclass記法のメソッド末尾にはセミコロン不要 同値比較 基本的に===をつかう。==だと寛容過ぎる解釈のため、バグを生むことがある。 短絡評価 hogeFuncの引数にtrue相当の値が入ってきた場合、 ||の右側は読まれない。 hogeFuncの引数にfalse相当の値が入ってきた場合、 （false, null, undefined, NaN, "", 0） ||の右側を読みにいく。 function hogeFunc(e){ e || console.log('piyo'); } hogeFunc(1); // 何も出力されない。もし短絡評価がなけれ
なぜReactive Extensionsを導入するのか？｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
小飼です。LINEのプログラミング言語マスコットスタンプを濫用しています。 以前このブログでも触れましたが、現在弊社ではRxJSを本格的に活用してクライアントサイドアプリケーションを作成しています。 RxJSのクライアントサイドにおける有用性は、UIイベントの世界でコードを構築する側としては比較的すんなりと理解しやすいですが、 サーバーサイドやマネジメントレイヤーのメンバーなど、チーム内の別のポジションのメンバーには必ずしも理解しやすいとは限りません。 そこで、クライアントサイド以外のチームメンバー(もしかしたらビジネスレイヤーである顧客にも)にも、導入のメリットが把握できるように、RxJSの元となっているReactive Extensionsについて簡単にまとめました。 本稿ではReactive Extensionsの導入指南書である、Introduction to Rxを参考に、なぜR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト
AnyChart JS - Interactive Cross-Platform JavaScript HTML5 Charts, Maps, Stocks and Gantts for your project
IBM Developer
GitHub - mcsoto/LogicJS: Logic programming for JavaScript.
Recursions without names: Introduction to the Y combinator in javascript
GitHub - facebook/create-react-app: Set up a modern web app by running one command.
