JavaScriptの科目 - from scratch
なんかブログのお蔵入り記事を見返してたら色々出てきたので見切りでリリースしておく。 今読むとなんか合わない気もするし、まぁお酒の中での与太話程度に見ておいてください。 これの話してたのは2月くらいなので一年位経過してる。。 JavaScript の科目 先日、牛角.jsという名の飲み会で、@mootohさんと@bad_at_mathさんと牛角で飲み会でした。 その飲み会で出た話題を一つ。 元々はこの話で、 バベルの塔へ向けたフロントエンド開発者の咆哮について。気持ちはよくわかる。 https://t.co/QaabnJeEVw— juske the badatmath (@bad_at_math) February 3, 2014 フロントエンジニアが持つべきスキルセットが多すぎる！！ということをHNのスレで話し合っててすごく面白く、それを肴に飲み会してました。 んで、そこから話は飛び火し
JavaScriptでルールを書けるテキスト/Markdownの校正ツール textlint を作った
azu/textlint textlint というテキスト(plain textとMarkdown)の校正をするためのコマンドラインツールを書きました。textlintはNode.jsで書かれていて、Node.jsモジュールとしての利用することもできます。 一番の特徴は校正するルールをJavaScriptで書くことで拡張可能な作りになっています。 The pluggable linting tool for text(plain text and markdown). 逆にデフォルトではルールはサンプル扱いのno-todoというTODOが含まれてることを検知するルールしか今のところ入れていません。 Example: creating no-todo rules. デフォルトでルールが用意されていて、それの設定を変更することでLintする場合はRedPenなどがお勧めです。 RedPen:
ブックマークレットで jQuery を使う魔法の 210 文字 - Qiita
「ブックマークレットで jQuery を使う魔法の 210 文字」という記事を ブログ に書いたのですが、ここ Qiita ではその技術的な解説をしてみようと思います。 やりたい事はそのものずばり、ブックマークレットの中で jQuery を使うという事です。 ちょっとした処理の自動化や簡単なツールなど、よくブックマークレットを書いて活用しているのですが、ブックマークレットだと素の JavaScript を書かなければならず、DOM 操作が含まれる事をやろうとすると、jQuery に慣れた身には面倒くささが先に立ってしまいます。 ならば、**ブックマークレットで jQuery を使えるようにすればいい！**というのが今回の趣旨になります。 まず方針として、どんなページでブックマークを起動してもちゃんと jQuery が使えるようにしたいです。ですので、jQuery 本体は自前で調達しなければ
ブログ | CS5
ソフトの使い方,業界のことなどIllustrator,InDesign,Photoshop 4月はなかなか忙しくて、これがようやく1本目のブログです。直前の記事も大した内容ではないので、実質1か月以上あいてしまいましたね。 この間の色々DTP関連の動きがあったので記事の種は持ってはいるのですが、細かくまとめる時間がないので、書こう ...
即時関数のメリットと主な用途｜もっこりJavaScript｜ANALOGIC（アナロジック）
即時関数の構文 即時関数はスコープを汚染せずに新たなスコープを作成するための唯一の手段 即時関数が使われるケース まとめ JavaScriptには「即時関数」という構文があります。即時関数は関数を定義すると同時に実行するための構文で、この即時関数を使ってコードを書いたことのある方も多いのではないかと思います。 JavaScriptに慣れている方にとっては「何を今さら」といった書き出しかもしれませんが、私はこの即時関数を初めて知った時、その必要性がイマイチ見出せませんでした。それは、「関数を定義と同時に実行するのは分かるけど、別に普通に関数を定義して、その関数を呼び出せばいいじゃん」って思ったからです。 確かに、一度しか使われないような関数をいちいち名前付きで定義してそれを呼び出すというコードは冗長的かもしれません。そのような場合は即時関数を使った方がよりスマートなコードになるでしょう。です
鳶嶋工房 / AppleScript / JavaScript for Automation (JXA)
Mac OS Xの自働化用の言語としてAppleScriptがありますが、Mac OS X10.10(Yosemite)から「OS標準で」JavaScriptでも制御ができるようになりました。 これを、JavaScript for Automation (以後 JXA)と言います。 詳細はJavaScript for Automation Release Notesを見てもらうとして、ここでは、ごく基本的な情報をまとめます。 とりあえずJavaScript動かしてみる JXAの記述には"アプリケーション/ユーティリティ"フォルダのスクリプトエディタを使う。 スクリプトエディタ スクリプトエディタの[環境設定]-[一般]で、[デフォルトの言語]をJavaScript(1.0)に。 Mathクラス(注1)を使ってみる。上記のように書いて、メニューの[スクリプト]-[実行]か、[▶]︎ボタンをク
高品質の冊子印刷・製本専門！無料データ手直し【すぐスール.com】
「すぐスール.com」は、 けっして大きな印刷通販サイトではありません。 ただ、だからこそ、ひとつひとつのご注文を大切に、 お客さまの想いをカタチにし、 真心こめてお手元にお届けしています。 お客さまと真摯に向き合い、 想いをきちんと受けとめ、無駄にしない すぐスール.comを選んでいただいた お客さまと繋がりを大切にしたい そんな想いで運営しております。どんな些細なことでも、お気軽にご相談ください。 私たちは、常にお客さまファーストのサービスを 追求し続けています。
JavaScriptを圧縮・整形するコマンド作り - ザリガニが見ていた...。
最近、ブックマークレットを書く時には、Closure Compilerをよく使う。Closure Compilerは、Googleが提供しているJavaScriptコードの圧縮・整形サービスの一つである。 Closure Compilerを使う！ - トップページ 圧縮といってもzip圧縮などとは違う。正確には、コンピュータが実行しやすいように最適化しているのだ。 コメントや空白文字を削除したり、 使っていない関数を削除したり、 変数名や関数名を短縮したり、 最適化レベルによっては、関数の中身のコードを展開することもある。 以上の作業を機械的に行って、最適化されたコードを返してくれる。人間にとってはめちゃくちゃ読み難いコードだけど、コンピュータにとっては無駄のない、実行しやすいコードとなるのだ。 逆に、そのようなめちゃくちゃ読み難いワンライナーにインデントや改行を追加して、少しでも人間が解
InDesignScriptForWindowsWeblog 三島梅花藻さんの「そのままアンカー付きオブジェクト化.jsx」をCS6で動かすための書き換えメモ
三島梅花藻さんが公開してくださっている 「そのままアンカー付きオブジェクト化.jsx」を InDesignCS6で使うための書き換えメモ とても便利なScriptなのですが、茶尾さんのツイートで、 どうやらCCで動かないとのこと。 せうぞーさんの記事を提案したところ、これも動かないとのことなので、 ソースコードを書き換えることでCS6で動かせるように修正したので、 そのメモ書きになります。 梅花藻さんの所（InDesignスクリプト配給所）からDLしていただいて、 下記３点について書き換えを行うことで、CS6でも動くようになると思います。 CCの環境の方もお時間ありましたら、試してみてくださいね。 ※ 変更する部分は長くなってしまうので、追記に記載しました。 を // CS4以前とCS5以降でプロパティ名称が異なることへの対応 var vernum=Number(app.version.m
はてなブログが遅いのはだいたいJavaScriptのせい - もふぬこ動画☆画像
はてなブログって重いですよね～・・・ ブラウザ変えたら早くなるかなと思ってIE11、Firefox、Google Chromeで計測してみたけど、どれもそんなに差は出なくてどれも遅い（苦笑） いったい何が原因なのかなと調べていったら、JavaScriptのせいでした。 「もふぬこ戦記」のトップページを計測しました。 使用したのはGoogle Chromeのデベロッパーツール。 条件はJavaScriptオン、キャッシュオフです。 12.84秒でした。 次にキャッシュをオンにしてみます。 8.38秒です。 次にJavaScriptをオフ、キャッシュをオフにしてみます。 3.48秒！ キャッシュオンの場合・・・ 746ミリ秒 JavaScriptをオフにするだけでサクサク快適動作します！ 星つけたりできなくなるんですけど・・・（´～｀；） ・・・あれ？JavaScriptエラー出てる気がするけ
JavaScriptのチルダ演算子を使ってみる | バシャログ。
huluで特に見る予定のなかった映画を見てしまうminamiです。 JavaScriptにはいろいろな演算子があって便利に使えますが、~（チルダ）は今までほとんど使ってこなかったので使い道を探しました。 チルダは何をするもの？ JavaScriptのチルダ演算子はなにをするものでしょうか？調べてみます。 ビット演算子 ビットごとの NOT: オペランドの各ビットを反転します。 なるほど。わからん。かいつまんで説明すると、数値を10進数や16進数ではなく32ビットの集合（0と1）として扱います。2進数ですね。整数をビット反転させると必ず符号を反転して1引いた数になります。 console.log(~-4); // 3 console.log(~-3); // 2 console.log(~-2); // 1 console.log(~-1); // 0 console.log(~0); //
EPUB 第35回 出版社のためのHTML5パブリッシング入門 * 【2014.01.15】 - epubcafé
【講師】 境 祐司 氏 【概要】 ・仕様と実装の狭間で苦悩する制作者〜歴史は繰り返す ・ウェブブラウザ上で（実装されていない）EPUB 3の機能を実行するという考え方 ・HTML5 の膨大なリソース、ソリューション、ウェブサービスを電子出版にも活かす ・HTML5パブリッシングと少額課金、直販までの道のり ・電子書籍フォーマット（EPUB）とは競合しない理由 ・出版社に知ってほしいイーブックデベロッパーの仕事 ●実装が進まない時代、ウェブ制作者の暴走 W3Cによって最初のCSSが勧告されたのは1996年12月ですが、ウェブブラウザの実装が進まず、2004年頃までCSSはほとんど使われませんでした。当時のCSSのセミナーでも、「まだ実装されていませんが、CSSを使えばこのような表現が可能です」といった、実際には試せない状況が何年も続いていたのです。 商業デザインの世界では、そのようなウェブの
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
ブラウザ上でLinuxが動く! なんとGUIも! Javascriptで実装されたOR1Kエミュ『jor1k』|ガジェット通信 GetNews
ブラウザ上でLinuxが動く! なんとGUIも! Javascriptで実装されたOR1Kエミュ『jor1k』 いやはや、世の中にはクールで変態なハッカー（褒め言葉）がいるものです。 この『jor1k』というプログラムは、完全にJavascriptで実装されたOR1K（OpenRISC 1000）エミュレーターで、ブラウザ上でLinuxを実行することができてしまいます。 ブラウザ上でLinuxを起動してターミナルでコマンドラインの入出力をするだけであれば、これまでにも「Javascript PC Emulator」というJavascriptで実装されたPCエミュレーターがありました。しかし、『jor1k』のスゴイ所はX Window Systemが起動しGUIもちゃんと操作できることです。たとえば、冒頭の画像は、“お決まり”のxeyesを起動してみたところです。ちらつきはあるものの、目玉が
【JavaScript】単項 + 演算子で数値にする at softelメモ
問題 文字列を数値にするには？（「”5″」を「5」にするなど） 答え 「単項 + 演算子」が簡単。 見慣れないと奇妙だけど、一般に高速で、記述もコンパクト。 +"5" → 5 +"-123" → -123 +"abc" → NaN +"12ab" → NaN +"123 abc" → NaN +"-123.456" → -123.456 +"" → 0 +true → 1 +false → 0 +undefined → NaN +null → 0 +[] → 0 （[]→""と評価された後に+""しているので0になる） +[8] → 8 +[8,9] → NaN +{} → NaN +{"valueOf":function(){return 123;}} → 123 +{"toString":function(){return "-987";}} → -987 もうちょっと詳しく 仕様は以
[tacさんへの回答]AcrobatでPDFのドキュメントサイズ等を取得するポイント - [FORCE]
PDFのドキュメントサイズ等についてはこちらを読んでほしいですが ピクセルで取得 ↓ インチ換算 ↓ ミリ表示 と順番を踏むのがわかりやすいでしょうか？ 回答をそのまま掲載するのもナニなので ヒントだけ あとは自分で頑張ってください ポイントは this.getPageBox("Media"); の戻り値は リスト形式で値が帰ってきます そのままでは使えないって所でしょうか？ まずは メディアサイズを取得して、値をそのまま表示します var McropBox = this.getPageBox("Media"); //ここではメディアボックスの値（ピクセル）を求めています event.value = (McropBox).toString(); //出来た値をイベントとして値をストリングスで戻します 感の良い人はもうわかったと思います var McropBox = this.getPage
![[tacさんへの回答]AcrobatでPDFのドキュメントサイズ等を取得するポイント - [FORCE]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0425f4e1cbe4cf552257479830b55b94ec69fc07/height=288;version=1;width=512/https%3A%2F%2Fforce4u.cocolog-nifty.com%2Fskywalker%2Fimages%2F2013%2F08%2F22%2Fwebsite_image20130822_10821.png)
JavaScriptがあればどこでもGitを動かせるようになるかもという壮大なプロジェクト「JS-Git」 | ソフトアンテナ
「JS-Git」は、分散型バージョン管理システムのGitをJavaSriptで再実装しようというプロジェクト。 タブレットや、携帯電話、ラップトップ、Chromebookやブラウザなど、JavaScriptが動くいろいろなデバイスでGitを動かすために始められたプロジェクトで、子供のためのプログラミング環境を整備するという目的も持っているようです(子供の持っているデバイスで動くように)。 js-git-appというchrome/chromebooksで動かすためのデモアプリと、js-git-nodeというクライアントツールが存在します。 js-git-appはChromeの拡張として動かせるみたいなんですが、ちょっとやってみたところうまく動きませんでした。まだ発展途上かもしれませんが、今後に期待が持てるプロジェクトかも。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe製のJavaScriptデバッガTheseusがすごい - Qiita
GitBook – Build product documentation your users will love
