これは、ブラウザなどに搭載されている「デベロッパーツール」から閲覧できるコンソール画面とほぼ同じになっています。 つまり、いちいちデベロッパーツールを起動しなくても、CodePenの画面上から「console.log()」などを確認することが出来るようになったので便利！…ということですね。 ちなみに、この新機能に伴いシェアする時のURL末尾に「?editors=1111」のような4桁の数字を指定することでコンソール画面を含めたコードの「表示・非表示」も可能になっています。 この4桁の数字は、左からそれぞれのコード画面に対応していて、「1(HTML)1(CSS)1(JS)1(Console)」となっており、「1」が表示で「0」が非表示になります。 つまり、 http://codepen.io/ユーザー名/pen/****?editors=1010 こう書くと、CSSとコンソール画面が非表示と

これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素敵でシンプルなので一度試してみるといいですよ。

似たようなツールはよくあるが、ドメイン名が覚えやすかったのと機能が豊富なのでご紹介。 JS Prettyでは、JavaScriptのソースを綺麗にしてくれるツールを提供している。 使い方は簡単で、綺麗にしたいソースを貼り付けるだけだ。 オプションも豊富で、インデントを何桁にするかとか、配列で桁を揃えるだとか、チェーンメソッドで改行するか、とかのマニアックな設定が可能だ。 よくJavaScriptをいじる人だったら知っておいても損はないかもですな。

普通の JavaScript も jQuery もまともに書けないけど、はじめての Web アプリを Node.js でつくってみるという奮闘記。 環境つくるだけなのに何も分からなすぎてハマりすぎて、この一連の流れだけで丸 2 日潰れるという大惨事だったので、ちゃんとブログに残しておく。 Node.js のインストール Node.js の INSTALL ボタンから、インストーラを使って入れることもできるけど、Node.js のバージョンを切り替えて使える方が便利だと思うので、前回のエントリを参考に nodebrew を使ってインストールするのがオススメ。 node.js 入れるなら nodebrew が超簡単 - tacamy memo インストールが正しくできているか確認のため、Node.js のバージョンを表示。 $ node -v npm のインストール Node.js にはたくさ

heroku toolbeltのインストール heroku toolbeld（heroku推奨） https://toolbelt.heroku.com/ herokuコマンドと同時にrubyとgitが同時にインストールされる。 すでにRubyや、windowsでmsysgitをインストールしていると、rubyやgitのバージョンが下がることもある。 すでにRubyをインストールしている場合は

2024 著作権. 不許複製 プライバシーポリシー

いろんなグラフがかける Google Chart Tools の使い方について書いてみました。 Google Chart Tools の使い方 (今回) 表とデータの扱い 棒グラフ (積み上げ棒グラフ) 散布図 折れ線グラフ、面積グラフ 円グラフ、計器図 組織図 グラフの合成 動的なグラフの変更 グラフと表の連携 フィルタリング(Dashboard と Control) データロールによる特異点の表示と注釈付きタイムライン スプレッドシート(表計算)で作成したグラフの公開 今回は Google Chart Tools の紹介と基本的な使い方の説明です。 Google Chart Tools とは グラフの種類 ライセンス 使い方 オプション Google Chart Tools とは Google Chart Tools は SVG を使ったグラフを表示するツールで、 JavaScript