様々な言語のコードをブラウザで実行テストできるオンラインIDE・「Llama」
Llama Llamaは様々なプログラミング言語のコードをブラウザで実行テストできるオンラインIDEです。対応言語はCやC++、Bush、Elixir、Go、Java、Haskell、Ruby、Pythonなどの他、JavaScrip...
Resource - エディタ
CMSやフレームワークとの統合を目的としたブロックベースのコンテンツエディタ・「Hyper Editor」
Hyper Editor Hyper EditorはCMSや各フレームワークとの統合を目的としたブロックベースのコンテンツエディタです。JS製で、バックエンドに依存しないのが特徴だそうです。JS製のエディタである事で、一方のCMSでは...
日々のメモや日記、アイデア等を記録できるデスクトップノートアプリ・「glimpses」
glimpses glimpsesは日々のメモや日記、アイデアや画像などをログとして残せるデスクトップ用のノートアプリです。以前ご紹介したNotableと少し似ていますが、もう少し高性能でカジュアルかもしれません。同じようにMarkd...
ユーザースタイルシートをWebページ毎やドメイン毎にその場で設定、他デバイスでも同期出来るChromeエクステンション・「Amino」
Amino Aminoはユーザースタイルシートをその場で確認しながら設定、他デバイスでも設定を同期出来るChromeエクステンションです。Webページ毎、ドメイン毎の設定も可能です。拡張インストール後、ボタンを押せばエディタが開くので...
シンプルでセキュアなオープンソースのデスクトップ日記アプリ・「Mini Diary」
Mini Diary Mini Diaryはシンプルでセキュアなデスクトップ日記アプリです。オープンソースとしてソースコードも公開されています。デジタルで日記といえばブログを思い浮かべるのが恐らく一般的だとは思いますが、個人的にログを...
直感的に使える高性能で無料なオンラインプロトタイピングツール・「Draftium」
Draftium Draftiumは直感的でわかりやすいプロトタイピングツールです。ブロックの追加等を行い、ブロックごとにテキストや画像等を編集するタイプ。編集ツールも非常に分かりやすく、アニメーションエフェクトなども設定可能です。ま...
ドラッグ&ドロップでWebページを作成できるスクリプト・「VvvebJs」
VvvebJs VvvebJsはWebページをD&Dで作成できるスクリプトです。jQueryに依存、bootstrap4をベースとしています。パーツやコンポーネント等を組み合わせて、コードを書かずにWebサイトを作成できる、というよく...
ブラウザで動作するクラウドベースのIDE・「Devmind.io」
Devmind.io Devmind.ioはクラウドベースのIDEです。FTP/SFTPサーバーに接続して、Webブラウザで開発する事が出来ます。複数デバイス、各言語もサポート、バックアップや認証、バージョン管理はDropboxで行い...
HTMLメールをテンプレートから手軽に作成、管理できるオンラインエディタサービス・「Stripo」
Stripo StripoはHTMLメールを手軽に作成、管理できるWebエディタサービスです。テンプレートから作成、D&Dでコンテナを追加/削除が可能でテキストやロゴの変更だけでなく、paddingやmargin等での微調整なども簡単...
ランディングページのひな型を作成、ダウンロードできるシンプルなLP作成ツール・「Unicorn Platform」
Unicorn Platform Unicorn PlatformはシンプルなLP作成サービスです。出来る事は用意されているコンテナを追加/削除してDLする、という事のみとなっています。テキストやカラー、要素の編集等は出来ませんのでH...
CSSやJavaScriptなどの技術を競い合うコード共有サイト・「Codier」
Codier CodierはCSSやJavaScript、HTMLのコード技術を競い合うコード共有コミュニティサイトです。基本的にはjsdo.itやcodepenのようなコード共有サイト同様、その場で書いて実行すると結果が表示、という...
ブラウザで楽譜を作成、結果も試聴できるオープンソースのエディタ・「Hacklily」
Hacklily Hacklilyは楽譜専門のエディタです。ブラウザで動作、OSSとしてソースコードが公開されています。書かれた楽譜はピアノ演奏による視聴も可能のようです。構成にmonacoとLilypondが使われているそうなので書...
CSSのClip Pathを直感的な操作で簡単に作成できる・「Clip Path Generator」
Clip Path Generator Clip Path Generatorはその名の通りClip Pathを作成できるジェネレーターです。直感的な操作でパスを生成、コードを発行してくれる、というもの。マウス操作でパスを生成したら即...
ユーザー登録不要でブラウザで使えるシンプルなリアルタイムコラボレーションコードエディタ・「Snipper.io」
Snipper.io Snipper.ioはユーザー登録不要で手軽に使えるオンラインコードエディタです。多数言語に対応したシンタックスハイライターはもちろん、複数人によるリアルタイムコラボレーションコーディングも可能となっています。使...
フォークも出来るブラウザベースの高性能なベクターグラフィックエディタ・「Drawser」
Drawser Drawserはブラウザベースのドローツールです。高性能、高機能なベクターグラフィックスエディタを無料で利用する事が出来ます。ログインはGoogleアカウントでも可能ですが、ゲストログインも可能なので気軽に試す事ができ...
見た目を確認しながらVScodeのテーマを探せる・「VSCodeThemes」
VSCodeThemes VSCodeThemesはVisual Studio Codeのテーマを、見た目を確認しながら探せるテーマ検索サイトです。人気のテーマ、Light、Darkから一覧表示できますのでデザインギャラリーの感覚で効...
CSSのコードと解説を共有できる・「CSS Playground」
CSS Playground CSSのコードと解説を共有できるPlaygroundツールです。左ペインに解説、右ペインにはjsfidleライクなエディタ兼ビューエリアが設置されており、解説を見ながら動作を確認、学習できる、というもの。...
ランディングページを簡単に構築出来るLP作成ツール・「Flauntly」
Flauntly FlauntlyはLPを簡単に作成出来るLP作成ツールです。D&Dとテキスト入力等の簡単な操作で完了、コーディングスキルは不要です。沢山のコンポーネントを組み合わせてLPを完成させる事ができます。よくあるツールですが...
ミニマルなWebサイトやWebアプリを作成できるオープンソースソフトウェア・「Itty.bitty」
Itty.bitty Itty.bittyはミニマルなWebサイトやWebアプリを作成できるOSSです。HTMLやCSS、JavaScriptなどを入力すればそのまま反映される、というもの。Twitter等で長い文章を手軽に共有できる...
GitHubスタイルのシンプルなオンラインMarkdownエディタ・「Devpen」
Devpen DevpenはGithubスタイルのオンラインMarkdownエディタです。シンプルに、左カラムで書けば右カラムに反映される、というもの。エディタである事以外に特殊な機能等はほぼ皆無だけど見やすくていいんじゃないでしょう...
プロフィールページやフォーム、ランディングページなど、ペラサイトに特化したWebサイト制作ツール・「Carrd」
Carrd Carrdはプロフィールページやローンチ前のユーザー登録等のフォームページ、LPやポートフォリオなど、ペラサイトの作成に特化したWebサイトのビルドツールです。テンプレートを使用してカスタマイズも可能ですが、コンテナを追加...
超シンプルなベクターグラフィックツール・「Dotgrid」
Dotgrid Dotgridは超シンプルなベクターグラフィックツールです。四方400pxあるかどうかという小さなツールですが、性能はなかなかに強力という印象でした。操作は基本的にショートカットで行います。動作も軽量で機能もシンプルな...