カテゴリ:ツール

HTMLの知識無しでも出来るGoogleフォームの作り方

ツール

HTMLの知識無しでも出来るGoogleフォームの作り方

お問い合わせなどに使うフォームですが、作ろうとすると結構大変なものです。これを簡単に作れるのがGoogleフォームです。今回はそのGoogleフォームの作成方法の記事になります。

  • 続きを読む

SourseTreeを使って差分を書き出す方法

ツール

SourseTreeを使って差分を書き出す方法

最近は差分の管理にGitを使っていて、それのGUIでSourseTreeを使っています。せっかくならそのまま差分を書き出してくれないかなと思ったら、バッチファイルを作成し、カスタムコマンドを使うと出来るということが分かりました。

  • 続きを読む

Photoshopで複数の画像に同じ処理を一度で自動適用させる方法

ツール

Photoshopで複数の画像に同じ処理を一度で自動適用させる方法

ブログの記事を書く際、写真を複数並べたい時があります。だいたいはその写真を少し補正したりリサイズしたいなと思うのですが、枚数が多くなるとかなりの手間です。

前にもこのやり方を調べた気がするのですが、すっかり忘れていたので覚えるために書いておこうと思います。

  • 続きを読む

自分用のgruntタスクメモ

ツール

自分用のgruntタスクメモ

前にgruntの使い方を書きましたが、それからいろいろ試してみて自分なりのタスクを作成しました。

まだあまり使い倒してないのでまだまだ変更するところがあると思いますが、これを元に変えていきます。

  • 続きを読む

GitHub for windowsを使ってGitHubを利用してみた

ツール

GitHub for windowsを使ってGitHubを利用してみた

リソースのバージョン管理をしてくれるGitHubを「GitHub for windows」を使って利用してみましたので、簡単な使い方の紹介です。

  • 続きを読む

DropboxとiPhoneの同期を解除する方法

ツール

DropboxとiPhoneの同期を解除する方法

昔にDropboxとiPhoneを同期してカメラアップロードするとDropboxの容量が増えるというのがありまして、その時に同期をしてから放っておいていました。

  • 続きを読む

いろんなWebサービスを連携してくれる「IFTTT」がすごく便利だった

ツール

いろんなWebサービスを連携してくれる「IFTTT」がすごく便利だった

サイトの運営をしているのですが、その更新した時にTwitterやfacebookに告知をしたい場合があると思います。

自分は前までdlvr.itを使ってFeedの更新を告知してもらっていたのですが、 どうやら有料プランが始まったようで無料版ではいくつか機能が制限されたようです。

  • 続きを読む

オープンソースのコードエディタAdobe Bracketsを使ってみた

ツール

オープンソースのコードエディタAdobe Bracketsを使ってみた

存在自体は前から知っていたのですが、どんな感じかなということで「Adobe Blackets」を使ってみました。

  • 続きを読む

初めてSassとCompassを使った際に参考にした記事まとめ

ツール

初めてSassとCompassを使った際に参考にした記事まとめ

しばらく前から気になっていたCSSを書く時に便利だという「Sass」と「Compass」を自分のサイトを作る時に使ってみました。

順番に導入の手順を追ってもいいのですが、検索すると多くのサイトが紹介していますので、私が見て参考にしたページをまとめておきたいと思います。

  • 続きを読む

Sublime Text 2での複数ファイルの一斉置換

ツール

Sublime Text 2での複数ファイルの一斉置換

HTMLのコーディングしていると、複数ページの同じ箇所を一気に置換することがあると思うのですが、それのSublime Text 2で実行する方法です。

  • 続きを読む

Sublime Text 2のプロジェクトを設定してみよう

ツール

Sublime Text 2のプロジェクトを設定してみよう

Dreamweaverでは「サイトの定義」を使っていたのですが、Sublime Text 2でもそれに似た機能がないかと思ったら、 Projectというのがありました。

  • 続きを読む

Sublime Text 2の設定をDropboxで共有して便利にする

ツール

Sublime Text 2の設定をDropboxで共有して便利にする

前回は初期の設定とプラグインのインストールと削除をやりました。

今回は、Dropboxを使って家のマシンでも会社のマシンでも設定を共有出来るようにしたいと思います。

  • 続きを読む

コーディングが早くなる!?噂のSublime Text 2を入れて初期設定をしてみた。

ツール

コーディングが早くなる!?噂のSublime Text 2を入れて初期設定をしてみた。

最近私の周りでよく話題になっているエディタ「Sublime Text 2」。

使い慣れているからという理由でずっとDreamweaverを使っているのですが、紹介記事をいろいろ見ていたら良さそうだったので使ってみようと思い入れてみました。今回は その「Sublime Text 2」をインストールして初期設定、そしてプラグインを入れる方法までをご紹介したいと思います。

  • 続きを読む

動画でプログラミングを学習できるドットインストール

ツール

動画でプログラミングを学習できるドットインストール

サイトがオープンしたのは少し前になりますが、動画でプログラミングを学習できる「ドットインストール」のご紹介です。

  • 続きを読む

Photoshopの便利なスクリプトや拡張機能のまとめ

ツール

Photoshopの便利なスクリプトや拡張機能のまとめ

Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。

スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。

  • Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts
  • Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts

拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。

  • 続きを読む

Dreamweaverの便利なコマンドや拡張機能のまとめ

ツール

Dreamweaverの便利なコマンドや拡張機能のまとめ

コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。

そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。

使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。

  • Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands
  • Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands

拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。

  • 続きを読む

情報収集をもっと快適にする「Gunosy」を使ってみた

ツール

情報収集をもっと快適にする「Gunosy」を使ってみた

日々、効率的に情報を集められないかなと思っているのですが、面白いサービスを見つけたのでご紹介します。

  • 続きを読む

FacebookのOGPを確認する・キャッシュをクリアする方法

ツール

FacebookのOGPを確認する・キャッシュをクリアする方法

ホームページにFacebookにシェアするボタンを設置しているページが増えてきました。

そこで表示する画像やタイトルを記述するOGPですが、こちら一回そのURLでアクセスするとキャッシュがFacebook側に残るようで、 修正しても早々には変わってくれないようです。

  • 続きを読む

あなたは、PhotoshopとFireworksどちらをよく使っていますか?

ツール

あなたは、PhotoshopとFireworksどちらをよく使っていますか?

少し前になりますが、PhotoshopとFireworksどちらメインで使ってる人が多いのかなと思ってアンケートをさせていただきました。

  • 続きを読む

Dwでコーディングがちょこっと早くなる小技

ツール

Dwでコーディングがちょこっと早くなる小技

コーディングを早くすると言えば超速コーディングとして話題になった「Zen-Coding」がありますが、記述方法を覚えなければいけないのもあって及び腰な人も多いのではないでしょうか(私です)。

  • 続きを読む

Dropboxでファイルが消えてしまった時の対処法

ツール

Dropboxでファイルが消えてしまった時の対処法

ファイル共有できるオンラインストレージサービスのDropbox。同じファイルを持ち歩かなくても、あちこちで作業できてとても便利なサービスです。 ただ利用していたときにファイルが消えてしまって焦ったので、回復法のメモです。

  • 続きを読む

Dreamweaverで簡単にリストをマークアップするコマンド

ツール

Dreamweaverで簡単にリストをマークアップするコマンド

Dreamweaverでリストをマークアップする時に便利なコマンドのご紹介です。

  • 続きを読む

XMLやHTMLでサイトマップを作成してくれる XML Sitemaps Generator

ツール

XMLやHTMLでサイトマップを作成してくれる XML Sitemaps Generator

Googleなどで使用できるxmlサイトマップを生成してくれるツールです。

  • 続きを読む

フリーで使えるアイコンを検索できる iconfinder

ツール

フリーで使えるアイコンを検索できる iconfinder

アイコンを探すときに便利なのが、こちらのサイトiconfinderです

  • 続きを読む

電子書籍ファイルePub作成に関するまとめ

ツール

電子書籍ファイルePub作成に関するまとめ

最近話題になっている電子書籍ですが、いろいろ調べたところ思ったより簡単に自作できそうです。

  • 続きを読む

ダミーテキストを作成するときに便利な すぐ使えるダミーテキスト - 日本語 Lorem ipsum

ツール

ダミーテキストを作成するときに便利な すぐ使えるダミーテキスト - 日本語 Lorem ipsum

デザインを作成するときに、テキストの部分はダミーにすることがあるかと思いますが、テキストテキストなど同じ文字の羅列だといまいち 雰囲気がわかりづらかったり見た目我悪かったりします。

  • 続きを読む

比率を計算してくれるツール

ツール

比率を計算してくれるツール

サイトのレイアウトなどで、黄金比や白銀比を利用するときに簡単に計算してくれるツールのご紹介。

これらを使うと、バランスのとれたレイアウトを実現できると思います。

  • 続きを読む