ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最

Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows　→　C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac　→　アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ

CSS Nite LP22フォローアップ（1）『Photoshop × Webデザイン　時間短縮のための基本テクニック』（黒葛原 道さん） 記事公開日：2012年8月18日（土） 2012年3月24日（土） 、ベルサール神保町で開催したCSS Nite LP, Disk 22「Webデザインで使うPhotoshop」のフォローアップとして、黒葛原 道さん（eater）の『Photoshop × Webデザイン　時間短縮のための基本テクニック』のスライドなどを公開します。 スライド（PDF、29ページ、26MB） フォローアップメッセージ みなさま、ご参加ありがとうございました。そして、お疲れさまでした。 遠方からの参加で若干不安もありましたが、あたたかく見守っていただきうれしかったです。 さて、今回のセッションでは押さえておくべき基本の設定や、カスタマイズ方法など、どちらかというと地味な内

TOP > WebDesign > Photoshop >  Photoshop使い必見！Fireworks風のスライス機能をPhotoshopで効率的に使いこなす こんにちは、Roadyです。 最近あまり自転車に乗れていませんが、季節も春！ 仕事も自転車もガンガンこなしていきたいと思います。 さて今回は「Fireworks風のスライス機能をPhotoshopで効率的に使いこなす」をテーマにお話ししたいと思います。 スクリプトのダウンロード 下記リンクからダウンロードができます。 fw_slice.jsx アクションへの登録(ついでにショートカットも登録！) デフォルトですとスライスを切るごとにスクリプトを読み込まないといけないので、アクションへ登録しつつ、そのアクションをショートカットで実行できるように設定することでさらに効率化を図れます。

Photoshopのアクション機能は強力で、デザイナーはこれらを多用していますが、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。Photoshop 7.0以降では、Scripting plug-inを利用して、プログラムで直接Photoshopを制御できるようになりました。この機能を使えば、アクション機能以上に細かなことができます。本記事ではJavaScriptを使い、Photoshopをスクリプト制御して、ファイルをリサイズして保存する方法を解説します。 はじめに Photoshopは、印刷、デザイン、Web製作、ゲーム開発などのさまざまな仕事の現場で利用されている画像加工・作成アプリケーションです。このPhotoshopは、バッチ処理を行う強力なアクション機能を備えています。しかし、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。 Ph

VAT overview )Value Added TaxThe Value Added Tax (VAT) is a consumption tax applied in the European Union (EU) to all goods and services. All consumers in the EU are charged VAT on the purchase of goods and services. Businesses in the EU buying from a business in the same country are also charged VAT. Businesses in the EU buying from a business in a different EU country are not charged VAT. Consum

Maximize Mobile Performance with Applied aiDevelop, grow and optimize your digital business, fueling your next move with unique mobile market data insights.See An App’s PerformanceSearch for an app’s name

Enter website

当サービスは2020年9月をもちまして終了することになりました。 長らくのご愛顧、誠にありがとうございました。

Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。

これは問題解決を知らない人のために書いた文章です。 問題解決について、最低限のことだけを説明します。 問題解決とは何をすることなのか？　それを知るとどんな得することがあるのか？　といった、世の中の問題解決について書かれたいろいろなものよりも、少し手前にある話題についてです。 問題解決って何？ 問題解決とは、自分で目標を決めて、それに向かってうまく行動していくことです。 目標とは「こうしたい」とか「こうなりたい」と思うものです。「こんなのはいやだ」も、みがいていくことで目標になります。 決まった目標について〈うまく行動する〉のは、ものによっては機械にもできます。 アリやハチは、集団で協力してすばらしい巣をつくります。 他にも〈うまく行動する〉お手本にできるものは多いです。 ですが、目標を決めるのは人間だけです。 問題解決をするのは人間だけなのです。 問題解決－ない場合、ある場合 問題解決をや

写真を簡単に加工したい時におすすめなアクションまとめ「40 Time Saving Free Photoshop Actions For Vintage Effect」 photoshopの写真加工技術は日々進化し、手軽かつ非常に幅広いバリエーションでの表現をすることができるようになりましたが、もっと簡単かつ手軽に作業をしたい時におすすめなまとめ「40 Time Saving Free Photoshop Actions For Vintage Effect」を、今回は紹介したいと思います。 （CoLoR effect 4.5 by `sa-cool on deviantART） ヴィンテージな雰囲気の写真加工を登録するだけで簡単に行うことができるフリーのアクションが多数収録されています。気になったものを以下にピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Photo

先日のことです。Ｔ君が割合の問題を解いていました。 「３００円の５０％はいくらですか」 という問題に対しての答が １５００円 とノートに書かれていました。どうしてだろうと思って、式を見ると、次のような式と答が書かれていました。 ３００×０.５＝１５００ 「答、まちがっているよ」と指摘すると、しばらく見つめていましたが あ、と気がつき、すぐに答を訂正しました。式は合っています。 つまり、３００×５のあとで小数点を１つもどす操作を忘れたということです。 この事例に対して、 やっぱり計算力は大切だ。徹底反復によって、計算力を強化せにゃならんなあ〜 と感想をお持ちの方も結構いらっしゃるかもしれません。 だけど、このことよりもずっとずっと大切な問題がこの些細なできごとの中に読み取ることができるのです。 まさに日本の算数教育が抱える大きな欠陥ともいえるべき大きな問題が… かつて、このブログを書き始めた

米Facebookは1月25日（現地時間）、米Twitter傘下のVineの動画アプリやロシアYandexのソーシャル音声検索アプリWonder（米国でのみ公開）に対し、Facebookのユーザーデータへのアクセスを制限したことについて、間接的に説明した。 Vineは、24日に公開された無料のiOS向けソーシャル動画投稿アプリ。iOS端末で撮影した動画を最長6秒のループ動画として投稿でき、投稿した動画はTwitterおよびFacebookでも共有できる。このアプリの「友達を探す」機能でFacebookの友達を探そうとすると、「VineはこのFacebookリクエストの実行を許可されていません」というメッセージが表示される（右図）。 YandexのWonderは、ユーザーのFacebook、Instagram、Twitter、foursquare、Last.fm、iTunesのソーシャルグラ

私事ですが新卒入社以来約７年間勤めた会社を辞めました。 生意気な態度や発言の多々ある僕を、温かく見守り、育ててくれた素敵な会社でした。本当に本当に感謝しております。おそらく僕は社内で１番多くのサービスに関わらせて頂いたかと思います。新規事業提案のチャンスも多々頂き、実際にいくつかリリースすることもできました。 これまでの会社は 好きなことをやれせてもらえる 給料が高い 良い人が多い 会社の規模が大きい（資金力があり、サービスを拡大しやすい） 有休を全部消化できる 帰りたければ18時には帰れる 私服通勤（僕がルール違反してた。ごめんなさい） といった、超絶ホワイトな会社でした。 そんなこともあり、転職は全く考えていなかったのですが、「凄いなー」と思っていた、とある経営者の方に「お会いしたい」「うちに来てほしい」とお誘い頂き、お世話になる（お力になる）決意を致しました。 本当に本当に悩みまして

ブログのコメントシステムをLIVEFYREにしました。使い方を紹介 最終更新日： 2015/08/28 Wordpress, ブログ 最近TechCruchがコメントシステムをFacebookからLIVEFYREに以降したという事なので当ブログもしばらくの間LIVEFYREを試してみる事にしました。 フェイスブックコメントを導入すると、スパムや荒しコメントが大幅に減少するんだけど、同時に有益なコメントも減ってしまうという事です。コメント沢山欲しいので、FacebookでもTwitterでもコメントできるLIVEFYREにしてみました。 LIVEFYREの使い方 -WordPresshttp://www.livefyre.com/にアクセスします。「Get LIVEFYRE」をクリックしてください↓ Site URLには自分のブログのURL、Platformはお使いのブログサービスを選んで「

レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応／変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。

ポケコンっていうものをご存知ですか？今の20代以下の方だと聞いたこともないかもしれませんが、その昔とっても流行ったポケットコンピュータの略。シャープが中心となって発売していたポケットに入るサイズ（といっても今のスマホの数倍の大きさでしたが）の小さいコンピュータで、理系の学生にとっての必需品だった製品でもあります。 そのポケコンがiPhone/iPadアプリ「DPC-100」として再現され、現在iTunesストアのユーティリティカテゴリのNo.1セールスを記録中です。で、開発したのはiYM2151やI am Synth、I am Samplerでもお馴染みのDETUNEの佐野さん。なぜDETUNEが？？という思いを持つ人も多いとは思いますが、個人的にもグッとくるアプリ（これをアプリと呼ぶには抵抗もあるんだけど）なのでちょっと紹介してみましょう。 DETUNEのiPhone用ポケコンアプリ、D

どうも！こんにちは。 みなさん最近計算してますか？僕はしてません。 今回は何でも答えてくれる計算機、すなわち神の計算機を発見してしまったのでご紹介します。 某中学入試問題を解いてみる 突然ですが、こちら某中学入試の1問目です。まずは自力で解いてみました。みなさんは解けますか？ 僕はご覧の通り、式をたくさん描いた割には解にたどり着けませんでした。あと一歩だったんですけどね。 そこで登場するのが今回ご紹介したい神の計算機Wolfram Alpha。（以下Wol神） http://www.wolframalpha.com/ 早速さきほどの計算式を入れていきます。 計算結果がこちら！途中計算式やグラフまで描いてくれます。すごすぎる！ 解は３でした。 実はこの計算機、計算機能だけでなく、wikiのような辞書機能や数値を比較することもできます。 実際に触ってみてもらえばどんなものかわかると思いますが、

作成：2013/01/28 更新：2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．フォント ２．画像編集 ３．ロゴ作成 / ネタ ４．配色 ５．HTML5 ６．CSS ７．ブラウザチェック ８．エディター ９．アフィリエイトリンク作成 １０．フォーム作成 １．フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - ｋ本的に無料ソフト・フリー

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付

これらの古写真は、木版画（錦絵）に代わって写真が急激に普及した明治時代に、仕事が減った浮世絵職人たちが、写真家の依頼で、モノクロの鶏卵紙写真（材料に卵の卵白を用いた写真のプリント技法）に一枚づつ手作業で色付けをした手彩色写真だそうだ。 via：retronaut 江戸時代初期は、犯罪抑止の目的で町人に対する入墨刑が用いられていたが、これにより容易には消えない入墨の特性が一般的に再認識され、その身体装飾への応用が復活した。 その後、遊郭などで、遊女が馴染みとなった客への気持ちを表現する手段として、「○○命」といった入れ墨を施す「入黒子」と呼ばれた表現方法が流行し、古代から継承された漁民の入れ墨や、経文や仏像を身体に刻む僧侶の入れ墨といった、様々な入れ墨文化が都市で交わり、浮世絵などの技法を取り入れて洗練され、装飾としての入れ墨の技術が大きく発展した。 装飾用途の入れ墨は入墨刑とは明確に区別さ

How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

Wikipediaによると、MAME(Multiple Arcade Machine Emulator)は、アーケードゲームのエミュレータの一種で、主に1970年代から1990年代のゲームをサポートしているそうです。 他のエミュレータ同様、動作にはオリジナルのROMイメージが必要となるようです。 アプリの説明文によると、このアプリは「MAME 0.139u1」をサポート。ユニバーサル化されており、iPhone 3GS以降・第3世代iPod touch・iPad全モデルに対応しているようです。 ちなみに過去にも、MAMEのiOS向けアプリが公開されたもののその後削除された、という経緯もあるようです。 なお、当サイトでは動作確認を行っておらず、ご利用は自己責任でお願いします。 Gridlee ゲーム：84.7 MB 価格：無料 対応：iPhone・iPod touch・iPad 開発：Davi

ネット上で無料学習できるサービスが勢いを増している。アメリカでは、ハーバード大学やスタンフォード大学といった有名大学が、講義を見た上で課題やテストに取り組める学習サイトを公開した。 日本でも、東京大学はじめ多くの大学が講義を配信している。また、有志による無料の受験指導や、プログラミング講座などもある。 ネットを活用すれば、お金をかけずに学べる時代というわけだ。 オンライン「ハーバード白熱教室」が開講 無料のオンライン教育サービスブームの火付け役となったのはアメリカのサイト「カーン・アカデミー」だ。小学校から大学レベルまでの教育ビデオを公開するサービスで、たとえば算数の基本からベクトル解析まで、3000本以上の講義がある。受けっぱなしではなく、小テストで確認したり、わからないところを受講者同士で教えあったりして学習できるのが特長だ。 これに影響を受けて、アメリカの有名大学は2012年、オンラ

「日本が破産する！」と断言しているひとに、ひまわり証券債券CFDで日本国債のビッグショートをオススメしたところ、言を左右にしてなかなか実行に移そうとしません。 おかしいですね？日本が確実に破産するなら今のうちに国債売り浴びせて大儲けできるのに、、、 実は日本が破産するなんて本音では全然信じていない国家破産論者のクリエイティブな言い訳をご堪能ください！！

Facebookページの投稿を任意のWebサイトに表示するjQueryのプラグイン・Facioのご紹介です。公式のが嫌、という方はこちらをご利用になってみては如何でしょうか。 Facebookページの投稿を羅列させる事が出来る、というもの。以下が動作デモです。 動作サンプルもう投稿しなくなりましたけど・・当ブログのFBページを表示させてみました。少し表示に時間かかります。 ※input要素が必要と言うわけではありません。貴方のFBページのURLを入力すれば表示テストが可能です。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script>jQueryのプラグインなのでコアを読み込みます。 <div id="facio"></d

» iPhoneやiPadでリアルにトレースできちゃう！ アプリ『Morpholio Trace』を発見 「トレース」という言葉にあまりなじみがなくても、建築分野で働く方やデザイン分野で働く方、もしくはそういった勉強をしている方々が使用している「半透明の薄い紙」といえば、なんとなく想像がつくのではないでしょうか。 写真や絵の上に「半透明の薄い紙」、もとい「トレースペーパー」を置き、かたちをなぞりつつスケッチする。それが「トレース」です。 今回ご紹介するのは、これをiPhoneやiPadでできちゃうアプリ『Morpholio Trace』。「普段トレースする機会なんてない！」というあなたも、思わず試したくなってしまうことウケアイですわよ。 『Morpholio Trace』を使えば、トレースする際のペンの太さや色を自由に選ぶことができるほか、トレースペーパーを何枚も重ねて描く、なんてことも可

The Station is a weekly newsletter dedicated to all things transportation. Sign up here — just click The Station — to receive the full edition of the newsletter every weekend in your inbox. Sub

MacおすすめアプリMacで文字化けに困ったときに文字コードを一括で変換してくれるMultiTextConverter2013年1月27日133 文字コードに気を使わないといけない場面ってあまり多くないのですが、今回WordPressをいじっていて、まとめて20ファイルほど文字コードを変換するニーズが発生。助けてくれたのがMultiTextConverterでした。