JavaScript Primer - 迷わないための入門書
はじめに 本書の目的 この書籍の目的は、JavaScriptというプログラミング言語を学ぶことです。 先頭から順番に読んでいけば、JavaScriptの文法や機能を一から学べるように書かれています。 JavaScriptの文法といった書き方を学ぶことも重要ですが、実際にどう使われているかを知ることも目的にしています。 なぜなら、JavaScriptのコードを読んだり書いたりするには、文法の知識だけでは足りないと考えているためです。 そのため、第一部:基本文法では文法だけではなく現実の利用方法について言及し、第二部:ユースケースでは小さなアプリケーションを例に現実と近い使い方を解説しています。 また、JavaScriptは常に変化を取り入れている言語でもあり、言語自身や言語を取り巻く開発環境も変化しています。 この書籍では、これらのJavaScriptを取り巻く変化に対応できる基礎を身につけ
Welcome to the Adobe Illustrator Scripting Guide! — Illustrator Scripting Guide 0.0.1 documentation
Introduction What is Scripting? Changelog Scripting language support in Adobe Illustrator CC Viewing Sample Scripts Viewing the object model Executing Scripts Illustrator Scripting Object Model The Illustrator Scripting Object Model Object Naming Conventions Top-Level (containing) Objects The Artwork Tree Text Objects Dynamic Objects Symbols Transformations Scripting Illustrator Launching and quit
Welcome to The Javascript Tools Guide — JavaScript Tools Guide CC 0.0.1 documentation
Introduction Introduction ExtendScript overview Scripting for specific applications The VS Code ExtendScript Debugger The VS Code Debugger Getting Started with the VS Code Debugger VS Code Extension Features The ExtendScript Toolkit The ExtendScript Toolkit Configuring the Toolkit window Selecting Scripts The Script Editor Debugging in the Toolkit Code profiling for optimization Inspecting object
なぜ default export を使うべきではないのか？
プロジェクトで使われている技術と ESModule の状況について UIT では、 SPA 開発のプロジェクトにおいて Vue.js と React が多く利用されており、既存の多くは Babel を利用した JavaScript で、新規のプロジェクトでは TypeScript を利用して開発が行われています。 FYI: 【LINE DEV DAY 2019 番外編】UIT Front-end Tooling Survey 2019 技術選定は勿論、プロジェクトにおける細かなコーディングルールについては、プロジェクトのコードオーナーに委ねられており、プロジェクトごとに裁量を持った意思決定を行っています。 その上で、私が携わるプロジェクトにおいては、 default export を可能な限り避けるように心がけています。 import 側の裁量で対象を自由に命名できてしまう 今回は「『Da
JavaScript: Everything From ES2016 to ES2019
AlbertoM Posted on Jan 5, 2020 • Updated on Mar 8, 2020 • Originally published at inspiredwebdev.com Hi, I am Alberto Montalesi, a full-stack self-taught developer. I create practical JavaScript tutorials and courses on my website inspiredwebdev.com to inspire other developers to grow and build the career that they want. JavaScript is a language in constant evolution and in the past few years, man
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に｜ハイクラス転職・求人情報サイト AMBI（アンビ）
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に JavaScriptプロジェクトでTypeScriptを導入する際には、“柔らかい”静的型付き言語とするのがおすすめです。藤吾郎（gfx）さんがまとめた「がんばらないTypeScript」のガイドラインです。 TypeScriptは、すべてのJavaScriptプロジェクトで採用する価値のある技術です。TypeScriptとこれに対応したエディタを導入することで、補完や型ベースの整合性のチェックにより、すべてのプロジェクトで生産性が上がります。またリファクタリングも容易になるので、長期あるいは大規模なプロジェクトでも品質を保ちやすくなります。 この記事では、TypeScriptについて最低限の知識とともに、サクッと（どちらかというと既存のプロジェクトに）導入するための
ES5 to ESNext — here’s every feature added to JavaScript since 2015
I wrote this article to help you move from pre-ES6 knowledge of JavaScript and get you quickly up to speed with the most recent advancements of the language. JavaScript today is in the privileged position to be the only language that can run natively in the browser, and is highly integrated and optimized for that. The future of JavaScript is going to be brilliant. Keeping up with the changes shoul
AppleScriptのwhoseメソッドを真似てみた - DTPab
標題の通り、Array.prototype.whoseメソッドなど実装してみた。 コード github.com サンプル サンプルコードとしては以下のようにします。 var paraStyles = app.activeDocument.allPagraphStyles; var tgtParaStyle = paraStyles.whose({name: "hoge"}); この例では、段落スタイルが"hoge"というものを抽出して配列として返しています。 使い方 適宜#includeしてください。 このプロトタイプ拡張を読み込みたいスクリプトと同じ階層にこのjsxincファイル（仮にarray_whose.jsxincとします）を置くのであれば、 #include "array_whose.jsxinc"だけでOKです。 もし違う階層に置く場合は、そこまでのパスを指定してあげてください
GitHub - kittykatattack/learningPixi: A step-by-step introduction to making games and interactive media with the Pixi.js rendering engine.
Pixi is an extremely fast 2D sprite rendering engine. What does that mean? It means that it helps you to display, animate and manage interactive graphics so that it's easy for you to make games and applications using JavaScript and other HTML5 technologies. It has a sensible, uncluttered API and includes many useful features, like supporting texture atlases and providing a streamlined system for a
JXAをTypeScriptでコード補完して書く環境やNode.jsから実行する環境を作った
JXA(JavaScript for Automation)を書いて実行するためにいろいろなパッケージを作りました。 この記事で紹介する内容は次のスライドで発表したものと大体同じです。 スライド: JXA for TypeScript/Node.js リポジトリ: JXA-userland/JXA: JavaScript for Automation(JXA) packages for TypeScript/Node.js. JXAはAppleScriptのJavaScript版(WebKit)のようなもので、macOSにはビルトインされています。 osascript -l javascrript file.jsでJXAを実行できます。 詳しくは次のページで解説されています。 Home · JXA-Cookbook/JXA-Cookbook Wiki [email protected] |
JavaScript language overview - JavaScript | MDN
JavaScript Tutorials Complete beginners JavaScript basics JavaScript first steps JavaScript building blocks Introducing JavaScript objects JavaScript Guide Introduction Grammar and types Control flow and error handling Loops and iteration Functions Expressions and operators Numbers and dates Text formatting Regular expressions Indexed collections Keyed collections Working with objects Using classe
JavaScriptの { } を理解する - Qiita
結果はどうなったでしょうか。 自分が今使っているGoogle Chromeだとこうなりました。 結果は{a: 10}というオブジェクトです。まあ、これは当然ですね。3 + 5と入力すれば実行されて8が返ってくるのですから、{a: 10}というオブジェクトリテラルを書けば{a: 10}というオブジェクトが作られるのは当然です。 ……。 ここで、一部の人は「おいふざけんなよ」と思っているかもしれません。というのも、この例は環境によっては違う結果になるのです。具体的には、Chrome以外2のブラウザのREPL（FirefoxやEdgeなど）が該当します。あと、ts-nodeのREPLも該当するらしいです。これらの環境では、結果は{a: 10}ではなく次のようになります。 オブジェクトを作ったはずなのに結果が10とか意味不明ですね。そもそも、こんな簡単なプログラムで結果が全然違うとか、JavaSc
レガシーなフロントエンドコードを整理するためにどう立ち向かったか - Misoca開発者ブログ
2エントリ連続でこんにちは、@mugi_unoです。 名古屋には台湾ラーメンイタリアンという名物があるそうです。 富山県民の私には理解が追いつきませんでした。 フロントエンドでの金額計算処理 さて、Misocaは請求書作成サービスなので、金額計算処理が欠かせません。 フロントエンドも例外ではなく、消費税額や合計額を算出するロジックが存在します。 機能変更が必要になった!! 諸事情により、そのロジックに変更を加える必要が生じました。 長くプロダクトを支えてくれていた存在ですが、内容的にはいわゆるレガシーなコードで、たびたび開発者ミーティングでも課題として挙げられることがありました。 git log で確認してみると、該当コードに対しての機能的な変更は2015年の冬から行われていません。 何が問題だったのか？ DOM操作と計算ロジックの混在 Misocaでは、新しくコードを書く際はVueやRe
JavaScriptのコード補完できていますか？ - Aqutras Members' Blog
こんにちは．JavaScriptにハマっている maxmellon です． この記事では，javascriptをちょっと楽に書けるようになる、Ternを紹介したいと思います．Ternは，javascriptのコードをIDEのように補完するツールです． この記事を読まれている方も，それぞれ好きなエディタがあるでしょう． 私は，普段は Vim を利用しています． 補完から連想されるイメージは，それぞれエディタ別のプラグインを想像しがちですが， 今日は，EmacsもVimもsublimeもAtomも仲良くなれるような画期的なツールを紹介します． 補完とはなにか，補完があると何が嬉しいか よく補完と総称されるものは，オートコンプリートや入力補完のことを指しています． 入力補完があって嬉しいことはたくさんあります． その中でも個人的に特に嬉しいものを挙げます． スペルミスがなくなる 入力する文字を減
VisualStudioCodeとwebpack-dev-serverでJavaScriptをデバッグする - Qiita
概要 JavaScriptの開発時にもXcodeなどのIDE並の環境を用意すべく、進化に追いつけていなかったフロントエンドの開発ツール周りを試して構築した。 最近はES2015でコードを書くのでbabelでES5に変換するのが必須。そうなると開発時のソースと実行時のスクリプトが異なるのでそのままではデバッグができない（ChromeのDeveloper Toolで止めてみても書いたコードとは違う表現のコード上で止まる）。 この問題を解決されるためにwebpackでは開発時のソースでデバッグを可能にするためにSource Mappingという手法を導入している。そしてこれを利用することでVisual Studio CodeからChromeへのRemote Debuggingが可能になる。 想定環境 macOS Sierra Visual Studio Code ver.1.11.2 1.17.
AdobeIllustratorのエクステンション開発でつまずいたこと | CyberAgent Developers Blog
ピグでサーバーサイドエンジニアをしています。市川です。 今回はピグパーティやfamchattyのアイテム制作で使用している、AdobeIllustratorのエクステンション開発時に行ったTips等について紹介したいと思います。 はじめに AdobeIllustratorで拡張機能を作るには、ExtendScriptと呼ばれるスクリプトを使用すれば、必要なレイヤー配下の画像だけPNGで書き出す事やテキストフィールドの内容を読み取ってメタ情報に使う等ができます。 ExtendScriptはWindowsではVBScript、macOSではAppleScriptを用いて利用することも出来ますが、今回は両方のOSで動作することのできるJavaScriptを使用して作成しました。 また実際にAdobeIllustratorをどのような操作ができるかは、ドキュメントを参照しながら必要な機能を開発して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to The Javascript Tools Guide — JavaScript Tools Guide CC 0.0.1 documentation
2019年までに見直しておきたい
CSS・JavaScriptの手法 - Speaker Deck
Javascriptでコマンドラインアプリを作ってみる: JXcore, nexe, EncloseJSの比較 - Qiita
JavaScript — WTF is ES6, ES8, ES 2017, ECMAScript… ?