Vue.js入門その５〜マークダウンのリアルタイムプレビューをつくる〜 | RE:ENGINES
はじめに 久しぶりのVue.jsに関する記事です。 今回は、以前記載させていただきました、JQueryとmark.jsでマークダウンのリアルタイムプレビューをつくるを書き換えたいと思います。 今までの記事はこちらになります。 Vue.js入門その１〜基本文法〜 Vue.js入門その２〜Vueインスタンスってなんぞ？〜 Vue.js入門その３〜簡単にTODOアプリを作ってみたよ〜 Vue.js入門その４〜TODOアプリにサーバーサイドを追加してみる〜 環境構築 JSFiddleを使用します。 設定方法などはVue.js入門その１〜基本文法〜をご参照ください。 Vue.js: 2.2.1 marked (cdn.js): 0.3.6 lodash.js (cdn.js): 4.17.4 marked.jsの設定 CDNのロード JSFiddleの左側、External ResourcesでCD
生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | POSTD
(編注：2016/07/29、いただいたフィードバックをもとに記事を修正いたしました。) 免責事項： 私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツールについては他のシリーズで話します。 React.jsが騒ぎを起こしているのはご存知の通りです。確かに、 XMLHttpRequest 以来の良いツールです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に 圧倒された だけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、 他に必要なのは React の使い方を説明してくれる人だけです。 喜んでください、それがまさに当シリーズでやろうとしていることです。信じられませんか？大丈夫、 2分後、 初めてのReactアプリを作った後には納得いただけるでしょう。何もダウンロードせずに、です。
[WIP]これからの生JS & jQueryとの付き合い方 // Speaker Deck
All slide content and descriptions are owned by their creators.
![[WIP]これからの生JS & jQueryとの付き合い方 // Speaker Deck](https://cdn-ak-scissors.b.st-hatena.com/image/square/186eb2a82940b59c5c92c3099669ab595a939682/height=288;version=1;width=512/https%3A%2F%2Fspeakerd.s3.amazonaws.com%2Fpresentations%2Fe8eb376a63b64293987c99a6574d8363%2Fslide_0.jpg)
Learning Advanced JavaScript
Double-click the code to edit the tutorial and try your own code. This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig. Our Goal Goal: To be able to understand this function: // The .bind method from Prototype.js Function.prototype.bind = function(){ var fn = this, args = Array.prototype.slice.call(arguments), object = args.shift(); return
Alasql.js - オンメモリで動作するJavaScriptデータベース MOONGIFT
JavaScriptを活用したWebアプリケーションを開発している際に、一時的に保存したいデータをどのように扱うかは大きな問題です。何となく変数や配列、ハッシュに保存してしまいがちですが、そのデータの取り出しや更新が面倒だったりします。 そこで使ってみたいのがAlasql.jsです。JavaScriptだけで作られたクライアントサイド向けのSQLデータベースになります。 Alasql.jsの使い方 使い方の例。データを配列で放り込んで、SQLで取り出せます。 デーブルの作成を含めてSQLが書けます。 データはlocalStrageに保存することもできるので、再読込時に復元も可能です。 Alasql.jsはHTML5仕様の中で検討されていたWeb SQLとは異なる実装で、オンメモリで動きます。高速で動作し、かつデータはlocalStrageに保存しておくこともできるので容量は小さいながらも永
jsとcssで等身大ディスプレイ上にスマホの挙動を再現してみた｜CyberZ 公式エンジニアブログ
CyberZ 公式エンジニアブログ アドテクや最新のテクノロジーについて情報発信していきます ブログトップ 記事一覧 画像一覧 【ビッグデータ入門･･･ » jsとcssで等身大ディスプレイ上にスマホの挙動を再現してみた 2014-04-01 11:15:47 テーマ：ブログ こんにちは、2013年新卒エンジニアの鈴木です。 今回は、エンジニアの挑戦について紹介したいと思います。 メイン業務であるF.O.Xの開発と平行して、オフィスのエントランスのコンテンツ開発を行いました。CyberZのオフィスは2013年10月に移転し、それに合わせてエントランスに最先端な仕組みを取り入れています。 例えば、受付電話の部分にはセンサーを設定し、誰かが電話に近づくと目の前のモニターが切り替わり、機械音声で話しかける仕組みを作っています。 受付の機械音声の他、エントランスの一面を巨大なスクリーンと見立て、C
Nightwatch V3 | Node.js powered End-to-End testing framework
One framework for all platforms Mobile webTest on your web apps on real mobile devices, and scale easily by connecting to cloud grids Native mobileTest your native iOS and Android apps with Nightwatch Real desktop browsersTest on real browsers which accurately reflect your users’ environment Searching for bugs just got easy PinpointIdentify the source with the built-in HTML reporter with test stat
新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) - Qiita
Todoリストの機能 1.テキストボックスから、Enterで追加できる 2.登録したTodoはダブルクリックで編集可能になり、Enterで編集確定できる 3.登録されているTodoの総件数がフッターに表示される 4.完了したTodoがある場合、それらをリストから消すボタンが表示される 5.全選択/解除を行うチェックボックスがある 個人的な結論 趣味開発で使うならAngular.js・仕事で使うならKnockout.jsをお勧めしたい。 まず、フレームワークを選択する際は、以下3つの選択基準を持つとよいと思う。 1.開発の規模 大規模ならBackbone.jsはお勧めできる。 書き方が決まっていて、チュートリアルに目を通せば(面倒なのは置いておいて)何を作らなければならないかは簡単に理解できる。そこそこの人数で長い時間の開発を行うなら、UIチームはアプリケーションとView、サーバーサイドは
JavaScriptのエディタ、Aceがなかなかすごい件 - tsuge development page
※2013年6月22日追記※ なぜかこの記事に「javascript エディタ」の検索ワードで来る人が非常に多く記事内容とマッチしておらず申し訳ないので、javascriptの開発環境を求めて来てしまった人用のまとめを作っておきました。 JavaScriptのエディタ/IDEまとめ http://matome.naver.jp/odai/2137182325409098101 上のまとめはJavaScript製エディタを求めてきた人用のリンクも少し置いてあります。 ちなみに自分はチープな開発環境なため、IDEやKomodo Editは重いのでEmEditorとSublime Text使ってます。 ※ここまで※ 既にいろんなレビューは出ているけど、俺は今日たまたま知ったのでメモがてら。 JavaScriptのコードエディタで、Aceってのがある。 http://ajaxorg.github.
クライアントサイド JavaScript のパフォーマンス改善には backburner.js が便利！ - tricknotesのぼうけんのしょ
DOM 処理や Ajax など、JavaScript が外の世界とやり取りする部分というのは、一般的に待ち時間を多く必要とします。 パフォーマンスを改善しようと思った時に、ロジック部分でコツコツと節約するより、まずコストが高い処理を行わないようにするということで、驚くほどの効果を経験をされたことはありませんか？ 今までパフォーマンス測定をされた方であればピンとくる部分があることと思います。 そんな時に役に立つのが、今回ご紹介する backburner.js です。 ebryn/backburner.js - GitHub backburner.js って? backburner.js とは Ember.js の run loop モジュールから切りだされたとても小さなライブラリで、短時間に集中的に発生するメソッド呼び出しの回数を制限したい場合などに利用することができます。 backburn
D3.js 教材まとめ
D3.jsについては以下を。 データビジュアライゼーション「d3.js」 Tributary D3.jsをブラウザ上で記述して実行できる開発環境です。 （jsdo.itみたいなもの） GitHubのアカウントがあれば、作成したコードをgithub:gistに保存できます。 コード内のカラーコードや数値をクリックした際に、カラーパレットやスライドバーで値を修正できる機能が面白いです。（実用性は……？） 手軽にD3.jsを試すことができるのと、コードの共有ができるので他のユーザーが投稿したコードを弄るところから始めるといいと思います。 D3.js Playground こちらもブラウザ上でD3.jsのコードを実行できるサービスです。 右上のプルダウンメニューからサンプルを選ぶとコードが読み込まれるので、それを色々編集して遊べます。 D3.jsのグラフレイアウトについては以下の記事に詳しく掲載さ
JavaScriptをブラウザ上で開発、その場で実行できるJSBinがオープンソースで公開されてたのでインストールしてみた - かちびと.net
基本的にはjsfiddleメインなんですが、 依存するのが基本的に不安なのでロー カル環境で同じような環境を作りたか ったのですが、同様のサービスのJSBin がOSSで公開されてましたので試しに インストールしてみました。 まだちゃんと使うかは分かりませんけど、折角入れてみたので手順をメモ書き。 以前、ブラウザ上でjsを開発、URLを発行するjsfiddleをご紹介しました。jsDoitみたいなやつですね。 で、この2つ以外にも以前からJSBinっていう同じようなWebサービスがあるんですが、このJSBinがオープンソース（MIT）で公開されています。 見た目も自分用に使いやすく変えられるし、開発もスニペットの保管も出来るかなと思って、試しにローカル環境に入れてみました。 左側にJavaScriptコードやHTML、CSSを書けば、右側に結果として反映される、みたいなやつです。 JSBi
Shibuya.js beyond HTML5 の発表資料 (Kanasansoft Web Lab.)
Shibuya.js beyond HTML5 で飛び入りで話してきた。以前にLTをやった関係で、スピーカー募集の通知があり、開催日前後が忙しくなりそうだったこと等々、諸事情により参加できない可能性があったため、発表はほとんど諦めていた。ところが、飛び入り発表もOKとの事だったので、当日はできるだけ早く会場入りし、2時間で資料を作って発表してきた。諸事情により一部のスライドを削除している。
Visual Topology
About Visual Topology Visual Topology is a consultancy and software company which specialises in the development of software and services in the area of research software engineering, machine learning and data visualisation. We aim to enable wider access to scientific data and data science tools by building simple and intuitive user interfaces. To do this we adopt a sustainable software engineerin
コマンドラインからjsのリファレンスを引く - walf443's blog
昨日cpprefを久々に使ったりしていて改めてコマンドラインからリファレンスを(オフラインで)引けるのは便利だなぁと思ったので、ぱっとみないっぽかったので、jsrefというツールを作ってみた。 基本的にはcpprefと同様にサイトのpathを書きかえつつ、scrapingしてきてツールから引けるようにしただけです。ふだん案外jsは書く機会がなかったりしてあまり詳しくないですが、評判は聞くのでMozillaのサイトがよいらしいので、https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference からscrapingしてきています。 実行すると、20-30分くらいはかかってしまうので、orig/以下の入れてしまっています。日本語のマニュアルが欲しい人は、BASE_URLをhttps://developer.mozilla.org/j
Welcome!
Python. Client Side. Skulpt is an entirely in-browser implementation of Python. No preprocessing, plugins, or server-side support required, just write Python and reload. import turtle t = turtle.Turtle() for c in ['red', 'green', 'yellow', 'blue']: t.color(c) t.forward(75) t.left(90) Run Help, or examples: 1 2 3 4 5 6 7 8. Ctrl-Enter to run. The code is run entirely in your browser, so don't feel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Popper - Tooltip & Popover Positioning Engine
AniJS, A Library to Raise your Web Design without Coding
サバクラ両方で動く JavaScript の大規模開発を行うために