CSS, jQueryからPython, Rubyまで、制作者の困ったを解決するコードのスニペットを共有する無料サービス -Code Pad
Post on:2015年2月20日
Web制作に役立つHTML, CSS3, jQueryをはじめ、Python, Ruby, PHP, C など、さまざまなコードのスニペットを共有する無料サービスを紹介します。
デスクトップだけでなくスマホにも対応、いつでもどこからでもアクセスができ便利です。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022001-02.png)
Code Padでは、以下のことができます。
- スニペットを見る(無料)
- スニペットを登録する(要メンバー登録・無料)
スニペットを見る
スニペットを見るのは、登録不要でOKです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022003-01.png)
閲覧できるのは、パブリックで登録されたスニペットです。
スニペットを登録する時は、パブリック(公開)とプライベート(非公開)を選択できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022003-02.png)
Public Snippets: カテゴリ一覧
コードのカテゴリには、さまざまな言語があります。
CSS, Apache, PHP, JavaScript, jQuery, HTML, XML, iOS, MySQL, Objective, Ruby, Ajax, Bash, Java, Processing, SQL, Perl, XHTML, AcitonScript, Pseudocode, Rails, C, Sass, AppleScript, SVN, PowerShell
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022003-03.png)
気になったスニペットは「Like」をつけ、自分用のコレクションを作成することもできます(要登録)。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022003-04.png)
Apacheには、先日紹介した.htaccessもいくつか登録されていました。
参考:ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ
スニペットを登録する
スニペットを登録するのも簡単です。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022002-01.png)
スニペットの作成画面
プライベート用(非公開)・パブリック用(公開)を選択できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022002-02.png)
スニペットの表示画面
スニペットを登録するにはメンバー登録(無料)
Code Padで自分用のスニペットを登録するには、メンバー登録(無料)が必要です。
以前は招待制でしたが、現在は誰でも簡単にすぐに登録できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022004-01.png)
まずは、サイトへアクセスし、「Become a Member」ボタンをクリック。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201501/2015022004-02.png)
Code Pad: メンバー登録画面
名前とメールアドレスとスクリーンネームを入力し、「Request Invite」ボタンをクリックします。
しばらくすると、入力したメールアドレスにCode Padからの招待状が届きます。
Code Padは以前に紹介しましたが、今回大規模なリニューアルを行い、より使いやすく内容もかなり充実されています。
sponsors