Macaron is an open-source UI design tool to create and maintain Web Components.
Macaron | Visual component editor for Web development
Macaron is an open-source UI design tool to create and maintain Web Components.
Mermaid Flow is a Visual Mermaid live editor that aims to simplify creating Mermaid JS Diagrams online. Currently Mermaid Flow supports Flowchart diagrams, giving you the ability to Drag and Drop nodes, edges and labels to create your Flowchart diagrams visually. This mermaid live editor is useful for creating and maintaining complex diagrams such as Software Architecture diagrams. Once drawn, sim
これまでにも外国人が日本を旅するなら絶対に外せない場所として人気を集めてきた「京都」。インバウンド景気によるものか、外国人旅行者がさらに急増しているとのこと。 そこで今回は、京都を訪れた外国人観光客の方々によるリアルなコメントをもとに、現在の状況を調査してみました。 海外観光客だからこその視点も image by:fornStudio/Shutterstock.com 京都を観光するために訪れるのはもちろんのこと、初めから京都を目的として日本へ旅する方も続出している現在。京都観光の需要が高まっていることは、実際の調査結果からも数字として表れています。 この傾向は、コロナ禍の脱出が本格的に始まっていた昨年からスタートしており、数値からは変化が歴然。 京都市産業観光局による「京都観光総合調査」を見てみると、観光客数だけでも2021年の2,102万人に比べ2022年は4,361万人と、倍以上に増
VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~ - Qiita
VSCode上でシーケンス図/クラス図/フローチャートをサクッと書きたい ~Mermaid Graphical Editor~初心者umlVSCode新人プログラマ応援mermaid はじめに Mermaid Graphical EditorというVSCodeの拡張機能にとても感動したので一筆書きました こんな方におすすめ シーケンス図/クラス図/フローチャートをサクッと書きたいけどmermaidとか難しそう 😢 できること VSCode上でポチポチしながらシーケンス図/クラス図/フローチャートを描けるようになる mermaid記法のコードも自動生成されるよ 個人的メリット mermaidの学習コスト0 紙で書くよりも修正しながら書きやすい 導入手順 （簡単7steps） (1) VSCode上で「Mermaid Graphical Editor」という拡張機能をインストールする (2)
CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor
Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 最近のやり方としてはvw, calc()を使用したフォントサイズの定義などがありますが、clamp()を使用するとかなり簡単です。最小値と最大値を決め、その間の変化の度合いも変更でき、もちろん日本語フォントのfont-sizeでも大丈夫です。 Modern Fluid Typography Editor Modern Fluid Typography Editor -GitHub Modern Flu
👻 GhostText — Use your text editor in the browser
• Use your text editor in the browser Whenever you’re writing more than a little snippet of code anywhere on the web, activate GhostText to open your preferred text editor and enjoy your own development environment. Installation GhostText is a browser extension that connects to your editor via its own extension. Install both extensions and, if necessary, start the GhostText server in the editor’s
Twitterがテキストエディタのコードをオープンソースで公開、iOS用。「Twitter Text Editor」
Twitterがテキストエディタのコードをオープンソースで公開、iOS用。「Twitter Text Editor」 Twitterは、iOS用のテキストエディタを実装するコード「Twitter Text Editor」をオープンソースで公開しました。 Today we’re happy to share Twitter Text Editor, a standalone, flexible API that provides a full-featured rich text editor for iOS applications. iOS developers can add robust text editing to their applications! #TwitterTextEditorhttps://t.co/OaABWmCrOz — Twitter Open Source
TOP > Article Theme > 人工知能（AI）ニュース > Google「Cloud Shell Editor」新版を発表、Pythonなどに対応 クラウドネイティブ開発可能に 米Google（グーグル）は現地時間10月30日、「Cloud Shell Editor」の新バージョンを発表した。すでにide.cloud.google.comでプレビューを公開しており、Eclipse Theia IDEプラットフォームを搭載する。 今回発表した新バージョンは、Cloud Codeプラグインのサポートによるクラウドネイティブ開発に対応。ローカルでの設定が不要で、ブラウザから直接利用できる。また、Go、Java、.Net、Python、NodeJSをサポートした。さらに、統合されたソースを管理したり、複数のプロジェクトをサポートしたりも可能だ。 米Googleは、Cloud Shel
無料で文章やコードを校正できる「textlint」にブラウザ拡張機能「textlint editor」が登場したので使ってみた
論文やマニュアルを書く場合の表記揺れや誤字脱字、読みにくいため好ましくないとされる表現などを検知して、文章全体の質を上げるための校正ツール「textlint」が、2021年5月27日にバージョン12へのアップデートをリリースしました。合わせて、textlintを任意のウェブサイトで動かせるFirefoxとChromeのブラウザ拡張をベータリリースしたことも告知されています。 textlint v12.0.0 · textlint https://textlint.github.io/blog/2021/05/24/textlint-12.html textlint 12リリース、ブラウザで動くtextlint editorをベータリリース | Web Scratch https://efcl.info/2021/05/27/textlint-12-editor/ textlintとは、az
Build software faster in an editor designed for pair-programming with AI
GitHub - WerWolv/ImHex: 🔍 A Hex Editor for Reverse Engineers, Programmers and people who value their retinas when working at 3 AM.
Featureful hex view Byte patching Patch management Infinite Undo/Redo "Copy bytes as..." Bytes Hex string C, C++, C#, Rust, Python, Java & JavaScript array ASCII-Art hex view HTML self-contained div Simple string and hex search Goto from start, end and current cursor position Colorful highlighting Configurable foreground highlighting rules Background highlighting using patterns, find results and b
GitHub - facebook/lexical: Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
cronはUnix系オペレーティングシステムのジョブ管理ツールで、タスクをスケジュール指定して定期的に実行させることが可能ですが、スケジュール指定の際に使用するcron式をすぐに読み取るのは難しいものです。「Cron job editor」はcron式を人間が読み取りやすいカレンダー形式に可視化してくれるサイトとのことなので、実際にどんな感じで使えるのか確かめてみました。 Cron job editor: multiple cron jobs, calendar view, AWS & Vercel cron support | CronTool https://tool.crontap.com/cronjob-debugger サイトにアクセスすると下図の画面になりました。左上にはUNIX系OSの「crontab」の仕様と、秒・年・ワイルドカードなどを加えた「拡張cron式」の仕様のどち
TypeScript でフロントエンドな皆さん、今日も型パズルしていますか？ 型が好きなら Rust ですよね。ということで、いまいち使い所が思いつかない WebAssembly と Rust でなにか面白いことできないかな、と爆速（JS比2倍）の Markdown Editor を作ってみました（面倒な人は直接 GitHub みてください） この記事は iCARE Advent Calendar 2020 の 8日目の記事になります。昨日は アオキタカユキ さんの 【adobe XD】線型、円型のグラデーションを引く方法 という記事でした Webアプリケーションを作る まず、利用する側の Web アプリケーションを作成します どんな構成でもいいんですが、タイミング的にもちょうど良い Vue3 + TypeScript で環境を作りました $ npm install -g @vue/cli
ワンオペフリーランスが4年半の歳月を経てたどり着いた、子どもがいる家の中でイライラを最小限に仕事するための13の工夫｜Masami Aoyagi_PR/Editor/mom
ワンオペフリーランスが4年半の歳月を経てたどり着いた、子どもがいる家の中でイライラを最小限に仕事するための13の工夫 我が家はシングル家庭で4歳の男の子を育てており、私はフリーランスで仕事をしています。 これまで、感染症による登園禁止期間や「なんとなく保育園行きたくない病」に罹った息子に自宅で対応しながら仕事する方法を、何度となく模索してきました。完全に個人の所感ですが、こんな時だし誰かの役に立つかもしれないと思いまとめてみます。 ＜準備編＞Netflixを契約するがっかりしました？ でも、まずはこれです。いろいろ試したけど結局これが一番、お互いの時間を作るために貢献してくれました。背に腹はかえられません。Netflixじゃなくても、Disneyが好きな子にはDisney deluxeでもOK。だいたい初月無料で利用できるので、お試しでやってみて子どもが忘れた頃に解約しちゃえば良いです。ち
WYSIWYGEdtr.io is a WYSIWYG in-line web editor written in React. Content created with Edtr.io looks just like the final page - select any editable element on the page, edit it in-place or drag ’n’ drop it around. Heavily CustomizableIts plugin architecture makes Edtr.io lean AND adaptable to any use case at the same time. Open SourceEdtr.io is of course Open Source and has already been adopted by
Zas Editor
A new, capable, and fast code editor for Go and Rust, focused on both reading and writing code. Zas Editor is as smart as an IDE and as fast and lightweight as a code editor. It comes with novel search and navigation features and an integrated documentation explorer. Zas Editor aims to become a full-featured IDE with a (currently under development) integrated debugger soon.Download Smart. Zas Edit
先日リリースされたChrome 92のデベロッパーツールに、CSS Gridの実装に役立つ新機能が2つ加わりました！ 1つ目はCSS Grid editorでデバッキングツール、2つ目はCSS Gridのオーバーレイ、どちらもWeb制作でCSS Gridを使用する時に大活躍すること間違いなしです。 参考: New CSS Grid debugging tools 機能は簡単に言うと、先日当ブログで紹介したCSS FlexboxのCSS Grid版です。 参考: 先日の記事 CSS Gridの新機能は非常に便利で、使い方も簡単です。 まずは、Chrome 92にアップデート済みか確認します。
GraphQL Editor https://graphqleditor.com/ GraphQL Editorの特徴 「GraphQL Editor」は、GUIでGraphQLスキーマを作成できるIDEです。 https://github.com/graphql-editor/graphql-editor/ なおこちら、オープンソースとしても公開されており、ライクが4kを超えるほど人気のプロジェクトになっています。 スキーマを作成する まずはプロジェクトを作っていきます。フリープランでは、Publicプロジェクトになりますので管理に注意してください。 実際にスキーマも作成していきます。まずはtype（型）を指定。 続いてtypeが持つフィールドを追加します。 するとこのように、グラフィカルなスキーマとコードが自動生成されます。 作成したtypeは、オブジェクトとして指定することも可能。
GitHub - lapce/lapce: Lightning-fast and Powerful Code Editor written in Rust
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - infracost/vscode-infracost: See cost estimates for Terraform right in your editor💰📉
Infracost's VS Code extension shows you cost estimates for Terraform right in your editor! Prevent costly infrastructure changes before they get into production. This helps with a few use-cases: Compare configs, instance types, regions etc: copy/paste a code block, make changes and compare them. Quick cost estimate: write a code block and get a cost estimate without having to use AWS, Azure or Goo
The SQL Editor and Database Manager Of Your Dreams
A modern, easy to use, and good looking SQL client for MySQL, Postgres, SQLite, SQL Server, and more.
30 Mar, 2024 Welcome! This is a series of blog posts that shows you how to build a text editor in Rust. It's a re-implementation of antirez' kilo in Rust, and a remix of Paige Ruten's tutorial for the same thing in C. It’s somewhere in the ballpark of 3000 lines of Rust in a few files with a few dependencies, and it implements all the basic features you expect in a minimal editor, as well as synta
textlint editor - ブラウザでも動くPrivacy Firstの文章校正ツールを作る話 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info テーマ textlint Privacy Firstな校正ツールを作る サーバにデータを送らずに、ローカルで文章のチェックをする textlintとは? textlint textlintJavaScriptで書かれた文章のLintツール ESLintの文章版 Markdown、Re:View、HTMLなど文章構造をパースしてからチェックする 一般的なスペルチェッカーは構造を見ないので誤検知する 200弱ぐらいのルールがある Collection of textlint rule · textlint/textlint Wiki 日本語、英語、言語に依存しな
GitHub - twitter/TwitterTextEditor: A standalone, flexible API that provides a full-featured rich text editor for iOS applications.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Meet the most advanced infrastructure design tool that understands how to define, connect, scale your infrastructure-as-code Powered by KlothoEngine v0.72
Cron job editor: multiple cron jobs, calendar view, AWS & Vercel cron support | CronTool
Debug, view, edit & learn cron expression syntax.Become a cron expert and enable a world of possibilities. Cron is a tool for scheduling repetitive tasks on Unix-like systems. It allows users to schedule commands or scripts to run at specific times, dates, or intervals. This can be used for automating system maintenance or administration, but it can also be used for other purposes such as regularl
GitHub - peterpeterparker/stylo: Another kind of rich text editor
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
日本語などの文章を校正できるルールをもっているLintツールであるtextlint v12をリリースしました。 Markdownプラグインのアップデートと各パッケージのバージョン統一が主な変更となります。 リリースノートは次のページにも書いているので、興味がある人は見てください。 textlint v12.0.0 · textlint 簡単に変更のサマリを書いておきます。 textlint利用者向けの変更点 次のコマンドでtextlint 12へアップデートできます。 textlintは、文章の構文を認識してLintすることで誤検知を減らしています。 たとえば、MarkdownのCodeBlockの中のコードを単純にスペルチェックしてしまうと赤線だらけになってしまいます。 textlintの各ルールには、CodeBlockの中はチェックしないといったように、各ルールごとに文章のどの構文（リ
Introducing Twitter Text Editor
Twitter Text Editor is a standalone, flexible API that provides a full-featured rich text editor for iOS applications. We use this for Tweet composers on Twitter for iOS. Today we’re happy to share Twitter Text Editor so iOS developers outside Twitter can add robust text editing to their applications. Why Twitter Text Editor? Text editing is one of those common tasks in iOS applications which look
ノードエディタ形式の画像処理ツール「Image-Processing-Node-Editor」 - Qiita
はじめに 趣味でノードエディタ形式の画像処理ツール「Image-Processing-Node-Editor」を作りました。 その紹介の記事です。中身にOpenCVガッツリ使っているからアドカレOKですよね。。。👀？ ガッツリ使っているという意味では、GUI部分の DearPyGui のほうがガッツリ使っているかもしれませんが🤔 「Image-Processing-Node-Editor」とは 以下のように、ノードを接続していくことで、処理結果を可視化しながら画像処理が行えるツールです。 以下のような特徴があります。 主要な処理は全てPython ※ライブラリ部分除く 各処理を可視化しながら画像処理が試せる 自作ノードの追加が容易 (だと信じている) 記事書くために見直していましたが、イマイチ複雑ですわ、、、😇 OSS (Apache 2.0ライセンス) デフォルトでいくつかのAI機
会社の編集者たちに向けて、二ヶ月に一度くらいレポートを書いています。テーマは企画のことだったり、PRのことだったり、本のつくり方のことだったり。今日はその中から「本のタイトル」についてのレポートをnoteに掲載してみます。 けっこう長い文章なのですが、出版に関わる人や、コンテンツや製品、サービスづくりに関わる人のちょっとしたお役に立てればうれしいです。あくまでも、ぼくの私見ですが。 ◉本のタイトルについて「タイトル」は本の方向性や売れ行きを決定づけてしまうものなので、うまく付けられたときは爽快な気持ちになりますし、その逆の場合は 「一生悔いが残る」 なんていう場合もあります。僕は2010 年に『たちまち体が温まる ふくらはぎ健康法』という本を出したのですが、当時の会社の状況が悪かったこともあり増刷がかかりませんでした。 ところがその 3年後。 その本を『⻑生きしたけり
他にも開発用にDenoやらDockerやら色々使っていますが、割愛します。 技術選定 ReactはTypeScriptとの親和性が良く、書き味の点で評価の高いフレームワークです。Vueという選択肢もありますが、フロントエンドをちゃんとやっている知り合いがいないので、細かい困りごとでもネットで解決できるReact一択でした。 なおWebアプリの側面もあるので、当然SPAを前提としています。 Firebase (Firestore)を使う決め手となったのは、バックエンドの開発コストを抑えるためです。それ以外の点でFirebaseを利用するうま味は最近ないので、手が空いているときにgoとかでサーバーを書こうかなと思っています。ISUCONもありますし、練習になるので。 まくらぎエディタ まくらぎサービスを支えるコア機能でもある小説執筆エディタ部分は、Monaco EditorというVSCodeの
Windowsには、ドメイン名を含むローカル「ホスト」ファイルと一致する IP アドレスが含まれており、IP ネットワーク上のホストを識別して見つけるためのマップとして機能します。 Web サイトにアクセスするたびに、コンピューターはホスト ファイルを最初にチェックして、接続先の IP アドレスを確認します。 情報が存在しない場合、インターネット サービス プロバイダーは、サイトを読み込むリソースの ドメイン ネーム サーバー (DNS) を調べます。 Hosts File Editor は、ホスト ファイルを編集する便利な方法を提供します。 これは、Web サイトを新しいホスティング プロバイダーまたはドメイン名に移行します。これには、24 ～ 48 時間のダウンタイムが発生する場合があります。 ホスト ファイルを使用して、ドメインに関連付けるカスタム IP アドレスを作成すると、新しい
GitHub - varkor/quiver: A modern commutative diagram editor for the web.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
HelloSign is a Dropbox company that provides a Web-based eSignature solution: If you have a document you want someone to sign, you upload the document file, then show you an editor in which you place all the fields to build the form the recipient will fill out—signatures, dates, initials, etc. You send this prepared form to the recipient. When they’re done signing, everything is reassembled into a
Create custom designs and graphics with Playground
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Online Mermaid Visual Editor | Mermaid Flow
写真と全然違うじゃん…外国人観光客が漏らした「京都旅行」のホンネ - TRiP EDiTOR
Google「Cloud Shell Editor」新版を発表、Pythonなどに対応 クラウドネイティブ開発可能に | Ledge.ai
Cursor - The AI-first Code Editor
無料でcronの設定を簡単に作成しカレンダーで可視化できる「Cron job editor」 - GIGAZINE
Rust と WebAssembly で爆速な Markdown Editor を作ってみる
The Open Source Web Editor You Will Love | Edtr.io
「Python Editor」が「Excel Labs」を卒業、新しくなって「Excel」にビルトイン／「Microsoft 365 Insider」のBetaチャネルで先行体験
デベロッパーツールの新機能が便利！CSS Gridの実装と検証が簡単になるCSS Grid editorとオーバーレイ
GUIでGraphQLスキーマを作成できるIDE「GraphQL Editor」
「WZ Editor」のM1 Mac対応版がリリース
「Python in Excel」に強力な援軍、「Python Editor」のテストが開始／長いPythonコードも「Excel」サイドパネルで楽々、「VS Code」由来の支援機能も充実
hecto: Build Your Own Text Editor in Rust
textlint editor - ブラウザでも動くPrivacy Firstの文章校正ツールを作る話
InfraCopilot | The Intelligent Infra-as-Code Editor
textlint 12リリース、ブラウザで動くtextlint editorをベータリリース
本のタイトルについて｜黒川精一/ Editor｜note
vscodeのエディタ(Monaco Editor)でオンライン小説エディタサービスを作った話
PowerToysWindows 用の Hosts File Editor ユーティリティ
JQuery to React: How we rewrote the HelloSign Editor
Playground - AI Design & Editor