共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを作成できて商用OKなオープンソースの「ProseMirror」を使ってみた
ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「ProseMirror」です。商用利用可能なライセンスになっており、もともと2015年にクラウドファンディングで約790万円を超える金額を集めて開発が始まったもの。ニューヨークタイムズ・Atlassian・asana・Box・Evernoteなども継続的な開発をサポートしています。共同編集が可能な構造で、プラグイン形式によって独自の拡張を盛り込むこともできる高機能なツールキットになっており、マークダウン形式とWYSIWYMの切替、ツールチップの実装、画像のアップロード、独自メニューの構築、linterによるスキャンでエラー検出してユーザーが修正できるようにする、コンテンツ内に脚注を追加、変更履歴を保持して各ユーザーがここの変更を調べて元に戻せるようにする、などなどウェブアプリ開発で求められる機能が柔軟に追加でき
Node.js でお手軽スクレイピング 2020 年夏 - Qiita
皆さんは Web ページのスクレイピングって書いた事ありますか？私はあります。だってどんなに平和で平穏な生活を送っていても数年に一度はスクレイピングってしたくなりますよね。「うわーまじか！API ないのかよ…。」的な。 そうしたら HTTP クライアントと HTML パーサのライブラリを探してきてインストールした上でごりごり書くことになると思います。でも実際に書いてみると、そうやってライブラリのインストールをしたりサンプルコードで動作確認している時間よりも、HTML を解析して実際にパースしたところから対象の要素を取得して欲しい値を取り出す試行錯誤の時間の方が長かったっていう事はないですか？ 今日ご紹介する Node.js でお手軽スクレイピングは、その辺の試行錯誤の手間を極力減らすことが出来る方法です。2020 年夏の最新版です。 まずは環境から。特に古いものを使う理由もないので 202
markedで安全にMarkdownからHTMLを生成するsafe-marked
MarkdownをHTMLにコンパイルするmarkedは0.7.0でsanitizeオプションを非推奨にしています。 これはサニタイズの処理をmarkedから外す目的です。 Sanitize and sanitizer · Issue #1232 · markedjs/marked このsanitizeオプションの代わりにDOMPurifyを利用することを推奨していますが、 DOMPurifyはブラウザとNode.js両方で使うには癖があるためちょっとややこしいです。 なぜならDOMPurifyはDOM APIに依存しているため、 Node.jsで動かす場合はjsdom使うためです。 単純にjsdomを使ってしまうとブラウザでもjsdomが含まれてしまい、ファイルサイズが巨大になってしまいます。 そのため、ブラウザ向けの場合では直接DOMPurifyを使い、 Node.jsの場合はDOMP
OpenCV + Node.js で画像からぬりえ用の線画をつくる - ほんじゃらねっと
画像処理で遊びたいな、と思い立ったので、 以前PythonとOpenCVで作成した画像線画化スクリプトを Node.jsで作成しなおしてみました。 blog.honjala.net OpenCVはPythonと使うのがやはり一番使いやすいのですが、 Javascript用APIも提供されているので、 Webページ上のJavascriptやNode.jsからでも利用することができます。 docs.opencv.org しかし試してみるとNode.jsから生でOpenCV.jsを使うのはcanvasを利用することを 前提にしていたりしてなかなか手強く、うまくいかなかったので、 「opencv4nodejs」というライブラリを使うことにしました。 www.npmjs.com こちらはOpenCVの関数をNode.jsからいい感じで使えるようにしてくれていて、 Pythonで書いた処理をNode.
2019年2月版 JavaScript/Node.jsでBluetoothを触れるライブラリやAPIをまとめてみた #html5j #iotlt #linethings - Qiita
2019年2月版 JavaScript/Node.jsでBluetoothを触れるライブラリやAPIをまとめてみた #html5j #iotlt #linethingsJavaScriptNode.jsnobleWebBluetoothLINEThings この資料について 2019/2/19: 増席】JSで制御するBluetoothと基板の勉強会（html5jロボット部 第11回 勉強会）でのLT内容です。 発表後にタイトルをそれっぽいのに変更しました。 2019/2/22: 大阪版IoT縛りの勉強会 IoTLT Osaka Vol.10でもアップデートして話しようかと思っています。 書いてたら量が膨らんできてて5分では厳しい気がするので色々端折って発表します。 自己紹介 名前: n0bisuke 所属: dotstudio コミュニティなど: IoTLT / Microsoft MVP
ブラウザ、Node.js、メモリ上で動くlocalStorageライブラリ
シンプルなストレージとしてlocalStorage的なものが欲しくなることはよくあるのですが、Node.jsで動かなかったり、インメモリ版が欲しくなったりと色々な状況があります。 毎回そういうときに考えるのが面倒だったので、modeで全部の状況を切り分けできるlocalStorageのponyfill的なライブラリを作りました。 ponyfillとはmonkey patch的にグローバルを書き換えるのではなく、同じAPIを持ったオブジェクトを返すようなpolyfillライブラリです。 azu/localstorage-ponyfill: Universal LocalStorage for browser and Node.js. インストール Install with npm: TypeScriptで書いてあるので、型定義ファイルは同梱されています。 使い方 Auto(Browser o
質問箱みたいなテキストを画像化するサービスの作り方 - text2ogp.com
質問箱、bosyu、pomeruなど、Twitter OGP画像でシェアして完結するタイプのサービスが流行っていますね！ 自分もそのようなサービスを作っているため、テキストからOGP画像ってどう生成するのか？という知見がたまってきました。 今回の記事を書くにあたって、「テキストから画像化する」という実装だけを独立してサービス化したのが text2ogp.com というサービスです。(１日ハッカソンのような感じで今日作ったばかりなのでまだまだアラあり・・・!!) 良かったらブログのサムネイル画像づくりにお使いくださいね。 テキストを入力して、背景色を変えたり、フォントを変えたりして、ワンクリックでダウンロードができます。 これはtext2ogp.comというサイトから、もう一つ別に立てた画像生成サーバーにリクエストを送って、返却されたpng画像をプレビュー画像として表示するという仕組みで作っ
Google公式ライブラリを利用してNode.jsからGmailの送受信をしてみよう | dotstudio
こんにちは、のびすけです。 Node.jsでGmailを制御する方法は、過去に色々な記事が出ているのですが、全体的に記事が古く、Gmail API Node.js Quickstartのチュートリアルも割とわかりにくいなぁという印象です。英語しかないし。 また、勝手ライブラリも多いのですがメンテナンスされてなく利用していく際の不安も多いです。 ということで、今日はNode.jsでGmailを使う方法の紹介です。 以前書いたSpreadSheets記事も同様のGoogle APIライブラリを利用しているので基本的な手順は同じです。 Gmail APIの有効化とクライアントシークレットの取得こちらのリンクからウィザード開始します。ログインしているGoogleアカウントが利用するGmailのアカウントになるので複数のGoogleやG Suiteのアカウントを持っている人は注意しましょう。 チェッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
