2015年1月29日木曜日
2015年1月28日水曜日
D3.jsの使い方とグラフを作成するサンプル | Tips Note
D3.jsの使い方とグラフを作成するサンプル | Tips Note
D3.jsの使い方とグラフを作成するサンプル | Tips Note
D3.jsの使い方とグラフを作成するサンプル | Tips Note
TAMテクニカルチームがテーマ別の技術グループに分かれて「Tips Note」を、毎週更新します。
2015年1月27日火曜日
2015年1月23日金曜日
Sublime Text 2でプラグインをインストールするには、まずPackage Controlをインストールする
Sublime Textでプラグイン（拡張機能）をインストールするなら必ず「Package Control」を最初に入れよう！
１．メニューの「View」から「Show Console」でコンソールを開く
２．画面最下部のコンソールに以下のコマンドを入力して、Enter
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
３．Sublime Textを再起動
４．「Preferences」－「Package Control」から「Package Controll: Install Package」を選択します。
５．テキストボックスにインストールしたいプラグイン名を入力します。
１．メニューの「View」から「Show Console」でコンソールを開く
２．画面最下部のコンソールに以下のコマンドを入力して、Enter
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
３．Sublime Textを再起動
４．「Preferences」－「Package Control」から「Package Controll: Install Package」を選択します。
５．テキストボックスにインストールしたいプラグイン名を入力します。
2015年1月22日木曜日
jQuery.stop() について補足
jQuery.stopのjumpToEnd引数が便利すぎてやばい（JavaScript Advent Calendar 2010 5日目） | tech.kayac.com - KAYAC engineers' blog
jQuery.stop() について補足
jQuery.stop() について補足
$(function () {
$('div').hover(function () {
$(this).find('ul').stop(true, true).slideDown();
}, function () {
$(this).find('ul').stop(true, true).slideUp();
});
});JavaScriptでゼロ埋めする
JavaScriptでゼロ埋めする方法 | You Look Too Cool
「ゼロ埋め」 あるいは 「ゼロパディング」の方法
1 → 001
2 → 002
・・・
var a=5;
alert(("0"+a).slice(-2));
alert(("0"+a).slice(-2));
「"0"+a」の部分で元の数値の左に「0」を付けます。「5」ならば「05」となります。
「slice(-2)」で右から2文字を切り出します。「05」となります。
「25」ならば「025」の右から2文字を切り出すので「25」となります。
「slice(-2)」で右から2文字を切り出します。「05」となります。
「25」ならば「025」の右から2文字を切り出すので「25」となります。
3桁ならば「("00"+a).slice(-3)」とすればよいです。
読み込むjsファイルを振り分けたいとき
読み込むjsファイルを振り分けたいとき、以下のように記述します。
var s = document.createElement("script");
s.type = "text/javascript";
s.src = "custom1.js"; //ここを条件式によって振り分ける
document.getElementsByTagName("head")[0].appendChild(s);
※上記により<head>内最後尾に以下が追加されることになります。
<script type="text/javascript" src="custom1.js"></script>
参考：
読込むjavascriptファイルをユーザーエージェントによって振り分け切替える - Qiita
条件分岐に特化したリソースローダー「yepnope.js」を試してみる
var s = document.createElement("script");
s.type = "text/javascript";
s.src = "custom1.js"; //ここを条件式によって振り分ける
document.getElementsByTagName("head")[0].appendChild(s);
※上記により<head>内最後尾に以下が追加されることになります。
<script type="text/javascript" src="custom1.js"></script>
参考：
読込むjavascriptファイルをユーザーエージェントによって振り分け切替える - Qiita
条件分岐に特化したリソースローダー「yepnope.js」を試してみる
2015年1月20日火曜日
cgi スクリプト集
hidekik.com -- A CGI script supplier --
hidekik.com -- A CGI script supplier --
hidekik.com -- A CGI script supplier --
フリーのCGIを公開しています。各種掲示板、アルバム、カレンダー、アップローダ、暗号化、サイト管理系などのユニークなCGIがあります。CGIで使えるPerlのサンプルコードや便利なコマンドスクリプトもあります。
2015年1月19日月曜日
気分よくMacを使うために覚えたい「システム環境設定」10のポイント
気分よくMacを使うために覚えたい「システム環境設定」10のポイント（前編） (1/2)
気分よくMacを使うために覚えたい「システム環境設定」10のポイント（前編） (1/2)
気分よくMacを使うために覚えたい「システム環境設定」10のポイント（前編） (1/2)
Macを買ったらまずチェックしておきたいのが「システム環境設定」。基本部分を自分好みにカスタマイズするのはすごく重要なのだ。
2015年1月16日金曜日
画像を正方形などの指定サイズにリサイズして表示する jQueryまとめ - Qiita
jQueryまとめ - Qiita
画像を正方形などの指定サイズにリサイズして表示する
プラグイン「imgLiquid」を使う。縮小しながらのリサイズや縦横比保持なども出来る。
元の画像はそのままで、リサイズ後の画像を新たに作っている訳ではないので、DBも軽くて便利。
元の画像はそのままで、リサイズ後の画像を新たに作っている訳ではないので、DBも軽くて便利。
使い方
１．以下からimgLiquidをダウンロード
https://github.com/karacas/imgLiquid
２．jsフォルダの中にある「imgLiquid-min.js」をWEBサイトのフォルダへ移動
３．html内にscriptタグで読み込む
https://github.com/karacas/imgLiquid
２．jsフォルダの中にある「imgLiquid-min.js」をWEBサイトのフォルダへ移動
３．html内にscriptタグで読み込む
<script src="js/imgLiquid-min.js"></script>
４．下記jsをそのまま書く
$(document).ready(function() {
$(".imgLiquidFill").imgLiquid();
});
５．htmlを書く
divで囲むこと。divにはclass「imgLiquidFill」をつける。
そのdivにwidthとheightを指定した値でリサイズされる。
divで囲むこと。divにはclass「imgLiquidFill」をつける。
そのdivにwidthとheightを指定した値でリサイズされる。
<div class="imgLiquidFill imgLiquid" style="width:300px; height:200px;">
<img alt="Woody" src="Woody.jpg" />
</div>
Photoshopで白黒画像の黒を他の色にしたい
「色の置き換え」でうまくできなかったので、以下の方法で
１．「イメージ」-「モード」で「グレースケール」を選択し、グレースケールにする。
２．その画像を「モード」でさらに「ダブルトーン」を選択します。
３．自由に色を選びます。
４．色を確定して、使いたいモード（RGBやCMYKなど）にもどす。
１．「イメージ」-「モード」で「グレースケール」を選択し、グレースケールにする。
２．その画像を「モード」でさらに「ダブルトーン」を選択します。
３．自由に色を選びます。
４．色を確定して、使いたいモード（RGBやCMYKなど）にもどす。
2015年1月15日木曜日
メール本文、添付Officeファイル、ウェブページをすぐにPDF化
メール本文をPDF化
pdfconvert@pdfconvert.me 宛にメールを送るとPDFに変換して返信されます。
Office文書（Word/Excel/Powerpoint）をPDF化
ファイルをメールに添付して、attachconvert@pdfconvert.me 宛にメール送ると、添付ファイルをPDFに変換して返信されます。
ウェブページをPDF化
ウェブページのURLをメールの本文に書いて webconvert@pdfconvert.me にメールを送ると、ページ全体をPDFに変換して返信されます。
http://pdfconvert.me/
pdfconvert@pdfconvert.me 宛にメールを送るとPDFに変換して返信されます。
Office文書（Word/Excel/Powerpoint）をPDF化
ファイルをメールに添付して、attachconvert@pdfconvert.me 宛にメール送ると、添付ファイルをPDFに変換して返信されます。
ウェブページをPDF化
ウェブページのURLをメールの本文に書いて webconvert@pdfconvert.me にメールを送ると、ページ全体をPDFに変換して返信されます。
http://pdfconvert.me/
登録:
投稿 (Atom)