2015年1月29日木曜日

特定の文字列を含まない正規表現

【正規表現】以外と知らない特定の文字列を含まない正規表現 - 俺のIT



【正規表現】以外と知らない特定の文字列を含まない正規表現 - 俺のIT
仕事で使った知識を備忘録的に残して行きます。

Excel- 行と列の交差する位置の値を取り出すIndex関数+Match関数

Excel- 行と列の交差する位置の値を取り出すIndex関数+Match関数 - 教えて!HELPDESK



Excel- 行と列の交差する位置の値を取り出すIndex関数+Match関数 - 教えて!HELPDESK
表の行列で指定し、交差する位置の値を返すにはINDEX関数とMATCH関数を組み合わせます。

2015年1月28日水曜日

WordPress記事を直接編集できるプラグイン3選

WordPress記事を直接編集できるプラグイン3選



WordPress記事を直接編集できるプラグイン3選
今日はWordPressで構築したブログ(サイト)の公開後の記事を管理画面に移動せずに、直接編集できるWordPressプラグイン3つを紹介します。私のような誤字脱字の多い”おっちょこちょいブロガー”

投稿画面がすごく便利になる!WordPressプラグイン4選 | 株式会社LIG

投稿画面がすごく便利になる!WordPressプラグイン4選 | 株式会社LIG



投稿画面がすごく便利になる!WordPressプラグイン4選 | 株式会社LIG
こんにちわ段田です。 今回もWordPressプラグインにスポットをあてたいと思います。 今回は管理画面の投稿画面で役立つプラグインをテーマに紹介します。 投稿画面がすごく便利になる!WordPressプラグイン4選 . . .

WordPress ダウンロードファイルを管理するプラグイン

ダウンロードファイルを管理するプラグイン



ダウンロードファイルを管理するプラグイン
WordPressのユーザーメンバーのみダウンロード出来るファイルを取り扱いたい、 またダウンロードされたファ…

Node.jsで関数を順番に実行する

Node.jsで関数を順番に実行する - Qiita



Node.jsで関数を順番に実行する - Qiita
step npmパッケージサイト https://npmjs.org/package/step step GitHubサイト https://github.com/creationix/step 非同期プログラムは、コールバックの...

『nodeベースでGUIアプリを開発する「node-webkit」』

『nodeベースでGUIアプリを開発する「node-webkit」』



『nodeベースでGUIアプリを開発する「node-webkit」』
こんにちは。Ameba事業本部の杉本と申します。業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。今回は、「node-we…

node-webkitでの開発をはじめるならSublimeTextも便利

node-webkitでの開発をはじめるならSublimeTextも便利



node-webkitでの開発をはじめるならSublimeTextも便利
TweetnodeベースでGUIアプリを開発する「node-webkit」みたいな記事を読んでnode-webkitに興味を持たれる方も多いのではないでしょうか。この記事みたいにgruntタスクを書いて開発を進めるのも良…

SublimeTextの設定をgit管理し、複数PCで設定やパッケージを同期する

SublimeTextの設定をgit管理し、複数PCで設定やパッケージを同期する。 - MANA-DOT



SublimeTextの設定をgit管理し、複数PCで設定やパッケージを同期する。 - MANA-DOT
SublimeTextの設定をgitでバージョン管理し、複数PCで同じ設定を使う方法のメモです。

node.js で elasticsearchを使ってみる

node.js で elasticsearchを使ってみる - MANA-DOT



node.js で elasticsearchを使ってみる - MANA-DOT
node.jsはいろんなパッケージがあるので色々出来る!いろんなことをちょっとやってみるのに捗る!全文検索もできたらもっといろんなこと出来そう! そうnpmを探してみたのですが、node.jsネイティブな全文検索エン . . .

D3.jsの使い方とグラフを作成するサンプル | Tips Note

D3.jsの使い方とグラフを作成するサンプル | Tips Note



D3.jsの使い方とグラフを作成するサンプル | Tips Note

TAMテクニカルチームがテーマ別の技術グループに分かれて「Tips Note」を、毎週更新します。

Macのバッテリー情報を取得・記録してGoogleChartAPIでグラフ化 - Qiita

Macのバッテリー情報を取得・記録してGoogleChartAPIでグラフ化 - Qiita



Macのバッテリー情報を取得・記録してGoogleChartAPIでグラフ化 - Qiita
## はじめに Qiita初投稿です。(普段ブログなので・・・) 何書くか迷ったのですが、自分の周りにMac使いが多いのでMac関連で最近自分が作ったものについて書こうかと思います。 Mac book(というかノートPC全般)を使...

2015年1月27日火曜日

Web制作者でもネイティブアプリが作れる node-webkit

Web制作者でもネイティブアプリが作れる!node-webkitを使ってみよう。 | 株式会社LIG



Web制作者でもネイティブアプリが作れる!node-webkitを使ってみよう。 | 株式会社LIG
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお . . .

2015年1月23日金曜日

Sublime Text 2をShift_JISに対応させるプラグイン

Sublime Text 2をShift_JISに対応させるプラグインがあると聞いて



Sublime Text 2をShift_JISに対応させるプラグイン「ConvertToUTF8」




Sublime Text 2でプラグインをインストールするには、まずPackage Controlをインストールする

Sublime Textでプラグイン(拡張機能)をインストールするなら必ず「Package Control」を最初に入れよう!



1.メニューの「View」から「Show Console」でコンソールを開く



2.画面最下部のコンソールに以下のコマンドを入力して、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')



3.Sublime Textを再起動



4.「Preferences」-「Package Control」から「Package Controll: Install Package」を選択します。



5.テキストボックスにインストールしたいプラグイン名を入力します。


2015年1月22日木曜日

jQuery.stop() について補足

jQuery.stopのjumpToEnd引数が便利すぎてやばい(JavaScript Advent Calendar 2010 5日目) | tech.kayac.com - KAYAC engineers' blog



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));

「"0"+a」の部分で元の数値の左に「0」を付けます。「5」ならば「05」となります。
「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」を試してみる

2015年1月20日火曜日

お世話になってるWordPressプラグイン[2011年4月版] | HiGash.Net

お世話になってるWordPressプラグイン[2011年4月版] | HiGash.Net



お世話になってるWordPressプラグイン[2011年4月版] | HiGash.Net
2008年に一度、 押さえておきたいWordPressプラグインまとめ[2008年10月版]

cgi スクリプト集

hidekik.com -- A CGI script supplier --



hidekik.com -- A CGI script supplier --

フリーのCGIを公開しています。各種掲示板、アルバム、カレンダー、アップローダ、暗号化、サイト管理系などのユニークなCGIがあります。CGIで使えるPerlのサンプルコードや便利なコマンドスクリプトもあります。

2015年1月19日月曜日

fpdf.php 「FPDFとjapanese.phpでUTF-8の文字を出力するには?」

FPDFとjapanese.phpでUTF-8の文字を出力するには? - ウィリアムのいたずらの開発日記



FPDFとjapanese.phpでUTF-8の文字を出力するには? - ウィリアムのいたずらの開発日記
 まえに、PHPで、FPDFとjapanese.phpを使ってPDFを出力するってことを書いたけど、  あれだと、UTF-8で出力できない(SHIFT-JISで出力)  そのわけは、japanese.phpで、フォ . . .

WordPressで掲示板を作成する方法~bbsPressの使い方

WordPressで掲示板を作成する方法~bbsPressの使い方



WordPressで掲示板を作成する方法~bbsPressの使い方

気分よくMacを使うために覚えたい「システム環境設定」10のポイント

気分よくMacを使うために覚えたい「システム環境設定」10のポイント(前編) (1/2)



気分よくMacを使うために覚えたい「システム環境設定」10のポイント(前編) (1/2)

Macを買ったらまずチェックしておきたいのが「システム環境設定」。基本部分を自分好みにカスタマイズするのはすごく重要なのだ。

2015年1月16日金曜日

画像を正方形などの指定サイズにリサイズして表示する jQueryまとめ - Qiita

jQueryまとめ - Qiita



画像を正方形などの指定サイズにリサイズして表示する

プラグイン「imgLiquid」を使う。縮小しながらのリサイズや縦横比保持なども出来る。
元の画像はそのままで、リサイズ後の画像を新たに作っている訳ではないので、DBも軽くて便利。

使い方

1.以下からimgLiquidをダウンロード
https://github.com/karacas/imgLiquid
2.jsフォルダの中にある「imgLiquid-min.js」をWEBサイトのフォルダへ移動
3.html内にscriptタグで読み込む
<script src="js/imgLiquid-min.js"></script>
4.下記jsをそのまま書く
$(document).ready(function() {
    $(".imgLiquidFill").imgLiquid();
});
5.htmlを書く
divで囲むこと。divにはclass「imgLiquidFill」をつける。
そのdivにwidthとheightを指定した値でリサイズされる。
<div class="imgLiquidFill imgLiquid" style="width:300px; height:200px;">
    <img alt="Woody" src="Woody.jpg" />
</div>

ゲッタとセッタ

九章第六回 ゲッタとセッタ — JavaScript初級者から中級者になろう — uhyohyo.net



九章第六回 ゲッタとセッタ — JavaScript初級者から中級者になろう — uhyohyo.net

Photoshopで白黒画像の黒を他の色にしたい

「色の置き換え」でうまくできなかったので、以下の方法で

1.「イメージ」-「モード」で「グレースケール」を選択し、グレースケールにする。
2.その画像を「モード」でさらに「ダブルトーン」を選択します。
3.自由に色を選びます。
4.色を確定して、使いたいモード(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/

2015年1月13日火曜日

WordPressサイト用の.htaccess例

WordPressサイト用の.htaccess例dogmap.jp



WordPressサイト用の.htaccess例dogmap.jp
よりパフォーマンスの良い WordPress サイトを構築したいならば .htaccess ファイルを修正しましょう。Webサーバに apache 2系を使用しているサイト用に、私が書いた .htaccess ファイ . . .

ページの初期描画を高速化させる、yepnope.jsの使い方

ページの初期描画を高速化させる、yepnope.jsの使い方 - ふろしき.js



ページの初期描画を高速化させる、yepnope.jsの使い方 - ふろしき.js
yepnope.jsは、JavaScriptファイルやCSSファイルを遅延して読み込んだり、条件によって読み込む対象ファイルをスイッチさせることで、ページ応答やパフォーマンスを改善するJSライブラリです。yepnop . . .