JavaScriptに関するytskのブックマーク (39)

  • Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味

    最近、JavaScriptに惹かれる理由は、関数型言語の特徴を持つところに原因があるような気がしています。 Lispを得意としている人は、Lisp脳なる考え方があるとのことです。 興味の源泉に出会うために、Lisp脳を覗いてみようと思い、を読みながら、JavaScriptでLisp脳なFizzBuzz*1を書いてみました。 お手 (for-each print (map (lambda (x) (cond ((= (modulo x 15) 0) "FizzBuzz") ((= (modulo x 5) 0) "Buzz") ((= (modulo x 3) 0) "Fizz") (else x))) (iota 100 1))) これを読むだけでは、正直何をやってるかわかりません。次に、解説を読みながら書いてみます。 まずはリストを作る 「とりあえず1から100までのリストを作れば良さ

    Lisp脳なFizzBuzzをJavaScriptで書いてみた - あと味
  • 1216彩票-官网平台

    您不具备使用所提供的凭据查看该目录或页的权限。 请尝试以下操作: 如果您认为自己应该能够查看该目录或页面,请与网站管理员联系。 单击刷新 按钮,并使用其他凭据重试。 HTTP 错误 401.1 - 未经授权:访问由于凭据无效被拒绝。 Internet 信息服务 (IIS) 技术信息(为技术支持人员提供) 转到 Microsoft 产品支持服务 并搜索包括“HTTP ”和“401 ”的标题。 打开“IIS 帮助”(可在 IIS 管理器 (inetmgr) 中访问),然后搜索标题为“身份验证”、“访问控制”和“关于自定义错误消息”的主题。

  • Emacs の JavaScript 開発環境を整備する(Tern編) - 雑文発散(2015-01-20)

    ▼ [Emacs][JavaScript] Emacs の JavaScript 開発環境を整備する(Tern編) Emacs の JavaScript 開発環境についていろいろ調べていたら、「Tern」というキーワードがときどき出てきていた。これはいったい何なんだ?と思いつつインストールしてみたので、記録しておこう。 Tern のウェブサイトに書かれている特徴とかはこんな感じ(翻訳は適当)。 スタンドアローンの JavaScript コード解析エンジン 各種エディタと連携 変数やプロパティの補完 関数の引数のヒント 式のタイプを確認 定義している箇所の検索 自動リファクタリング 便利そうに見える機能群じゃないか(笑) ただ、これを読んだだけだと「スタンドアローンの JavaScript コード解析エンジン」ってなんのこと?って疑問が残る。Demo のページを見に行くと、ブラウザでの編集で

    Emacs の JavaScript 開発環境を整備する(Tern編) - 雑文発散(2015-01-20)
  • Javascriptの関数、変数について - Qiita

    概要 Javascriptの関数と変数の基礎をおさらいした内容になります。 scriptの実行確認にchromeのdeveloper toolsのコンソールを使用しました。(一部はNode.jsのreplを使用) 参考 [JavaScript | MDN] (https://developer.mozilla.org/ja/docs/Web/JavaScript) [JavaScript | MSDN Library] (https://msdn.microsoft.com/en-us/library/aa902517.aspx) [JavaScriptの「this」は「4種類」?? - Qiita] (http://qiita.com/takeharu/items/9935ce476a17d6258e27) [JavaScriptのクラス?コンストラクタ?? - Qiita] (http

    Javascriptの関数、変数について - Qiita
  • クリエイティブコーディングのための数学 JavaScript 入門 [三角関数と行列]

    Boost.勉強会#19東京 Effective Modern C++C++ Core Guidelines

    クリエイティブコーディングのための数学 JavaScript 入門 [三角関数と行列]
  • ES6、React、RxJS、Cycle.js に関する調査 - Qiita

    React と Cycle.js を学び始めると、Twitter のつぶやきを含めて、こまごまごしたことを調べる必要があり、記憶力の限界を超えたので、自分の関心の変遷を振り返りながら、情報源をまとめました。ES6 の実装の課題とおよび将来の ES.next の標準化の動きについても併記しました。 プログラミングスタイル 新しい機能をなぜ導入するのかについて振り返るために QCon Tokyo 2013 の Douglas Crockford 氏の講演を文字に起こした記事 (前編、後編)を読んで印象に残ったことを抜粋しました。 スタイルは間違いを減らすためにある スタイルは個人の嗜好や自己表現のためではなく、間違いを減らすためにある。 わるいスタイルを採用する人の典型例は勉強不足な人、古い教育を受けた人、スリルを好む人、自己顕示欲家。 めったに起きないと思っていることはいずれ起きる。 エレガ

    ES6、React、RxJS、Cycle.js に関する調査 - Qiita
  • あのライブラリは何故誕生したの?のまとめ - Qiita

    はじめに 最近、フロントエンドのライブラリ乱立問題について盛り上がってました。 自分はnobkzさんの以下の文に全てがまとまっていると思います。 僕の最初の違和感は、「技術的な流行り」に乗ることに何の価値があるのだろうか?ということである。もちろん、最新のツールやフレームワークはより何かが良くなってるかもしれない。しかし、 それをあなたのプロジェクトで採用するには何の価値があるだろうか? 「最近のフロントエンドへの違和感 - nobkzのブログ」より 裏を返せば、新しいライブラリの内容、特に「どのような問題を解決するためにこのライブラリが生まれたのか」という思想を把握しておくことは重要だと言えます。 つまりは、 "How?(ライブラリの使い方)" よりも "Why?(なぜそのライブラリが必要なのか)" を学んでおこう ということです。この記事では どのような既存の問題・要求を どう解決して

    あのライブラリは何故誕生したの?のまとめ - Qiita
  • You Don't Need jQuery - Qiita

    注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで

    You Don't Need jQuery - Qiita
  • ES6でexportとexport defaultをどう使い分ければいいの? - なっく日報

    いきなり結論 基的にはexport defaultを使うのが良さそうです。 ※ named export を使う方がいいかもという考えに変わりました。詳しくは最下部の追記をご参照ください ↓に http://www.2ality.com/2014/09/es6-modules-final.html#default_exports_are_favored Default exports are favored と書いてますね。 理由 importする側で楽できるから。 // めんどい import * as utils from './utils'; import { method1, method2 } from './utils'; // こっちのほうがいい import utils from './utils'; exports.method1 = function() {}はどうす

    ES6でexportとexport defaultをどう使い分ければいいの? - なっく日報
  • Emacs で Javascript の賢い補完するメモ - 牌語備忘録 -pygo

    (emacs24.4) 使うパッケージ M-x package-install などで下記をインストール js2-mode auto-complete tern tern-auto-complete npm 下記もインストール $ npm install -g tern 設定 tern サーバーを利用すると .term-port ファイルが作られてしまうので、作られないようにしてみた。 (add-hook 'js2-mode-hook '(lambda () (when (locate-library "tern") (setq tern-command '("tern" "--no-port-file")) ;; .term-port を作らない (tern-mode t) (eval-after-load 'tern '(progn (require 'tern-auto-comple

    Emacs で Javascript の賢い補完するメモ - 牌語備忘録 -pygo
  • Processing.jsでWeb時計 | Basic Werk

    仕事の都合でJSやCSSの調べ物をしていてたまたま見付けたこちらの記事、 CSSとjQueryを使ったカラフルな時計 ここでは、基的なCSSJavaScriptを使用して、どのように時計が作成できるかを説明している。 DEMO すごくシンプルできれいなデザインですけど、CSSとjQueryの組み合わせで書いてるので、えらくソースが長くないですか? Processing.jsを使っても同じようなことができます。これ☟ Web Clock (Fill) Source code: webClockFill.pjs しかも、ソースコードはCSS+jQueryのものよりずっと短くて済みます。 color bgClr = color(255); //background color PFont font; void setup(){ int w = 400; //width size(w,w *

  • 引数をとるコールバック関数の実現の仕方 - わからん

    以下では、「コールバック関数を引数で受け取る関数」と「引数を持たないコールバック関数」を定義し、呼び出しています。 function f1(callback){ console.log('f1'); callback(); } function f2() { console.log('f2'); } f1(f2); //=> f1 //=> f2 では、「コールバック関数を引数で受け取る関数」に、「引数のあるコールバック関数」を渡すにはどうすればよいでしょうか。 方法1 「コールバック関数を受け取る関数」の定義を、コールバック関数の引数も自身の引数として受け取るように変更します。 function f1(callback, arg1){ console.log('f1'); callback(arg1); } function f2(arg1) { console.log(arg1); }

  • AfterEffectsスクリプトの走り書き - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    AfterEffectsスクリプトの走り書き - Qiita
  • ❤️パチンコ ワールド 湯浅 掲示板❤️ ❤️パチスロ 申出❤️ パチンコ ワールド 湯浅 掲示板 パチンコ ワールド 心斎橋 カジノ松 ウナギ tomoyamkung.net

    なぜ私たちを招待したいのですか?タバコを持つベルマー新 カジノを持って娘を抱けると思いますか?バオ・バオシュは怒った顔で駆けつけた。海軍の強いゴールデン ライオンを保持することはできません、静かに言 ❤️パチスロ 申出❤️ パチンコ ワールド 湯浅 掲示板 パチンコ ワールド 心斎橋 tomoyamkung.net パチスロ 申出 パチンコ ワールド 湯浅 掲示板 パチンコ ワールド 心斎橋 。 なぜ私たちを招待したいのですか?タバコを持つベルマー新 カジノを持って娘を抱けると思いますか?バオ・バオシュは怒った顔で駆けつけた。新カ海軍の強いゴールデン ライオンを保持することはできません、ジノけるいますかバオ・バオシュはけつけた静かに言った。をを抱パチスロ 申出 カジ ビト ジャパンReina を見てください...あなたは彼から学ぶことができると思いますあなたとYuxi Xiaolan

  • Safari拡張の作り方 - os0x.blog

    Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで

    Safari拡張の作り方 - os0x.blog
  • どうやってECMAScript 6を学び始めるか

    どうやってECMAScript 6を学び始めるか ^ 自分でちゃんと見て読んで大丈夫というものしか出してないので、かなり最小限の紹介です。 ^ azuです。JSer.infoなどをやっています。 ES6的にはPromiseを書いたり、日のISO/IEC JTC 1 SC22でES6のレビューに参加してます。 ECMAScript 5を知る ^ ES6の話をする前にES5の話です。 ES6 の前に ES5 大丈夫? Property Descriptor Object.create() Strict Mode Thinking About ECMAScript 5 Parts - Tech.pro ^ ES5はマイナーアップデート的な感じなので増えた機能としてはそこまで多くはありませんが、Object.definePropertyなどかなり重要な機能が増えています。 Speaking J

  • Jade を React と組み合わせて使う | スマホ神 – JavaScript 受託開発 –

    テンプレートエンジンである Jade を React と組み合わせて使ってみます。 インストール ES6 でプログラムを書くために babel を使います。 Jade の変換には react-jade を使います。それぞれインストールしておきます。 $ npm install -g browserify bablify $ npm install -D react-jade $ npm install -S react Jade の変更用コード Jade の変換にいい感じのコマンドなどがないようなので自分で書きます。 app.jade を app.js にコンパイルします。 var fs = require('fs'); var path = require('path'); var jade = require('react-jade'); var code = jade.compile

  • JavaScript で言語処理100本ノック2015 第1章: 準備運動 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    JavaScript で言語処理100本ノック2015 第1章: 準備運動 - Qiita
  • 優秀なJavaScriptの開発者になるための5か条 | POSTD

    (注記:7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、器用貧乏な人になってしまう危機に直面したのです。 私は特定の分野に特化しなくては、と考え始めました。そうすればたとえルネッサンスマンにはなれなくても、少なくとも、器用貧乏にならなくても済むと思ったのです。どうしたらソフトウェア開発をするのに必要な広い知識を保ちながら、1つの分野で専門性を高めることができるのでしょうか。 この記事では、過去5年間、私が良いJavaScript開発者になるために使ったテクニックとリソースの概要をお伝えしようと思います。 最近の多くのWeb開発者は、ある共通の

    優秀なJavaScriptの開発者になるための5か条 | POSTD