Today: Yesterday: Total: Online:
カテゴリー
その他
  • RSS1.0
  • RSS2.0
  • atom0.3
  • valid XHTML1.0
  • valid CSS2
  • Credit
RSSリーダーで購読する | この日記のはてなブックマーク数 | プロフィール
コメントが一番多い記事(233コメント):人の心理の裏をかくホームページ集客術:リピータになってもらうためには
ツイートが一番多い記事(94ツイート):ちょっと待て!twitterやfacebookに子供の写真を掲載する親達への警告
いいねが一番多い記事(574いいね):facebookスパムに要注意。なりすましの見分け方とアカウント乗っ取りの手口(2013年度版)

[ カテゴリー » フリーソフト ]

カテゴリー » フリーソフト November 28, 2013

フォトショが使えないWebディレクターが週1で必ず使うフリーソフト&無料アドオン10選 ID:1385649845


http://lpo.gaprise.com/blog/10-freesofts-and-addons/

google+の伊藤さんがあげられた記事。
これは使えそう。早速ブックマーク。

「Light Cutter」、確かに使いやすい。

http://surviveplus.net/products/windowssofts/?name=lightcutter

初期設定は必要だけれど
起動→常駐アイコン右クリック→オプション→ショートカットキー
でWin+Cで設定すると、
いつでも画面を切り出し、クリップボードに記録できるので
Excel資料に、エビデンスつけたりするのに効率がよくなる。

デスクトップがごちゃごちゃするなら
ショートカット不要の「bluewind」もよさげ。

— posted by midilin @ 11:44PM | Comment (0)

カテゴリー » フリーソフト October 17, 2013

ワイヤーフレームをHTML出力できるソフト ID:1381984610


・iPlotz
http://iplotz.com/index.php


説明ページ
http://www.webcreatorbox.com/tech/website-wireframe-tools/

出来上がったワイヤーフレームをHTMLで表示
jQueryを使ったアコーディオンやタブも実際に動作するとのこと

無料版は制限があり
無料版だと5つまで
http://penguinbox.net/web%E3%81%AE%E3%81%8A%E5%BD%B9%E7%AB%8B%E3%81%A1%E6%83%85%E5%A0%B1/99/


・Prototyper
http://www.justinmind.com/

説明ページ
http://www.find-job.net/startup/wireframetool10

インストールしてみたが、PDF出力はフリー版でもいける。
HTML出力は有料のPro版を使わないとダメなようだ。


・Pencil
http://pencil.evolus.vn/
FireFox のアドオンとして提供されている。

Windows、Mac、Linuxに対応しているワイヤーフレーム作成ツール
スマホのパーツ有り。
HTML、PDF、PNGのエクスポートなどが可能
HTMLはExport Document→Single web page→All pages in the document
でフォルダを指定すれば、HTML出力(画像出力+貼付けされたHTML)される
日本語フォント使用可能

使用例
「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング
http://annex-forkwell.heroku.com/2012/04/23/paper_prototyping

あとは、最近googleから公開された「Google Web Designer」を使うと
描写したものが、HTML5+CSS3で書き出せるので
Google Web Designerでワイヤーフレームを書くのもありかも。

Google Web Designer
https://www.google.com/webdesigner/


・その他ワイヤーフレームソフト

全部無料で試せる!厳選ワイヤーフレーム作成ツール10
http://www.find-job.net/startup/wireframetool10

楽しく作れる!スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選
http://dev.classmethod.jp/smartphone/wireframe-tools-7/

— posted by midilin @ 01:36PM | Comment (0)

カテゴリー » フリーソフト October 03, 2013

無料ウェブデザインツール Google Web Designer ID:1380759031


HTML5 / CSS3 / JSを自動生成する
Google Web Designerのベータ版が
無料で公開された。

これがフリーで使えるのがすごい。

・Google Web Designerのダウンロード
http://www.google.com/webdesigner/

・対応OS
Windows 7/8、Mac OS X 10.7.x

描画ツール、テキスト、3Dオブジェクトを使ってコンテンツを作成し、
タイムラインでオブジェクトをアニメーション化することが可能

・google公式 Google Web Designerの概要
https://support.google.com/webdesigner/#topic=3249465


・関連ニュース

無料ウェブデザインツールGoogle Web Designer ベータ公開、HTML5 / CSS3 / JSを自動生成
http://japanese.engadget.com/2013/09/30/google-web-designer-html5-css3-js/


Google、HTML5ページ・広告のデザインツール「Web Designer」をβリリース
http://www.itmedia.co.jp/news/articles/1310/01/news043.html

— posted by midilin @ 09:10AM | Comment (0)

カテゴリー » フリーソフト August 01, 2013

chromeで超お手軽画面キャプチャ+画像加工 ID:1375323079


chromeのプラグイン

Screen Capture (by Google)
https://chrome.google.com/webstore/detail/screen-capture-by-google/cpngackimfmofbokmjmljamhdncknpmg?utm_source=chrome-ntp-icon


プラグインインストール後、ボタンを押すと
(1)Capture Page Region:ブラウザーのページの一部
(2)Capture Visible Content:現在表示しているブラウザーの画面
(3)Capture Whole Page:ページ全体
(4)Capture Screen Region:スクリーン全体の一部

使い方は
http://weekly.ascii.jp/elem/000/000/131/131312/


キャプチャした画像に、少し手入れをしたい場合、もっともよく使う
枠、テキスト、線引きができるので超便利

キャプラでとれなかった全画面コピーもうまくとれる


Awesome Screenshot:
https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce?hl=ja

キャプチャした後の画像加工もできる。

— posted by midilin @ 11:11AM | Comment (0)

カテゴリー » フリーソフト March 29, 2013

テキストエディター感覚でファイルリネーム「PSSTPSST」 ID:1364530213


・ワイルドカード、正規表現、特定の拡張子などのリネームも可能。
・画像ファイルだけを対象にリネームするといった使い方が可能。
・語頭や語末に指定文字列や連番を一括で付加できる

http://www.forest.impress.co.jp/docs/serial/okiniiri/20130329_593732.html

— posted by midilin @ 01:10PM | Comment (0)

カテゴリー » フリーソフト December 07, 2012

テキストや画像を編集したときファイルをバージョン管理してくれるフリーソフト「AutoVer」 ID:1354864690


CVSのようなサーバーを使ってバージョン管理するのではなく、
ローカル上で、自動的に日付などを付加して
バージョン管理してくれる。

テキストなど修正して、上書きして閉じて修正できなかったときなどに便利。

http://gigazine.net/news/20121114-autover/

— posted by midilin @ 04:18PM | Comment (0)

カテゴリー » フリーソフト November 01, 2012

ハードディスクで完全データ消去するフリーソフト(ハードディスクを譲渡するときなどに使用) ID:1351734627


「File Shredder」
http://www.fileshredder.org/

普通のフォーマットやゴミ箱に捨てるだけでは、
データの復旧の恐れがあるので、
ローレベルフォーマットのように完全にデータを復旧しなくするフリーソフト。

ディレクトリ単位、ディスク単位などできる。

ハードディスクを譲渡(PCを売る場合)や、USBメディアなどを完全消去する場合に使える。


使い方ページ
http://antarespc.com/tool/file-shredder.html

日本語化パッチのあてかた
http://hidden.vc/blog/schloss1/2009/10/file-shredder.php

— posted by midilin @ 10:50AM | Comment (0)

カテゴリー » フリーソフト November 01, 2012

画像の大きさが違うファイルを連結してA4サイズのPDFに連結するフリーソフト ID:1351734421


PDF Designer
http://homepage3.nifty.com/e-papy/p1.html


Faxで書類を送る場合など、面倒な場合
スキャナを使って、ペインタで適当に取り込み(jpgで保存)
あとはPDF Designerにドラッグすると
指定の大きさ(例:A4)に連結してPDFを生成してくれる。

— posted by midilin @ 10:47AM | Comment (0)

カテゴリー » フリーソフト September 13, 2012

Gmailをローカルにバックアップできるフリーソフト ID:1347519093


“Gmail”をローカルへバックアップ・復元できるコマンドラインツール「Gmvault」
http://www.forest.impress.co.jp/docs/news/20120913_559140.html

・Pythonを使っているが、なくても動作可能。
・DB不要。ファイルベースでバックアップされる。
・emlでバックアップされる。
(OutlookやWindows Live メールで読み込みができる)

— posted by midilin @ 03:51PM | Comment (0)

カテゴリー » フリーソフト August 03, 2012

Webデザイナー、SE必見! Excelよりさらに手軽。ホームページ改修イメージを5分で作る方法 ID:1343998702


Webデザイナー、SE業界の人は、既存Webページを改修するときに
FireworskやPhotoshopで画面イメージを作ったり
SEならExcelやパワーポイントで改修イメージを作ると思いますが
そんな手間をかけずに、すぐに改修イメージを作成できるソフトがあります。


今日、デザイナーさんに教えてもらって便利だったので、ご紹介します。


Chromeのエクステンションで「Quick Markup」というのがあります
https://chrome.google.com/webstore/detail/clcbnchcgjcjphmnpndoelbdhakdlfkk?hl=ja


追加してもらうだけでインストール完了です。


■「Quick Markup」の使い方

(1)URLで開きたいページを見ます。

例でyahooをひらきます。


(2)

右上のアイコンをクリックします。



(3)メニューが出てくるので「ページの選択」を押します。

すると、縦長のページもスクロールをして、1枚にキャプチャしてれます。
イメージとしては、フリーソフトのキャプラみたいなものです。

以下のような画面がでてきます。



(4)青アイコンの「注釈をつける!」をクリックします。
   すると、簡易編集画面がでてきます。




これで、準備は完了です。

●注釈をつけたい場合

吹き出しの黄色いアイコンを押します

ためしに、左側のアイコンの説明をこの吹き出しでつくってみました



一般的な、図形や文字入れ、吹き出し、直線、フリーの線、コピー、削除が行なえます。

●スクロールしたい場合

右下にある、グレーの部分をドラッグすると
キャプチャ画像もなめらかにスクロールします。

またマウスのホイールを、拡大縮小もできます。



右下の部分をスクロールしたり、ホイールをぐりぐりすると・・・・



キャプチャした画像の下でみたり、縮小もできました。

●文字に簡単に番号や文字の修飾ができる

上のマークアップをクリックすると、いろいろなアイコンがでてきます。



番号をつけたい吹き出しを選んで、上の数字や、画像のアイコンをつけると簡単に装飾できます。





特にソフトを入れる必要もなく、軽いchromeで動くので、
出先のネットブックで使っても便利ですね。


また縦長のスクロール画像をいちいち連結したり、フリーソフトを使って取得する必要もなく
Excelに読み込みも必要なく、キャプチャした画像にそのまま文字入れやイメージを追加できるので
客先で、要件を聞きながら、メモや、議事録代わりにも使えるでしょう。

— posted by midilin @ 09:58PM | Comment (0)


カウンター