ブラウザ上でCSSグラフィックを作成できる「LayerStyles」 【増田(@maskin)真樹】

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

[読了時間:1分]

　「簡単にサクっとCSSグラフィックを追加できないか」という要求に応えるアプリケーションというものはなかなか存在しない。Fireworksなどはどうしても高価、CSSEditといった優秀なアプリもあるけど、CSSグラフィックコンポーネントを作成したいだけだと機能が豊富過ぎる。その点、ウェブアプリケーションである「LayerStyles」はとても手軽だ。

　ウェブページを開くとオブジェクトが一つ。それに対しCSSの各種要素を適用していくと、リアルタイムにオブジェクトが変化していく。と、同時にCSSコードが下部に生成される仕組みだ。まだまだ機能が少ないが、基本的なパーツをスピーディに作成するには十分だし、工夫次第で活用できそうだ。

　このアプリ、ソースコードはgithubで公開しており、今後も随時進化していくとのこと。

【参考URL】
●LayerStyles
http://layerstyles.org/

蛇足：僕はこう思ったッス

ウェブサービスをスピーディに開発したい人にとって、とても有用じゃないかと思う。デザイナー未満のクリエイター御用達として愛用されるんじゃないだろうか。