EC studio EC studio デザインブログ

何度も同じコードを使うとき、
コードを書き直したり、以前のものを探してコピペしたりする作業
めんどくさいなんて感じたりしていませんか?

こんなときはスニペットを使うのをオススメいたします。

スニペットとは繰り返し使うコードを登録しておくものです。
1度スニペットに登録するとダブルクリックなどで簡単に呼び出すことができます。
多くの開発環境にはスニペットの機能があるのでぜひ活用してみましょう。

EC studioでは開発にEclipseを使用しているので、
簡単にEclipseでのスニペット登録方法をご紹介したいと思います。
(EC studioがどうしてEclipseにしたかの理由についてはこちらに記載しています)

スニペット機能を表示させよう

表示方法は「ウィンドウ」→「ビューの表示」→「その他」→「スニペット」
を選択するとスニペットウィンドウが表示されます。

img-snippet01

スニペットの登録方法

スニペットウィンドウ上で右クリックを押して「カスタマイズ」を選択します。

img-snippet02

「パレットのカスタマイズ」が表示されるので、
一番左上にある「新規」のボタンをクリックしましょう。

img-snippet03

「新規カテゴリ」もしくは「新規項目」が選択できます。

「新規カテゴリ」には登録するスニペットを分類したい場合に
カテゴリとして使用してください。(例えばhtml、CSSなど)

「新規項目」にはこれから登録するスニペットを保存してください。

img-snippet04

スニペットの使用方法

あとは保存したスニペットを選択してドロップ、
またはダブルクリックをすると登録したコードを呼び出すことができます。

インポート、エクスポート機能もあるので、複数人と共有するのにとても便利です。
ぜひ、スニペットで効率化をしてみてはいかがでしょうか?

スニペットコードは色々なサイトでも紹介されていますので、
参考にされてはいかがでしょうか。

以下はWeb上で紹介されているスニペットコードです。

A collection of Clips for Panic’s Coda.
http://coda-clips.com/

Webデザイナーのためのコードスニペット125選『125 Code Snippets for web designers』
http://blog.creamu.com/mt/2007/08/web125125_code_snippets_for_we.html

[CSS]基本から実用的なものまで、スタイルシートのスニペット集
http://coliss.com/articles/build-websites/operation/css/css-snippets-for-web-developers.html


関連した記事:

■ 「日本でいちばん社員満足度が高い会社の非常識な働き方」

日本でいちばん社員満足度が高い会社の非常識な働き方

この記事へのコメント (0)

コメントはまだありません。

コメントを投稿

HTML5+CSS3で作る 魅せるiPhoneサイト

デザイン部の谷がiPhoneサイト
制作の書籍を出版しました

取材に関するお問い合わせ


(担当:大崎)

投稿者
カテゴリー
人気のエントリー
最近のエントリー
アーカイブ

BLOG オフィシャルブログ

社長ブログ
EC studio社長ブログ

ブログを読む

技術ブログ
技術部のブログ

ブログを読む

デザインブログ
デザイン部のブログ

ブログを読む

RECRUIT 採用情報

EC studio 採用情報の詳細はこちら

Copyright© EC studio, All Rights Reserved.