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~初心者umlVSCode新人プログラマ応援mermaid はじめに Mermaid Graphical EditorというVSCodeの拡張機能にとても感動したので一筆書きました こんな方におすすめ シーケンス図/クラス図/フローチャートをサクッと書きたいけどmermaidとか難しそう 😢 できること VSCode上でポチポチしながらシーケンス図/クラス図/フローチャートを描けるようになる mermaid記法のコードも自動生成されるよ 個人的メリット mermaidの学習コスト0 紙で書くよりも修正しながら書きやすい 導入手順 (簡単7steps) (1) VSCode上で「Mermaid Graphical Editor」という拡張機能をインストールする (2)
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
• 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」をオープンソースで公開しました。 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」が、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
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
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の工夫 我が家はシングル家庭で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
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
GraphQL Editor https://graphqleditor.com/ GraphQL Editorの特徴 「GraphQL Editor」は、GUIでGraphQLスキーマを作成できるIDEです。 https://github.com/graphql-editor/graphql-editor/ なおこちら、オープンソースとしても公開されており、ライクが4kを超えるほど人気のプロジェクトになっています。 スキーマを作成する まずはプロジェクトを作っていきます。フリープランでは、Publicプロジェクトになりますので管理に注意してください。 実際にスキーマも作成していきます。まずはtype(型)を指定。 続いてtypeが持つフィールドを追加します。 するとこのように、グラフィカルなスキーマとコードが自動生成されます。 作成したtypeは、オブジェクトとして指定することも可能。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く