Resource - コードスニペット

任意のスニペットコードを手軽に保存、共有、管理できる・「thiscodeWorks」

thiscodeWorks thiscodeWorksは任意のスニペットコードを手軽に保存、共有、管理できるWebサービスです。ブラウザ拡張を併用する事でより管理が捗ります。拡張機能を使う事を前提のサービスとも言えそうです。 ユ...

CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」

DevSamples DevSamplesはCSSやJavScript等の便利なコードスニペットを収集しているWebサイトです。 CSSやJS、Node、Git、ReactやSvelte、HTMLなど開発時にたびたびググりがちな...

コードスニペットをフォルダで管理したりカスタマイズ可能なスクリーンショットを撮ったりembedも出来るスニペット管理ツール・「CodeKeep」

CodeKeep CodeKeepはコードスニペットをフォルダで管理したりカスタマイズ可能なスクリーンショットを撮ったりembedも出来るスニペット管理ツールです。 単純にコードスニペットを登録するだけでなく、フォルダでカテゴラ...
Ads

コードを画像化できるオープンソースのWebアプリ・「Codify」

Codify Codifyはコードを画像化できるオープンソースのWebアプリです。今までもCarbonや、Codeimg.io、CodeZenといったツールをご紹介させて頂きましたが、同様のツールになります。 異なる点はスタイル...

Github gistや任意のスニペットコードを画像化できるWebアプリ・「Snippet Shot」

Snippet Shot Snippet ShotはGithub gistや任意のスニペットコードを画像化できるWebアプリです。過去に同じ目的のアプリを紹介しました。こちらは後発サービスになります。 任意のコードなら直接書き込...

Githubで公開されているコードの任意の行をブックマークできるChromeエクステンション・「Github Bookmarks」

Github Bookmarks Github BookmarksはGithubで公開されているコードの任意の行をブックマークできるChromeエクステンションです。 ファイル内の任意の行をブックマークし、Github内で管理す...

Electronで出来たオープンソースの開発者向けエディタ機能付きコードスニペット管理ツール・「massCode」

massCode massCodeはElectron製のOSSな開発者向けコードスニペット管理ツールです。Monaco Editorが採用されており、スニペット管理ツールとコードエディタを兼用する事ができます スニペットは様々な...

HTMLメール用の署名をプレビューを見ながら作成できる・「MySigMail」

MySigMail MySigMailはHTMLメール用の署名をプレビューで確認しながら作成できる署名ビルダーです。メール末尾によく用いられる、いわゆるSignatureを作れる、みたいなやつです。 以下はサンプル。 ...

コードスニペットをシンプルに管理できるOSSのデスクトップアプリ・「Forge」

Forge Forgeはコードスニペットをシンプルに管理できるデスクトップアプリです。各OSに対応しており、OSSとしてソースコードも公開されています。特に大きな特徴も画期的な機能等はなく、コードスニペットを記録、コピーしやすいように...

CSSやHTMLのコードサンプルを収集している・「FREE FRONTEND」

FREE FRONTEND FREE FRONTENDはCSSやHTMLを使ったUIコンポーネントやエフェクトなどのコードサンプルをまとめ記事にして収集しているWebサイトです。モダンなスタイルのフォームやホバーエフェクトのサンプル、...

コードスニペットを管理できるOSSのデスクトップアプリ・「Snippet Store」

Snippet Store Snippet Storeはコードスニペットを効率的に管理できるデスクトップアプリのコードマネージャです。開発者は17歳のベトナムの方のようですね。タグ付け、キーワード検索、多言語化などに対応しています。現...

コードスニペットやプレーンテキストを保存可能なスニペット管理ツール・「PasteCloud.net 」

PasteCloud.net PasteCloud.netはコードスニペットやプレーンテキストを保存、管理できるツールです。Gistとかpaste.inみたいなツールです。対応言語は多くありませんが一応embed、フォーク、印刷も出...

30秒で理解できるものだけを集めたJavaScriptコードスニペット集・「30 seconds of code」

30 seconds of code 30 seconds of codeは「30秒で理解できるJavaScriptコード」をまとめたスニペット集です。理解力に欠ける自分の脳では30秒は難しかったですが、シンプルながら便利そうなコード...

チーム向けのオンライン共有ノートツール・「Scrapbox」

Scrapbox Scrapboxはチーム向けのオンライン共有ノートです。スクショサービス、Gyazoの開発元が公開したサービスのようですね。ノートツールですが、Evaernoteとは用途が違う印象です。タグによるカテゴライズや検索は...

WordPressのカスタムタクソノミーやカスタム投稿、ショートコードを作れるジェネレーター・「Hasty」

Hasty HastyはWordPressのカスタム分類やカスタム投稿タイプ、ショートコードやカスタムメニューなどのコードを発行してくれるジェネレーターです。もろもろの設定やオプションを決めて作成すればコードが発行されるのでfunct...

StackoverflowやGithub等のコードスニペットをコピーしやすくするChromeエクステンション・「CodeCopy」

CodeCopy CodeCopyはStackoverflowやGithub等のコードスニペットをコピーしやすくするChrome拡張です。preタグ等で書かれたスニペットにマウスホバーすると、コードをクリップボードにコピーするボタンを...

Bootstrapで使えるコードスニペットを集めている・「CodeLab」

CodeLab CodeLabはBootstrapで使えるコードスニペットを集めているWebサイトです。jQueryの情報を配信するjqueryRainというWebサイトで作っているコンテンツのようです。スニペットは動作デモも用意され...

コードスニペットを登録、実行テスト可能なOSS・「glot」

glot glotはコードスニペットを登録してその場で実行テストも可能なオープンソースのソフトウェアです。pastebinのようなスニペット共有ツールを構築する事ができる、というもの。対応言語もそこそこ多く対応してあり、シンタックスハ...

サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」

CodeMyUI.com CodeMyUI.comはサンプルコードも紹介しているUIチュートリアル記事等をGifアニメを使ってギャッリー形式でまとめているTumblrサイトです。参照元へのリンク、またはCodePenに投稿されたよさ気...

リダイレクトやセキュリティ、パフォーマンスの向上など、.htaccessで使えるスニペットをまとめている「.htaccess Snippets」

.htaccess Snippets .htaccess Snippetsは.htaccessで使える小技をまとめたスニペット集です。リダイレクトやリライト、セキュリティ向上やパフォーマンスの向上など、よく使うものをサクッとまとめてく...

Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」

Give ’n’ Go Give ’n’ GoはDribbbleに投稿されたものとCodepenで再現されたものを比較しているWebギャラリーサイトです。デザイナーの方がDribbbleに投稿したデザインコンセプトと、そのデザインをC...

jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」

Codemagic Codemagicはブラウザ上でJavaScriptの開発・動作テストを行えるツールです。jsfiddleと同じようなものですが、こちらはOSSとしてGithubにてソースが公開されています。ライセンスはMITとの...
Ads