私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
JavaScript Standard Styleのススメ - Qiita
みなさんは、JavaScriptのコードを書くときに文字列は何で囲みますか？シングルクォート？ダブルクォート？ インデントに使用する文字はスペース？それともタブ？ JavaScript Standard Styleは、そのように千差万別なコーディングスタイルを統一するためのスタイルガイドの一つです。1 JavaScript Standard Styleのルール JavaScript Standard Styleには、次のようなルールがあります。 インデントはスペース2個 文字列はシングルクォートで囲む 未使用の変数は禁止 文末のセミコロンは禁止 キーワードの後にスペースを入れる 関数名の後にスペースを入れる 値の比較に==ではなく===を使用 ただしobj == nullはnull || undefinedをチェックするために許容される 常にNode.jsのerr引数をハンドル ファイルの
自作フレームワークをつくって学ぶ 仮想DOM実践入門
昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D
「 Javascript / Node.js で仕事自動化」記事まとめ - ほんじゃーねっと
Javascript と Node.js を使ってあれこれ自動化する記事が増えてきたので、 目次としてまとめておく。 blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net blog.honjala.net b
面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います！ 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。 これからWeb開発を始めようという人はもちろんですが、開発ネタに困っている人も何か良いアイデアが発見できるかもしれないので、ぜひ参考にしてみてください！ ■波形表示やプレイヤーも作れる高機能な音楽ライブラリ！ 【 wavesurfer.js 】 音声ファイルを読み込むだけでグラフィカルな波形表示が可能で、多彩なオプションを利用することで自在に音声を制御できるJavaScriptライブラリです。 音声の再生・早送り・巻き戻し・ミュートなどの基本機能はもちろん、音声の書き
PDP11 Emulator with UNIX V6
Introduction This is the PDP11 emulator with JavaScript implemented by takahiro(@superhoge) You can run UNIX V6 on your web browser. See this page for the detail. This is the demonstration video If you wanna study UNIX V6 kernel... UNIX V6 Tips Type "rkunix" slowly ('cuz some reasons) when "@" is displayed. Type "root" when "login: " is displayed. Use "#" instead of backspace. Use "chdir" instead
[JavaScript] 正規表現で整数や小数を判定する方法
JavaScriptには数値かどうか判別する『isNaN()関数』がありますが、小数や符号の判別まで行う為には物足りません。 JavaScriptの正規表現で整数や小数、符号の有り無しなどを判別する方法は以下から。 JavaScriptの正規表現 JavaScriptの正規表現で整数や小数、符号の有り無しなどを判別するには以下の様に記述します。 <script type="text/javascript"> //チェックする数値 CheckNum = 1234; //整数を判定 if(CheckNum.match(/^-?[0-9]+$/)){ //CheckNumが整数の場合、この部分の処理が行われる ・・・ }else{ //CheckNumが整数で無い場合、この部分の処理が行われる ・・・ } //符号無し整数を判定 if(CheckNum.match(/^[0-9]+$/)){ /
![[JavaScript] 正規表現で整数や小数を判定する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/00b1e7f61ddad978a4c24c79ce2bee478ffc0bb5/height=288;version=1;width=512/http%3A%2F%2Fblog.diginnovation.com%2Fwp-content%2Fuploads%2Fjavascript_match.jpg)
さくらのVPSでNode.jsを設定してみた – 水玉製作所
なにかと話題のNode.js。FlashやCreateJSなどのインタラクティブコンテンツと連動させたら、面白そう！ということで触ってみたのですが、いざインターネットで公開するとなると、多くのレンタルサーバー上では使えないことがわかりました。 root権限が必要なのです。 そこで、SAKURA Internetの「さくらのVPS」を契約して、設定してみました。 今回はインディゴデザインの五十嵐さんに無理を言って教えてもらいました。 五十嵐さん、ありがとうございました！ http://www.idw.jp/ 以下、習ったことのメモです。 Node.js自体の説明はしません。 主に自分向けのメモなので、第三者からするとわかりにくいとは思いますが、ご容赦ください。 アカウント情報 さくらのVPSを契約して、次のようなアカウントが発行されたとします。 [サーバ基本情報] IPアドレス：133.24
JavaScript継承パターンまとめ - Thousand Years
プロトタイプ function Animal(){}; Animal.prototype = { sleep : function(){}, walk : function(){ alert('noshi, noshi') } }; function Human(){}; Human.prototype = new Animal(); new Human().walk(); // noshi, noshi もっともポピュラだと思われる。 変型プロトタイプ Human.prototype.__proto__ = Animal.prototype; new Human().walk(); // noshi, noshi ほとんどのIEを除くJavaScript処理系で実行可能。裏ワザちっく。 エクステンド /** * extend function * @param {Object} s su
サポートページ：JavaScript徹底攻略
■ご注意 ※ 本コーナーは，本誌記事参考用資料としてのご提供を目的としております。 ※ 本誌記載の内容およびサポートサイトで公開しているサンプルコードに基づく運用の結果について，記事の筆者，プログラムの作者/提供元，(株)技術評論社は一切の責任を負いかねます。ご自身の責任のもと，ご使用ください。 ※ 各サンプルファイル/ソースコードには，個別に，ライセンスやREADMEファイルなどで注意事項/制限事項が添付されている場合がございます。その場合，該当のライセンス，注意事項/制限事項を優先して適用とさせていただきますので，ダウンロード後，内容をご確認ください。 特集1「jQuery実践入門」 第1章～5章で使用されたソースコードは，［jsdo.it］で公開されております。 ※技術的にもかなり古い情報になってしまっていることもあり，現在は公開を取りやめております。 第6章で使用された［ソースコー
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
映画「マトリックス」の上から文字が落ちてくるアレをわずか1KB以下のコードで再現
映画「マトリックス」の非常に有名な上から漢字やらカタカナやら平仮名やらが滝のようにぞろぞろ流れ落ちてくるあの超有名なシーンを1KB以下のコードで完全再現したものが「Matrix Canvas Code」です。 Matrix Canvas Code | CSSDeck http://cssdeck.com/labs/the-matrix 元となっているのはシーンは以下のような感じでマトリックス3部作の最初のイントロで上から滝のように流れ落ちてくるのが印象的なものとなっており、実際には縦書きの裏返った半角カナや注音符号なども出てきます。このような妙な文字が混じっている理由は、「日本のPCでは縦書きでプログラミングしている」と監督が誰かから吹き込まれたため。 Intro Matrix Reloaded - YouTube matrix intro - YouTube [HD] The Matri
『ステートフルJavaScript』――JavaScriptを堅牢に築くパーツの世界：晴読雨読＠エンジニアライフ：エンジニアライフ
ステートフルJavaScript ――MVCアーキテクチャに基づくWebアプリケーションの状態管理 Alex MacCaw （著）、 牧野 聡（(翻訳） オライリージャパン 2012年6月 ISBN-10: 487311554X ISBN-13:978-4873115542 2940円（税込） ■JavaScriptを堅牢に扱いやすくするための本 JavaScript関連の本を読むときに気を付けなければならないこと。「この本は、どの立ち位置なのか？」「何が言いたいのか？」を知ること。 これらをきちんと理解して読まないと、とんでもない回り道をするはめになる。サーバサイドからクライアントサイドまで、JavaScriptがカバーする範囲は幅広いからだ。 さて、本書の立ち位置はというと、カルーセルやアコーディオンのような、見た目を変化させるjQueryプラグインの紹介は一切ない。ユーザーインターフ
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
JavaScriptのテスト駆動開発（TDD）に関して、QUnitを使って勉強してみた。 #jsdokusho ｜https://wp.yat-net.com/name
2012年 05月 22日 JavaScriptのテスト駆動開発（TDD）に関して、QUnitを使って勉強してみた。 #jsdokusho カテゴリ： jQuery タグ：javascriptjsdokusho こんにちは、YAT（@yat8823jp）です。5/19のjsdokushoという勉強会に参加してきました。 今回は「JavaScriptのテストに関する勉強会」と言うお題だったのですが、普段より人数が多かったのでグループ単位でワークショップ形式で行い、それぞれのグループごとに別々のフレームワークに関して仕様や使い方を調べると言うやり方で進めました。 1.テストとは 2.Qunitの仕様について 3.実際に触ってみる 4.クリックイベントで確かめてみる 5.最後に 1.テストとは 僕が入ったグループはQUnitと呼ばれるフレームワークを調べることになりました。QUnitはjQuer
setTimeoutとかsetIntervalって内部的にevalしてんのかよ - tumblr
久しぶりにjavascriptをいじった。プログラミング自体大してできないのに半年も触らないともの凄い勢いで文法とか忘れててsetTimeoutの使い方についてはなんかもういつも忘れてて毎回はまってる気がするので、覚書。 setTimeoutでtestEventという関数を100ms後に実行したい場合は以下のように使っちゃいたくなる。 setTimeout("testEvent",100); もうこの時点で普通に考えれば分かるんだけど、testEventを文字列として渡しているということは、これはevalと同じ方法でこのtestEventが評価されるということになる。ということは指定の100msよりもスーパー遅いタイミングでこの関数が実行される。setIntervalやFunctionコンストラクタも同様。 setTimeoutやsetIntervalについて、その第一引数には文字列だけで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://www.hp-stylelink.com/news/2013/10/20131008.php
Functional JavaScript
npm | build amazing things
