Ecmascript 6 - Playing around in Harmony | The Jackal of Javascript
ECMAScript 6 – Playing around in Harmony ECMAScript 6 is the next version of our favorite scripting language ECMAScript 5. The code name is “Harmony” or “ES.next”. The current version of Javascript is 1.8.5, which was upgraded around July 2010 to be compliant with ECMAScript 5 features. You can learn more ECMAScript 5 and below versions here. ECMAScript 6 draft specification can be found here. ECM
おすすめzsh設定 - 2011-09-05 - ククログ
他の人がzshを使っているのを見ていると、「もっと便利に使えるのに」と、もやっとしたり、「え、その便利な機能ってなに？」と、発見があったりします。だれかに「この設定をすると便利ですよ」と話しやすくするために、今のzshのおすすめ設定をここに記しておきます。 もし、Emacsも使っている場合はおすすめEmacs設定もどうぞ。 ディレクトリ構成 長年漬け込んできたzshの設定がそこそこの量になっているので、以下のようなディレクトリ構成にして分類しています。主に、zsh標準機能の設定と追加パッケージの設定を分けるためにこうしています。 ~ ├── .zshrc # シェルを起動する毎に読み込まれる。 │ # ~/.zsh.d/zshrcを読み込んで │ # 標準機能の追加設定を行う。 ├── .zshenv # ログイン時に一度だけ読み込まれる。 │ # ~/.zsh.d/zshenvを読み込ん
Zsh 入門者のための超速設定ガイド - Qiita
はじめに このガイドでは、はじめて Zsh を使う人や Zsh の便利な使い方を知らない人に向けて、いくつかの便利な設定と操作方法を紹介します。また、 Zsh についての疑問を素早く解決できるよう、マニュアルの調べ方や他のドキュメントへのリンクも盛り込んであります。 このガイドでカバーしきれていない設定や分かりやすいドキュメントをご存知でしたら、ぜひ編集リクエストやコメントでお知らせください。 設定ファイル ここでは主に普段のキー入力数を大幅に減らせるような設定を紹介します。 .zshrc ~/.zshrc は Zsh のインタラクティブシェル（ユーザーがコマンドを入力する画面）が起動した際に読み込まれる設定ファイルです。 Zsh スクリプトを実行したり、 zsh -c 'command...' でコマンドを実行したりしたときには読み込まれません。このファイルには主に Zsh の操作に関す
シェルスクリプトの基礎の基礎
シェルスクリプトをこうやって書いとけば? みたいな話をしてたら、「なんで書くだけで機能するんだ、さっぱり意味わからん」と言われてしまいました。それも悲しいので、とりあえずシェルスクリプトというのがどういうものか、というあたりをここに書き留めておきます。今度聞かれたら見せて終らせられるように…… シェルスクリプトとは? シェルスクリプト(shell script)とは何か、ということを知る必要がある人は、すでにUNIXやLinux等でシェル・オペレーションを行った経験があるでしょう。ふだん、cpでファイルをコピーしたり、catで内容を表示させたりしてるあれです。 しかし、補完機能があるとはいえ、たくさんの操作をいちいち手で入力するのはめんどくさいですよね? 同じような操作を何度も繰り返さなくてはならない時はなおさらです。シェルスクリプトというのは、そういったコマンド入力をまとめて書いておき、
math.js | an extensive math library for JavaScript and Node.js
An extensive math library for JavaScript and Node.js # Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser with support for symbolic computation, comes with a large set of built-in functions and constants, and offers an integrated solution to work with different data types like numbers, big numbers, complex numbers, fractions, units, and matric
devDependency status | david-dm.org
The devDependency status, also known as dependencies status, is a crucial aspect of any software development project. This status refers to the list of dependencies that a project relies on during development, including libraries, frameworks, and tools. These dependencies are necessary for the project to function properly and efficiently. The devDependency status is a key indicator of the project'
タスクを並列超速化するgrunt-parallelizeを紹介するよ - teppeis blog
この記事は Grunt Plugins Advent Calendar 2013 23日目の記事です。 Gruntタスクを並列で実行するプラグイン grunt-parallelize を紹介します。 ある程度プロジェクトが大きくなるとJavaScriptが1500ファイルとか超えてきてJSHintにくっそ時間かかるみたいなことがよくあります。JSHintを含む多くのNode製ツールはシングルプロセスなので、普通に実行しちゃうとマルチコアなCPUが遊んでてもったいないわけです。 そんなときにgrunt-parallelizeを使うと、指定のプロセス数にファイルリストを分割してマルチプロセスでタスクを実行してくれます。 まずはもとになるタスクのGruntfile.jsの定義。grunt-contrib-jshintを使った普通のタスクですね。 grunt.initConfig({ jshint
Bower入門(基礎編) - from scratch
Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp
QUnitの基本的な使い方 - but hopeful
[追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un
QUnit
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.
Jasmine Documentation
FAST Low overhead, jasmine-core has no external dependencies. NO MAGIC Jasmine specs are just JavaScript. Jasmine doesn't change the way your code loads or runs.
Jenkins
Jenkins Build great things at any scale The leading open source automation server, Jenkins provides hundreds of plugins to support building, deploying and automating any project. We stand with the people of Ukraine. Please assist humanitarian efforts for the Ukrainian people and those affected by the military invasion of Ukraine by supporting international aid organizations, including the Ukrainia
Using jQuery to Detect When CSS3 Animations and Transitions End
LearnUsing jQuery to Detect When CSS3 Animations and Transitions End It seems like only a couple of years ago that almost every animation on a web page was done either by means of Flash or a JavaScript library like jQuery. CSS3 has put that to rest. Simple, elegant animations are possible using CSS3 transitions, and even complex fine-grained movement can be accomplished using CSS3 keyframe animati
『開発効率をUPする Git逆引き入門』という本を執筆しました - Life goes on
開発効率をUPする Git逆引き入門 作者: 松下雅和,船ヶ山慶,平木聡,土橋林太郎,三上丈晴出版社/メーカー: シーアンドアール研究所発売日: 2014/04/09メディア: 単行本（ソフトカバー）この商品を含むブログ (1件) を見る Git本を執筆しました - matsukaz's blog のエントリーにもありますが、共同執筆という形で、id:matsukaz さんに声をかけていただいて執筆させてもらいました。 来たる4/9に発売予定になっています。 自分の担当範囲は「はじめに」とか「Gitを使った作業の流れ」とか逆引きの一部とか、他の方の修正お手伝いとかそんな感じです。 大体の本の内容は上記のid:matsukaz さんのブログをご覽いただくとして、自分はちょっと違う感想を。 本のターゲット 今回のターゲットは"Gitを使いたいけど、使っていない" という人向けという感じです。な
zshでエラーや時間のかかる処理後に通知センターで通知するようにする - 僕のYak Shavingは終わらない
※現在最新版のMavericksだとterminal-notifierが動かないかも・・・ 最近やっと山ライオンを使い始めました。 TDDのときにprove＋Guard＋通知センターで捗る感じにしてましたが、そういえば昔はGrowl使ってたなと。 zshでエラーの時にGrowlで通知するようにする - 僕の車輪の再発明 で、今はこれだとエラーが出てしまっている状態でしたのでサクッと通知センターに変更しました。 ここを見て変更しただけです。 install 通知センターをターミナルで使うためのコマンドをhomebrewでインストールします。 brew install terminal-notifier 使い方 terminal-notifier -message Javaだいすき エラー時に通知 .zshrcに以下を追加 PROMPT='`exitStatus=$?;if [ ! $exit
初めて Mac で zsh を使う人のためのチュートリアル - mollifier delta blog
俺聞け4というイベントで zsh について発表しました (その時の発表資料)。「普段シェルを使っていない人でも zsh を使うと便利だよ」という内容で発表したので、それを聞いて使ってみようと思った人もいたようです。 でもググってみても色々分かってる人向けの記事はありますが、「どうやって起動するんですか?」という本当の初心者のための記事はあんまりありません。 そういう初めての人にも zsh を使って欲しいと思ったので、初心者向けの入門記事を書きました。Mac を使えば簡単に zsh を始めれるので、使い方が分からないという人は参考にしてみてください。 ターミナルを起動する zsh は「ターミナル」というアプリを起動して使います。 「アプリケーション」 -> 「ユーティリティ」の中に「ターミナル」があるので起動してみましょう。 次回起動するときのために Doc に追加しておくと便利です。 zs
tips for zsh -- zshの覚書(5)
「zsh って何が嬉しいの？」と、zsh ユーザはよく訊かれる。そんなら tcsh は何が嬉しいんじゃい、という風にこっちとしては思わないではないが、たしかに明確な理由がなければ移行する気にはなれない。スタートアップファイルを構成しなおすのは面倒だし(tcshからの移行スクリプトもあるにはあるが)、 csh 系の挙動がとりいれられていることがあるとはいえ、基本的には bourne shell 系の動きをする zsh は、それまで tcsh を利用してきた人には使いづらいだろう。 でも普段から zsh を使っていて tcsh なんてもう何箇月も触れてないよ、というわけで何が違うのかはよくわからない。以前「こんなことができるんだよ」と tcsh ユーザに自慢したら「それ tcsh でもできるよ」などと言われて本気でヘコんだこともある。 というわけでモゴモゴとした挙句にお定まりの「補完機能が
<aside>: 余談要素 - HTML: ハイパーテキストマークアップ言語 | MDN
HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>
美しき git log –graph のエイリアス
git log --graph --pretty=oneline でもいいんだけど、情報として物足りない。 エイリアスの設定によりこんな感じに美しくすることが可能です。 .gitconfigのエイリアスは下記のように設定します。 [alias] lg = log --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --date=relative lga = log --graph --all --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-com
transitive.info - git log 使い方
git log 使い方 コミットログを表示する git log とするとページャが起動して（設定による） コミットログが表示される。 パッチ形式のコミットログを表示する コミットログと変更点のパッチ形式を表示するには「-p」オプションを使う。 git log -p コミットログとファイルの変更の状態を表示する git log --stat とすると diffstat が表示される。また、 git log --name-status とすると変更されたファイルの名前とステータスが表示される。 コミットログを指定した数だけ表示する たとえば、最近のコミットログを 5 つだけ表示するには「-<num>」か「-n」オプションを使って git log -5 git log -n 5 とする。 特定の範囲のコミットログを表示する 「<since>..<until>」で指定する。 たとえば、 git l
git logのオプションあれこれ - 煙と消えるその前に
普段何気なくgit log叩いてるけど、実はオプションが多くて驚いた。 自分的に使えそうなものをメモしておく。 参考サイト transitive.info - git log 使い方 Git - コミット履歴の閲覧 僕の考えた最強のry 色々調べた結果、自分で使うならこんなところかなーという結論に至った $ git log --graph --name-status --pretty=format:"%C(red)%h %C(green)%an %Creset%s %C(yellow)%d%Creset"そのまま使うには長すぎるのでエイリアスにしておく $ git config --global alias.mylog 'log --graph --name-status --pretty=format:"%C(red)%h %C(green)%an %Creset%s %C(yellow
「開発効率をUPする Git逆引き入門」を執筆しました - matsukaz's blog
昨年は社内を始め、いろんなところでGitの勉強会をさせて頂きました。 以下の資料は、はてブ数も700を超えてホッテントリー入り。ありがとうございます！m(_ _)m いつやるの？Git入門 v1.1.0 from Masakazu Matsushita この資料のおかげで、slideshareで2013年にPVを集めたアカウントの上位1%に入ってたみたい！ヽ(=´▽`=)ﾉ Masakazu's year 2013 on SlideShare これがきっかけでGit本を出版することになりまして、昨年秋ぐらいから仲間を募って書き始めて、ようやく発売となりました！長かった・・・。自分はChapter 1やその他のChapterの一部の執筆と、全ての図の作成や画面キャプチャなどをやりました。あとは共著だとみんなバラバラな粒度や書き方になりがちだったので、他のメンバーが書いてくれた内容のチェックと
TypeScript 1.0 リリース - きよくらの備忘録
米国サンフランシスコで開催されているイベント、Build 2014にて、TypeScript 1.0のリリースがアナウンスされたそうです。 TypeScript 1.0 Released! #bldwin #decode14— Akira Inoue (井上 章) (@chack411) 2014, 4月 2 各種ダウンロード Node.js用のコンパイラはnpmからインストールできます。 Visual Studio用は単体アドオンのVisual Studio 2012用と、Update 2 RCに含まれる形のVisual Studio 2013用でわかれています。 TypeScript Tools for Visual Studio 2012 Visual Studio 2013 Update 2 RC Visual Studio用のアドオンは以前までと同じく、どちらもコンパイラ単体とし
jQuery Performance Rules
Once upon a time, all we needed to worry about was reducing Bytes and Requests and playing around with load order to make things faster. Nowadays, we are increasingly impacting one more major component in performance – CPU utilization. Using jQuery and other frameworks that make selecting nodes and DOM manipulation easy can have adverse affects if you’re not careful and follow some simple practice
clone vs. template · jsPerf
JavaScript performance comparison Test case created by Honnza on 2012-10-20 Preparation code <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> Benchmark.prototype.setup = function() { var template_short = "<div class='test'>text</div>"; var clone_template = $(template_short); var html = $(document.body); }; </script> Preparation code output Test runne
Magic of CSS — Adam Schwartz
The Magic of CSS by @adamfschwartz Preface Chapters The Box Layout Tables Color Typography Transitions Coming soon... Potions Two Pane App Three Pane App Three Pane App with Color Table Styling Overflow Ellipsis Letter Spacing Buttons Content Reordering
zsh: 13 Prompt Expansion
13.2.3 Shell state %# A ‘#’ if the shell is running with privileges, a ‘%’ if not. Equivalent to ‘%(!.#.%%)’. The definition of ‘privileged’, for these purposes, is that either the effective user ID is zero, or, if POSIX.1e capabilities are supported, that at least one capability is raised in either the Effective or Inheritable capability vectors. %? The return status of the last command executed
桜JSでご飯を食べながらLT大会をした
#桜JSでご飯を食べてきた #桜JS – Togetterまとめ さくらのクラウドのCLIについて – azu SAKURA(Internet Cloud).js CLIがnode.jsの実装されてるので見ていく node v0.12で変わること – yosuke_furukawa これからのNode.jsの話をしよう // Speaker Deck Tracing API 同期的なchild_process API そもそもNodeでそういうツールに無理があったのでは感 Jake node.jsで書かれたものを配布するならnode.jsで書かれたものを使う的な流れ Build tools written in JavaScript TypeScriptもJake – To Build TypeScript Take? 1年後ぐらいのモバイルHTMLゲーム – tkihira #桜js コ
Announcing TypeScript 1.0 - TypeScript - Site Home
Today, we’re happy to announce TypeScript 1.0. First, we want to give a big “thank you!” to everyone who has helped us over the last year and a half to meet this goal. Together, we’ve grown a language, tools, and a community around creating large-scale JavaScript applications. To help grow this community further, we’re opening up TypeScript for contributions from the community starting today. When
Browser Support in jQuery 1.12 and Beyond | Official jQuery Blog
With Microsoft ending Windows XP support this month, we’re giving the jQuery community some long-lead-time notice on changes to browser support. First of all, don’t panic! Nothing is really changing with respect to the browsers that can run jQuery for at least six more months. Our goal is to let everyone in the web development community know what the jQuery team intends to do over the next year, s
zsh使いなら効率改善のため知っておきたいAUTOJUMP - Glide Note
joelthelion/autojump - GitHub zsh補完関数の書き方をいろいろ調べていたら、autojump-zshというパッケージを発見。 気になって使ってみたらめちゃくちゃ便利で、久々に感動したので紹介。 autojumpはcdコマンドの拡張的なコマンドで、移動したディレクトリを記録し、 ディレクトリ間を行ったり来たりするときに絶大な効果を発揮します。 公式wikiに書いてあるよう コマンドライン作業の10〜20%はcdコマンドのため、ディレクトリ移動の動作が 改善すると必然的に作業効率も向上するということです。 実際私もautojumpを使い出してから、作業効率が上がりました。 それでは早速autojumpの説明を。動作検証環境は下記です。 Mac OSX 10.7.3 Fedora 16 Scientifix Linux 6.1 導入方法 autojumpを利用するに
シェルスクリプトで、実行したそのスクリプトのディレクトリ絶対パスを取得する方法 · DQNEO日記
現在実行中のシェルスクリプトのディレクトリ絶対パスを取得したい！ 例えばこのようなシェルスクリプトを実行したときに、 $ /path/foo/bar.sh シェルスクリプト内で "/path/foo"という文字列(=ディレクトリへの絶対パス)を取得したいときがよくあります。
シェル関数とシェルコマンドの違い - Qiita
マニュアルによるとシェル関数とシェルコマンドの違いは「それを起動するシェルプロセスで実行されるか、フォークされて別プロセスで実行されるか」らしいです。 % function echo-pid-function { function> echo $$ function> } % cat << 'EOF' > echo-pid-command heredoc> #!/bin/zsh heredoc> echo $$ heredoc> EOF % echo $$ 84532 % echo-pid-function 84532 # シェルと同じ % ./echo-pid-command 84949 # シェルと違う バックグラウンドに移した場合の挙動の違い ctrl-zを押した時にフォアグラウンドジョブがバックグラウンドに移りますが、シェル関数はシェルと同じプロセス上で動いているので、シェル関数実
.zshrcで見かけるautoloadの意味と使い方 - Qiita
今回はこの autoload が何をするものなのか解説します。 autoloadはシェル関数を読み込む autoload はシェル関数を 自動読み込み するシェルの組み込み関数です。上記のスクリプトの場合、 compinit というシェル関数を自動読み込みします。 シェルコマンドは PATH に入っていればそれだけで実行可能でしたが、シェル関数の場合は関数を定義しなければ使えません。 autoload はファイルシステム上にある関数定義を読み込むための関数なのです。そして autoload 探索するディレクトリは FPATH に入っています。 余談ですが FPATH だと : 区切りの文字列、 fpath だと配列になります。PATH と path と同じですね。 シェル関数とシェルコマンドの違い autoloadを使ってみる % mkdir ~/functions % FPATH="${
【コラム】漢のzsh (1) 最強のシェル、それは「zsh」 | エンタープライズ | マイナビニュース
IDEの発展やAjaxなど現在のデベロッパにとってGUIとうまくお付き合いすることは開発効率を上げるうえで必須といえる。しかしながら、シェルというCUI環境も根強い人気がある。GUIと違ったカスタマイズ、アジリティ、効率の良さ、幅広い対応プラットフォームなど、なくてはならないものだ。 本連載ではそうしたCUI環境の充実を補佐することを目的とし、"zsh"について語ってみようとおもう。かつてzshはUTF-8の扱いが弱いところがあったが、それもずいぶんと改善され、ここ1年でzshへ移行しやすい状況が整ってきている。はじめるには悪くないタイミングだ。 最初に軽くzshについて紹介しておこう。 名前につく"z"の文字は、「究極の」という意味がこめられているらしい。系統としてはsh系である。つまり、zshはsh系の超高機能シェルといえるだろう。Linuxなどのユーザーであればsh系であることの意味
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie:
GitHub - clear-code/zsh.d: Zsh configurations
Can I create a configuration file for a shell script?
https://indigounited.com/automaton/
安顺胖守工艺品有限公司
Learn web development | web.dev
GitHub - sindresorhus/grunt-concurrent: Run grunt tasks concurrently
GitHub - qunitjs/qunit: 🔮 An easy-to-use JavaScript unit testing framework.
GitHub - Shougo/neobundle.vim: Next generation Vim package manager
GitHub - ScottHamper/Cookies: JavaScript Client-Side Cookie Manipulation Library
zshの「command not found」表示を変更した - ダメ人間オンライン
zshbuiltins(1) Mac OS X Manual Page
ZSHBUILTINS(1) - zsh built-in commands
visionmedia's git-extras at master - GitHub
GitHub - cferdinandi/atomic: A tiny, Promise-based vanilla JS Ajax/HTTP plugin with great browser support.
jQuery.parseHTML() | jQuery API Documentation
explainshell.com - match command-line arguments to their help text
Platform Status - Microsoft Edge Developer
The elements of HTML
GitHub - naugtur/xhr: A small xhr wrapper
WordPress › Error
GitHub - adamschwartz/magic-of-css: A CSS course to turn you into a magician.
zsh: The Z Shell Manual