このウェブサイトは、ちょっとしたコードを他人と共有できるサービスです。
コードの文字数が多くても、大丈夫！
共有は 短いURL を使って行うので、文字数が多いコードでも安心です。
プロジェクト単位のコード共有はGithubやGitLabを使ってね！
NoteSnipにアクセスしてください。
アクセスしたサイト上で、以下の操作を行ってください。
- エディターにコードを書く、あるいはエディターにコードを貼り付けてください。
- 書いた、あるいは貼り付けたコードの言語を選択してください。共有先でも言語の情報は共有されます。
- 「共有URL作成」ボタンを押してください。共有のための設定画面が起動します。
- 保存する期間をプルダウンから選択してください。ちょっと共有すればいい場合は短い時間を、長い時間保存する必要がある場合は長い保存期間を選択してください。
- 「送信」ボタンをクリックしてください。共有用のURLの作成が始まります。
- 作成された共有URLをクリップボードにコピーして、共有してください。
使い方がわからなくなったら、ロゴの隣のヘルプボタンを押してね！
サイトの使い方が出てくるよ！
| カテゴリー | サブカテゴリー | 使用している技術 |
|---|---|---|
| フロントエンド | 言語・ライブラリ等 | TypeScript |
| React.js | ||
| Vite | ||
| YamadaUI | ||
| CodeMirror | ||
| インフラ | Cloudflare Pages | |
| バックエンド | 言語・ライブラリ等 | Rust |
| DB | CockroachDB Serverless | |
| 自作マイグレーションツール | ||
| インフラ | AWS | |
| NGINX | ||
| systemd | ||
| その他 | ShellScript | |
| Docker | ||
自作マイグレーションツールは、課題のなかで必要となったため、自作したものです。DB周りの補助ツールです。
自作ツールの作成の経緯の詳細はこちら。
自作ツールの該当のリポジトリは以下になります。
React CodeMirror - CodeMirror component for React.
Yamada UI - Reactアプリケーションのスタイリング、アニメーション、そして柔軟性の力を解き放つ、UIコンポーネントライブラリ。 - Yamada UI
Switch by aymenthedeveloper made with CSS | Uiverse.io
Button by McHaXYT made with CSS | Uiverse.io
Button by xopc333 made with CSS | Uiverse.io
Loader by jeremyssocial made with CSS | Uiverse.io
Button by gharsh11032000 made with CSS | Uiverse.io
作成の際に検討したことなどを書いた解説記事を作成しています。
興味のある方はご覧になってください。
SKP621さん。サイトのロゴ画像の作成でお世話になりました。また、普段から応援してくださってありがとうございます。
And you ...