「www」カテゴリーアーカイブ

Photoshopのpsdファイルを解析しHTMLで表示させるJSライブラリ「psd2img.js」をGitHubに公開!

HTMLを構築中、psdファイルをPhotoShopで修正する毎に画像を書き出しすんの面倒だな…。と思ったことはありますか?ありますよね!(ないか?)

とコピペ文章で始まった今回、発表するのはJSライブラリ「psd2img.js」です。もちろんこの後もコピペ文章が続きます!。

続きを読む Photoshopのpsdファイルを解析しHTMLで表示させるJSライブラリ「psd2img.js」をGitHubに公開!

Illustratorのaiファイルを解析しHTMLで表示させるJSライブラリ「ai2img.js」をGitHubに公開!

HTMLを構築中、aiファイルをIllustratorで修正する毎に画像を書き出しすんの面倒だな…。と思ったことはありますか?ありますよね!(ないか?)もしもaiファイルを直接HTMLで表示できれば、便利ですよね?ですよね!?

そんなテクノロジを夢見る皆様に、shock tmが今回お送りするのはaiファイルをHTMLで表示させるJSライブラリ「ai2img.js」

続きを読む Illustratorのaiファイルを解析しHTMLで表示させるJSライブラリ「ai2img.js」をGitHubに公開!

スクリプト・エクステンション等のリリー ス・アップデート速報用Twitter開設しました

公開しているスクリプトやエクステンションの手直しする度に記事を書いたり追記するのがイチイチ面倒なので、
リリース・アップデート速報用のTwitter(@shocktm速報所)を開設しました。
フォローしておくと更新情報がツイートで丸わかりなので便利です。
フォローはコチラから

jQueryソースコードのアイコン

jQuery:画像切り抜きプラグイン「Cropper.js」のガイドにフェイスラインを追加して、証明写真系の切り抜きインターフェースを優しくしよう!

Cropper.jsというjQueryプラグインをご存知ですか? ブラウザ上での画像切抜きの機能がお手軽に成し遂げることが出来るプラグインなんですよ? かなりお手軽に実装できるのでオススメです。

続きを読む jQuery:画像切り抜きプラグイン「Cropper.js」のガイドにフェイスラインを追加して、証明写真系の切り抜きインターフェースを優しくしよう!

Webアプリケーションアイコン

劇的にDTP作業効率がアップするかも知れないwebサービス「あどびノ夜叉」のご紹介

この記事は2016年7月21日の記事「Adobe系ファイル解析サービス「あどびノ夜叉」」を再構成・加筆したものです。

どうも、shock tmです。webサービス「あどびノ夜叉」ご存知ですか? 知り合いには割と評判が良くて、「ちゃんと記事にすればいいじゃねぇか」と言われ、一度リリース時に記事にしたのですが、もう一度キチンとした文章・体裁で記事にしてみます。

続きを読む 劇的にDTP作業効率がアップするかも知れないwebサービス「あどびノ夜叉」のご紹介

Webアプリケーションアイコン

Adobe DTP系のファイル解析webサービス「あどびノ夜叉」が稼動

その昔、「イラレの鬼」っていうソフト使ってました。illustratorファイルの詳細な情報が見れるアプリケーションでした。Mac OS9時代によう使ってたなぁ、貰ったデータとりあえず突っ込んだりしてた。なんか懐かしいな、、、

、、、よし!HTML5で作ってみるか!

続きを読む Adobe DTP系のファイル解析webサービス「あどびノ夜叉」が稼動

Webアプリケーションアイコン

サムネイルがドコデモ見られる?web上でAdobe製品のファイルをプレビューするサービス「あどびぷれびゅー」

WindowsではAdobeDTP製品(indesign、illustrator、photoshop)のファイル(AI、PSD、INDD、EPS)はサムネイルが出ません。ネイティブソフトやAdobe Bridgeを使用すれば良いのでしょうが、確認のためだけにいちいち起動するのも面倒だったりします(AIファイルはアートボードサイズで表示されてる!?)。そもそもアプリケーション自体がないマシンの場合もあります

そこでコレ!

続きを読む サムネイルがドコデモ見られる?web上でAdobe製品のファイルをプレビューするサービス「あどびぷれびゅー」

jQueryソースコードのアイコン

jQueryでXML要素を属性指定で値を一発取得できた!(if文を使わずにですよ?)

取り出してif文なんてそんなセッションな

サンプルxml
<xml>
  <superman type="正義超人" type2="リーダー">テリーマン</superman>
  <superman type="正義超人" type2="大王">キン肉マン</superman>
  <superman type="悪魔超人" type2="悪魔六騎士">アシュラマン</superman>
  <superman type="完璧超人" type2="首領">ネプチューンマン</superman>
  <superman type="悪魔超人" type2="七人の悪魔超人">バッファローマン</superman>
</xml>

上記のようなxmlの中から、superman要素の属性値「type」が「悪魔超人」の値を取得したい場合

続きを読む jQueryでXML要素を属性指定で値を一発取得できた!(if文を使わずにですよ?)