JavaScript Advent Calendar 2011 (Node.js/WebSocketsコース) : ATNDも皆さんのご協力で25日間終わり、無事新しい年が迎えられそうです。参加された方、ご苦労様でした。もしアドカレに穴が空きそうだったら書いてみようと思ってたネタを作っていましたので、アドカレ終了記念の番外編で書いてみます。 ちょっと前のブログになりますが、Node.js Module – exports vs module.exportsな記事が掲載されていました。 Node.js のモジュールを作成する際に使用する exports 変数と module.exports 変数の違いについての記事です。私も以前から「 module や exports って変数はいったい何だろう?」とか、「require()関数って突然どこから現れてくるのだろうか?」など実際その仕組みはどう
Apalagi link situs slot gacor Fastslot88 selalu memberikan jackpot nyata yang mana player tidak perlu ragu dan khawatir jika ingin daftar judi slot online bersama Fastslot88. Dan semua permainan yang kami Fastslot88 sediaan sangat gampang sekali untuk dimainkan serta dimenangkan. Cukup dengan satu akun ID saja kalian bisa bermain dengan provider gacor hari ini, tidak hanya menyediakan situs slot g
概要 gulpの入門記事を以下に書いて行きます。 目次 gulpとは gulp sample gulp支える技術(Streamと並行性) grunt vs gulp どっち使う? gulp.jsとは いわゆるフロントエンド周りの task runner build tool Gruntあるでしょ その通り いわば、Gruntの簡易版 去年位?出来た後発のtool 最近、blog記事も増えてきた 公式Page売り文句 複雑なtaskも管理し易く、simpleで、使うのが簡単 一時fileのdisk書き込みが無いので早くて能率的 simpleで期待通り動くようにPluginのGuidelineがある APIが小さく学習時間かからない リソース gulp公式page 入門記事 クラスメソッドさんの入門記事 shuheiさんのqiita記事 sample多め anatooさんの入門記事 Shump
「今どきのGruntを使ったフロントエンド開発(HTML/CSS編)」HTML5 Conference 2013 セッションレポート 出口 達也 2013年11月30日(土)に開催された「HTML5 Conference 2013」の、株式会社サイバーエージェント・石本光司さんによるセッション「今どきのGruntを使ったフロントエンド開発(HTML/CSS編)」の内容をご紹介します。 なお、セッションのターゲットはGruntを使ったことのないHTML/CSSコーダーやWebデザイナーさんです。 なぜGruntを使うのか Gruntとは、JavaScriptで書いたタスクを実行してくれるアプリケーション(JavaScript Task Runner)です。 Webアプリケーションの開発が複雑になってきて、CoffeeScript、Sassなどのコンパイルが必要な技術を使うことが多くなってきた
連載目次 一昔前であれば、HTML/JavaScript/CSSを使用してWebアプリを作成する場合、(筆者の経験では)所定の位置にファイルを置くだけでした。最近はHTML/JavaScript/CSS関連の技術も複雑化/多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify(圧縮)や結合 単体テストの実行 JSLint(構文チェック)の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル(JavaScript変換)を行う必要もあります。 また、SCSS(Sass)やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル(CSS変換)作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
JavaScriptでも制御できる! Arduinoの基礎知識:Arduinoで始めるWeb技術者のためのIoT入門(1)(1/2 ページ) 今注目のInternet of Thingsを実現するセンサーデバイスのインターフェースとしてArduinoを使い、電子工作の基礎から実装までを紹介する連載。初回は、Arduinoの概要と注目を集める理由、4つの面白い利用例を紹介します。 連載目次 「IoT:モノのインターネット」をJavaScriptで体験 皆さんは「IoT」という言葉をご存じでしょうか。IoTは「Internet of Things」の略称で「モノ同士がネットワーク越しに連携し合う世界」を言い表しています。 これまで、インターネットといえば、PCやサーバー、スマートフォンなどの限られたデバイスをつないでいました。IoTが目指す世界では、その対象を大きく広げて、モノをインターネット
スマホ用のスワイプギャラリーjQueryプラグイン「jquery.swipeGallery」 スマホで利用できるスワイプ可能なスライドギャラリー用のjQueryプラグイン「jquery.swipeGallery」を公開しました。指で画面をスワイプすると画像が切り替わるアレです。 ダウンロード / サンプル(スマホで見てね) / GitHub スワイプ系のギャラリーとしては珍しい無限ループに対応しているプラグインです。 利用方法 jQueryを読み込みその後にjquery.swipeGalleryを読み込みます。 <script src="jquery.js"></script> <script src="jquery.swipeGallery.js"></script> CSSファイルも読み込みます。 <link rel="stylesheet" href="jquery.swipeGal
AngularJSを使うならgenerator-angularがかなりbest way なのでは。というお話「概要編」 2014-01-19T18:13:00+09:00 2014-01-19T09:21:42Z AngularJS javascript 結論 特にこだわりや制約がない場合はgenerator-angularを使用すると開発が捗る muzi:blog mogetta$ node -v v0.10.21 https://github.com/yeoman/generator-angularは yeomanのテンプレートなんですが AngularJSを使うのにかなり便利というお話 前提の知識として、yeoman,grunt,bowerなどが必要になりますが node.jsのインストールさえできればコマンドを叩くだけなので難しくはありません。 使用ライブラリ node.js ye
Chrome には Canvas API の発行状況を可視化してくれる Canvas Profiles が搭載されています(1年ぐらい前からありました)。 これは特定の業種の人(特にCreate.jsとかPexJSを使ってる方々)にとっては神の如きツールであり、知らないと勿体ないのでシェアしますね。 ユースケース (つ◇⊂) 「Canvas のページが重いよ〜 ドラえもん〜」 (ε・◇・)っ はい、Canvas プロファイラー (つ◇⊂) 「描画が崩れる原因がわかんないよ〜 ドラえもん〜」 (ε・◇・)っ はい、Canvas プロファイラー です。 おまけ 機能自体は去年の7月ぐらいから利用可能で、その間にUIが何度かマイナーチェンジしていますね。 あと、プロファイルデータを右クリックすると Load 機能はあるけど Save 機能がないので、 Google Dev Summit 2013
1: 以下、\(^o^)/でVIPがお送りします 投稿日:2014/05/19(月) 10:28:42.01 ID:aRezVjdt0 Javaってウェブ開発とかでも使われてるっていうけど、 実際、どういう風に使ってるの? PHPと連携させてるとか? 3: 以下、\(^o^)/でVIPがお送りします 投稿日:2014/05/19(月) 10:30:50.46 ID:zghvT4Xj0 PHPでやってるのと同じようなことがJavaでもできる 要件にあわせてどの言語が適してるかを判断してPHPを使うこともJavaを使うこともある 両方を連携させるのは何か必要があればないこともないけど希 2: 以下、\(^o^)/でVIPがお送りします 投稿日:2014/05/19(月) 10:30:15.02 ID:hIZyIuG/0 Javaが使えるのにPHPを使う理由は全くないんだが? 4: 以下、\(^
圧縮を有効にしろ スクロールせずに見えるコンテンツのレンダリングブロックしろ 画像を最適化しろ JavaScript を縮小しろ ブラウザのキャッシュを活用しろ リソース(HTML、CSS、JavaScript)を縮小しろ JavaScript を縮小しろ サーバーの応答時間を短縮しろ 以下、まずは初心者の方のでも実装が簡単そうなものから紹介します。 リソース(HTML、CSS、JavaScript)を縮小しろ CSSやjs、HTMLを圧縮して最適化(Minify)します。要は、空白とか改行とかコメントとかをギュッとします。オンラインツールがあるので簡単です。 tool http://www.creativyst.com/Prod/3/ ①に現在のCSSやjavascriptをコピーして②を押すだけ。 作成された③をコピーして張り替えればOKです。 但し、可読性は落ちるので常にCSSとかを
HTML5の新しい機能の一つにデスクトップ通知があります。ブラウザ上だけでなく、デスクトップに通知が出せるのでメッセージやチャット、お知らせを配信するのにぴったりです。とは言え実装方法が面倒そうで手を出していないという人も多いでしょう。 そこで使ってみたいのがNotify.jsです。各ブラウザのデスクトップ通知をラッピングし、手軽に扱えるようにしたライブラリです。 Notify.jsの使い方 Notify.jsを使っている場合、以下のようなコードを書きます。 var myNotification = new Notify('Yo dawg!', { body: 'This is an awesome notification', notifyShow: onNotifyShow }); function onNotifyShow() { console.log('notification
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く