XPagesDay 2014 (2014/11/18) 【A-3】「SSJSでも使える!Javascriptでオブジェクト指向プログラミング入門」で使用したスライドになります。
XPagesDay 2014 (2014/11/18) 【A-3】「SSJSでも使える!Javascriptでオブジェクト指向プログラミング入門」で使用したスライドになります。
__ _/\ \ /' \ \ \ __ __ ___ ___ /\_, \ \ \/'\ /'__`\ /'__`\/' __` __`\/_/\ \ \ , < ___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____ /\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\ \/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/ JavaScript Hacks and Creative Coding Created by Martin Kleppe aka @aemkei. Projects Hello World 1K - spinning globe embedded in JavaScript code JSFuck.com - write an
ご挨拶 じぇいえすや 嗚呼じぇいえすや じぇいえすや 初めまして! JavaScript街道600里を歩きながら、その中で生まれた発見や探求を詠み上げます。 テーマはとしては 「JavaScript基礎のその奥へ!」 を掲げてやって参ります。 単なる概要紹介と手順ではなく、一歩掘り下げた検証や考察を入れつつ 裏側(ソース)はなるべく見て周り、 「どのようなアーキテクチャによりそのモノが動いているのか」 もチェックしながら進めていきたいと思います。 Index 1つのトピックで1~10位の投稿を予定しています 順不同に書き進めます もはや常識!?NodeJSの基本 非同期型イベント駆動とは イベントループの仕組みを探る モジュール&npmのキホン Webサーバ+アプリ構築が速すぎる件 Socket.ioで双方向通信チャットアプリを構築 ビルドツールの骨身に迫る Gruntとの上手な付き合い方
阿部 淳也 Creative Director (代表取締役社長) 74年宮城県生まれ。自動車メーカでのユーザインターフェースエンジニアを経て、IT部門でデザイナー・テクニカルディレクターを経験。2004年より広告代理店系プロダクションにてクリエイティブディレクターとして従事した後、2008年に株式会社ワンパクを設立。 DMI(旧Web研)Web人賞受賞、企業Webグランプリ「BtoB部門グランプリ」受賞など 原 冬樹 Creative Director (取締役副社長) グラフィックデザイン、エディトリアルデザイン、パッケージデザイン、CD-ROM、Webサイトなど様々なクリエイティブ業務にデザイナー、ディレクターとして従事。 2008年1月にクリエイティブプロダクション1PAC. INC.に参画。 東京インタラクティブ・アド・アワード入賞、グッドデザイン賞受賞など 春菜 紘道 Tech
WebWorkers(以下Worker)をハンドリングするのは結構大変で、ちゃんと意味があるコードを書こうとすると、 Worker が応答無くなったらどうしよう。エラーハンドリングどうしよう。どんなエラーがあるんだろう Worker に job 投げて結果を受け取ってクローズしてという基本的な部分をもっと楽に書きたい インラインワーカーどうしよう。インラインワーカーの場合の importScripts のパスの指定どうしよう postMessageの呼び出しコストは大丈夫か? 十分な時間分解能があるんだろうか などなど色々と考慮する必要があったりします。 このへんの事を考慮した実装がこちら( WebWorker.js )。半年ほど前の実装です。 https://github.com/uupaa/WebWorker.js/blob/master/lib/WebWorker.js (409行)
[対象: 全員] お知らせしていたように、11月13日〜14日に伊ミラノで開催されたSMX Milanに参加してきました。 スイスのGoogleからJohn Mueller(ジョン・ミューラー)氏がスピーカーとして招かれました(チューリッヒからミラノまでは電車で3時間くらいなんだそうです)。 ミューラー氏に、たくさんの質問を直接聞いてきて回答を得てきました。 今日と明日の2回に分けてブログ読者のあなたとシェアします(2回に分けるくらいたくさん質問してきた)。 役立つ情報がふんだんに含まれてることを約束します。 では行ってみましょう! スクレイピング対策 Q: コンテンツを無断コピーされて困っている。DMCA侵害の申し立てを申請すればいいのはわかっているが、必ずしも受理されるとは限らない。また、完全コピーではなく、若干修正されることもある。 通常はオジリナルである自分のコンテンツがきちんと検
Node学園祭・初参加 初参加だったんですが、ビギナー&フロントエンド向けのNode.jsツール系セッションを担当させていただきました。なんかめっちゃ緊張した・・・。 参考リンク集 1. Package manager npm Bower npm とフロントエンドのパッケージ管理の未来 ::ハブろぐ The npm Blog — npm and front-end packaging Npm Tips · fiveisprime npmのあまり知られてない機能 10選 - from scratch npm-shrinkwrap Bower Resolutions - Jake Trent 2. Task runner Grunt: The JavaScript Task Runner gulp.js - the streaming build system Node.js の Stream
東京Node学園祭2014 に参加してきたのでその時のメモ 企業JavaScript飯 #企業JavaScript飯というご飯イベントをNode学園祭のお昼に(勝手に)やってました。 @teppeis、@ahomu、@kyosuke、Layzie (敬称略)で企業内でのJavaScript状況ですかという感じの話をしてきました。 質問テーマのスライド: https://github.com/azu/slide/raw/gh-pages/nodefest2014/lunch.pdf という感じのテーマを元に話をしてきました。 参加していただいた皆さん興味深いお話ありがとうございました。 最近企業のJavaScript(er)ってどんな感じになってて、どういうものを求めているのかに興味を持ってるので、面白い話があったらお話きかせて下さい。(to @azu_re にmention) どうやったら
JSHintオプション一覧 JSHint Options Reference を纏めてみた。(JSHint 2.5 現在) ドキュメント化されてない隠しオプションも一部含みます。 制限系オプション trueにするとチェックが厳しくなる オプション名 default bitwise true ビット演算子の禁止 camelcase false camelCase, UPPERASEの強制 curly true if, forのブロックスコープを必ず{}で括るよう強制 eqeqeq true 比較演算子は==, != ではなく===, !==を強制 forin true for...inループ内でhasOwnPropertyでのチェックを強制 immed false 括弧で括られていない無名関数の即時実行禁止 e.g. (function () { } ()); indent 4 インデント
みなさん、こんにちは。Ameba事業本部ゲーム部門の平木(Layzie) と申します。 最近はSteamで安いゲームを漁ってばかりの毎日です。このエンジニアブログでは初めて執筆になります。 さて、今回エンジニアブログで何を書こうか悩んだのですが、悩んだ結果Duoというパッケージマネージャの紹介をしようということになりました。 このDuo、GitHubのStar数は結構多いんですが、(2014/11現在2618Star)あまり紹介されてる記事とかが無いので紹介してみようと思った次第です。 Duoの特徴 昨今、フロントエンドで使えるパッケージマネージャは色々あると思います。厳密に言うとサーバ側のJavaScript実装ですがNode.jsのパッケージマネージャであるnpmにフロントのJavaScriptライブラリを登録して使うというパターンもありますし、新規プロジェクトの雛形を作ってくれるYe
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
AWS Week in Review – AWS Documentation Updates, Amazon EventBridge is Faster, and More – May 22, 2023 Here are your AWS updates from the previous 7 days. Last week I was in Turin, Italy for CloudConf, a conference I’ve had the pleasure to participate in for the last 10 years. AWS Hero Anahit Pogosova was also there sharing a few serverless tips in front of a full house. Here’s a picture I […] Amaz
JavaScriptで作られたエディタCodeMirrorで、こんな風に補完をしたい。 準備 まず以下のjsとcssを読み込む codemirror/lib/codemirror.js codemirror/lib/codemirror.css codemirror/addon/hint/show-hint.js codemirror/addon/hint/show-hint.css 同期的に補完候補を表示する 以下coffeescript elはなんか適当なDOMTextAreaELement渡してください。 {Pos} = CodeMirror autocomplete = (cm) -> CodeMirror.showHint cm, -> cur = cm.getCursor() token = cm.getTokenAt(cur) start = token.start end
僕がJavaScriptでライブラリを選定する際、迷ったら小さいものを使う。その理由について。 前提 前提として、枯れた環境で大きいフレームワークができるのは理解できるし、メリットも大きい。あるいは言語それ自身と区別できないぐらいに発達したフレームワークに依存するのも理解できる。RubyにとってのRailsとか、ErlangのOTPとか(いや、これは詳しくないけどそうなんだろうなっていう予想なんだけど)。 危険信号 今のJS界隈は動きが早すぎて、何に依存するのも危ない。とくにフレームワークと銘打たれたものは、でかすぎてどれも危険信号を放っている。 数年後、廃れてしまったフレームワークで開発し続けるのは、僕個人としてもあまり関わりたくないし、現場の離職リスクとして数字に出るだろうし、採用後の教育コストの問題になる。だいたいそういうものは元の設計者もいなくなるものだ。プロダクトの死を意味する。
vivus, bringing your SVGs to life Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. View on GitHub Delayed Every path element is drawn at the same time with a small
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く