Macaron is an open-source UI design tool to create and maintain Web Components.
これまでにも外国人が日本を旅するなら絶対に外せない場所として人気を集めてきた「京都」。インバウンド景気によるものか、外国人旅行者がさらに急増しているとのこと。 そこで今回は、京都を訪れた外国人観光客の方々によるリアルなコメントをもとに、現在の状況を調査してみました。 海外観光客だからこその視点も image by:fornStudio/Shutterstock.com 京都を観光するために訪れるのはもちろんのこと、初めから京都を目的として日本へ旅する方も続出している現在。京都観光の需要が高まっていることは、実際の調査結果からも数字として表れています。 この傾向は、コロナ禍の脱出が本格的に始まっていた昨年からスタートしており、数値からは変化が歴然。 京都市産業観光局による「京都観光総合調査」を見てみると、観光客数だけでも2021年の2,102万人に比べ2022年は4,361万人と、倍以上に増
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
import {$getRoot, $getSelection} from 'lexical'; import {useEffect} from 'react'; import {LexicalComposer} from '@lexical/react/LexicalComposer'; import {PlainTextPlugin} from '@lexical/react/LexicalPlainTextPlugin'; import {ContentEditable} from '@lexical/react/LexicalContentEditable'; import {HistoryPlugin} from '@lexical/react/LexicalHistoryPlugin'; import {OnChangePlugin} from '@lexical/react/
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
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
どうも、まさとらん(@0310lan)です! 今回は、Mediumなどにも採用されているブロックスタイルのテキストエディタを開発できるJavaScriptライブラリをご紹介します! ヘッダー要素・リスト・画像など、それぞれのコンテンツを独立したブロックで管理することができ、保存時の出力はクリーンなJSONデータとして取得することができます。 また、簡単に開発できるプラグインにより、欲しい機能を好きなだけ拡張していくことも可能なので、オリジナルのテキストエディタにご興味ある方はぜひ参考にしてみてください! なおpaizaラーニングでは、JavaScriptの基本が学べる講座「JavaScript入門編」を公開しています。そちらも合わせてチェックしてみてください。 【 Editor.js 】 ■「Editor.js」の導入方法 それでは、最初にEditor.jsをどのように使えばよいのかを見て
ワンオペフリーランスが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
世界トップクラスの発展都市・東京。虎ノ門ヒルズや渋谷ストリームなど、真新しい施設や建物が続々と登場しています。 2019年5月に新元号「令和」をむかえ、翌2020年には東京オリンピック・パラリンピックを控えていますが、時代が変わっても古き良きレトロな建物をみると、まるでタイムスリップしたような懐かしい気持ちになるものです。 再開発が進む「東京都」に残されたレトロな建物たち 東京都都市整備局が発表している「市街地再開発事業」によると、都内21の地区が再開発予定地区とされています(2018年3月31日時点)。渋谷区や品川区、港区といった23区を中心に再開発が進んでおり、多くのエリアで大規模な工事がいま現在行われているのです。 そんな整備が進む東京都内ですが、どこか懐かしい古き良きレトロな建物が各所に数多く残されていることをご存じでしょうか。なかには近代的なビルが立ち並ぶオフィス街にポツンと、数
GraphQL Editor https://graphqleditor.com/ GraphQL Editorの特徴 「GraphQL Editor」は、GUIでGraphQLスキーマを作成できるIDEです。 https://github.com/graphql-editor/graphql-editor/ なおこちら、オープンソースとしても公開されており、ライクが4kを超えるほど人気のプロジェクトになっています。 スキーマを作成する まずはプロジェクトを作っていきます。フリープランでは、Publicプロジェクトになりますので管理に注意してください。 実際にスキーマも作成していきます。まずはtype(型)を指定。 続いてtypeが持つフィールドを追加します。 するとこのように、グラフィカルなスキーマとコードが自動生成されます。 作成したtypeは、オブジェクトとして指定することも可能。
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
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 日本語、英語、言語に依存しな
I've been using Sublime Text on and off for longer than I can remember. I think Sublime has been around since the start of my "real" career over 10 years ago, but I could be mistaken1. It certainly feels that long. And in that time I have never gotten upset with Sublime. I've never rage quit or ran into an issue of Sublime not being able to do the thing I wanted it to do. As much of a cliche it ma
A modern, easy to use, and good looking SQL client for MySQL, Postgres, SQLite, SQL Server, and more.
日本語などの文章を校正できるルールをもっているLintツールであるtextlint v12をリリースしました。 Markdownプラグインのアップデートと各パッケージのバージョン統一が主な変更となります。 リリースノートは次のページにも書いているので、興味がある人は見てください。 textlint v12.0.0 · textlint 簡単に変更のサマリを書いておきます。 textlint利用者向けの変更点 次のコマンドでtextlint 12へアップデートできます。 textlintは、文章の構文を認識してLintすることで誤検知を減らしています。 たとえば、MarkdownのCodeBlockの中のコードを単純にスペルチェックしてしまうと赤線だらけになってしまいます。 textlintの各ルールには、CodeBlockの中はチェックしないといったように、各ルールごとに文章のどの構文(リ
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
会社の編集者たちに向けて、二ヶ月に一度くらいレポートを書いています。テーマは企画のことだったり、PRのことだったり、本のつくり方のことだったり。今日はその中から「本のタイトル」についてのレポートをnoteに掲載してみます。 けっこう長い文章なのですが、出版に関わる人や、コンテンツや製品、サービスづくりに関わる人のちょっとしたお役に立てればうれしいです。あくまでも、ぼくの私見ですが。 ◉本のタイトルについて「タイトル」は本の方向性や売れ行きを決定づけてしまうものなので、うまく付けられたときは爽快な気持ちになりますし、その逆の場合は 「一生悔いが残る」 なんていう場合もあります。僕は2010 年に『たちまち体が温まる ふくらはぎ健康法』という本を出したのですが、当時の会社の状況が悪かったこともあり増刷がかかりませんでした。 ところがその 3年後。 その本を『⻑生きしたけり
はじめに 趣味でノードエディタ形式の画像処理ツール「Image-Processing-Node-Editor」を作りました。 その紹介の記事です。中身にOpenCVガッツリ使っているからアドカレOKですよね。。。👀? ガッツリ使っているという意味では、GUI部分の DearPyGui のほうがガッツリ使っているかもしれませんが🤔 「Image-Processing-Node-Editor」とは 以下のように、ノードを接続していくことで、処理結果を可視化しながら画像処理が行えるツールです。 以下のような特徴があります。 主要な処理は全てPython ※ライブラリ部分除く 各処理を可視化しながら画像処理が試せる 自作ノードの追加が容易 (だと信じている) 記事書くために見直していましたが、イマイチ複雑ですわ、、、😇 OSS (Apache 2.0ライセンス) デフォルトでいくつかのAI機
他にも開発用にDenoやらDockerやら色々使っていますが、割愛します。 技術選定 ReactはTypeScriptとの親和性が良く、書き味の点で評価の高いフレームワークです。Vueという選択肢もありますが、フロントエンドをちゃんとやっている知り合いがいないので、細かい困りごとでもネットで解決できるReact一択でした。 なおWebアプリの側面もあるので、当然SPAを前提としています。 Firebase (Firestore)を使う決め手となったのは、バックエンドの開発コストを抑えるためです。それ以外の点でFirebaseを利用するうま味は最近ないので、手が空いているときにgoとかでサーバーを書こうかなと思っています。ISUCONもありますし、練習になるので。 まくらぎエディタ まくらぎサービスを支えるコア機能でもある小説執筆エディタ部分は、Monaco EditorというVSCodeの
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
Your one-stop publication workbench From idea to publication in one app: Zettlr accompanies you while writing your blog post, newspaper article, term paper, thesis, or entire book. All download options Available for Windows, macOS, and Linux. Zettlr is Free and Open Source software. Privacy First Zettlr is Privacy First: There is no forced cloud-synchronization and all files stay on your computer.
温泉の魅力や楽しみ方はたくさんありますが、露天風呂の気持ちよさや、温泉に浸かりながら望む景色というのは万人に共通する重要ポイントではないかと思います。 大自然の中の絶景温泉というと季節が限定されたり、自分の車がないとアクセス面でハードルが高いことも多いのですが、公共交通機関の利用で行ける温泉も結構たくさんあります。 ということで、今回は自分で運転しなくても「公共交通機関で行ける絶景温泉」をいくつかピックアップしてみました。 不老ふ死温泉/青森県 青森県の「不老ふ死温泉」image by:Amazing AOMORI 青森県観光情報サイト 北の絶景といえば真っ先に思い浮かぶのが青森県の「不老ふ死温泉」。日本海に沈む夕陽が見られる絶景温泉として全国的にもその名を知られる温泉です。浴槽から海までの距離はわずか1m! 今にも波飛沫をかぶりそうなひょうたん型の露天風呂が印象的。写真で見るだけでも迫力
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く