pdfmeとは Website: https://pdfme.com/ TypeScriptで書かれたオープンソースの無料の帳票エンジン。 テンプレートを使って宣言的にPDFを作成でき、サーバー、ブラウザどちらでも動作する。 2022年2月にbeta版としてリリースしてから現在 Version3で GitHubではStartが1500、npmではバラツキはあるが週間1万件くらいのダウンロードがある。 自分が把握しているだけで、世界中で採用事例があり、電子カルテ作成、工場の手順書作成、ECのカスタムパッケージ制作ソフトなど、すでにいろんなサービスに組み込まれている。 この記事ではどのようなモチベーションでpdfmeを開発しているのかということを説明したいと思います。 なんで帳票エンジンを新規開発するのか PDFファイルを作成・編集するという観点ではpdfkitという素晴らしいライブラリが20
共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを作成できて商用OKなオープンソースの「ProseMirror」を使ってみた
ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「ProseMirror」です。商用利用可能なライセンスになっており、もともと2015年にクラウドファンディングで約790万円を超える金額を集めて開発が始まったもの。ニューヨークタイムズ・Atlassian・asana・Box・Evernoteなども継続的な開発をサポートしています。共同編集が可能な構造で、プラグイン形式によって独自の拡張を盛り込むこともできる高機能なツールキットになっており、マークダウン形式とWYSIWYMの切替、ツールチップの実装、画像のアップロード、独自メニューの構築、linterによるスキャンでエラー検出してユーザーが修正できるようにする、コンテンツ内に脚注を追加、変更履歴を保持して各ユーザーがここの変更を調べて元に戻せるようにする、などなどウェブアプリ開発で求められる機能が柔軟に追加でき
Thredot はスレッド形式でメモを書けるサービスです。 Google アカウントがあればログインできます。 こういうの Playground ページを用意しているので、気軽に使い心地を試してみてください。 Thredot のコンセプト Thredot はアイデアや情報をメモに書き出すハードルを限界まで下げることを目指しており、そのために様々な工夫をしています。 メモを整理させない 爆速な検索機能 公開範囲を設定できる WYSIWYG エディタを採用 メモを整理させない Thredot では徹底的にメモを整理させない方針を取っています。 僕は「整理するための機能が用意されていると整理をしたくなってしまう」人間です。 でも整理するのって超面倒くさいです。 ( 支離滅裂 ) 結局中途半端に整理しようとして余計にゴチャゴチャになり、最終的にメモを書くこと自体が億劫になってしまいます。 Thre
iOSのブラウザ（Safari、Chromeなどなど）で体験の良いWYSIWYGエディタを作るのは無理ゲーである。色々と理由はあるが、いちばん辛いのはバーチャルキーボード（オンスクリーンキーボード）を表示したときの挙動だと思っている。 キーボードが表示されているときにposition: fixedが効かない WYSIWYGエディタではテキストの装飾や画像挿入などのボタンを画面のどこかに固定したくなることが多い。 しかし、iOS Safariではキーボードが表示されているときにposition: fixedなどのCSSだけで画面上に何かを固定させることが難しい。 position: fixedとbottom: 0 やtop: 0を使っても要素が画面に固定されない仕様となっている（これはposition: stickyにしても同じ）。 ワークアラウンドも上手く動かない noteやscrapbo
LaTeX と Python で作る 1 ポイントたりとも表示崩れしない最強の帳票印刷ソリューション - Qiita
元ネタ 元ネタはこちらです（以下「Figma と PHP」で略します）。 読んでなるほどと思いました。このように、誰かが苦労したおかげで後続が楽になるので感謝です。何が問題点として生じるのか、どんな解決方法が考えられるのか、が予め判明しているだけでもだいぶ楽になります。 反面、$\LaTeX$ の方が実装は簡易ではないかと思ったので、それを実践してみました。 条件と問題点 Figma と PHP の 44 ページに以下のような条件があります 改めて、満たしたい条件 ミリ単位で細かく帳票をデザインしたい。 帳票デザインの保守性を維持するためにはビジュアルデザイン必須 印刷時に見た目が一切崩れない さらに、次のような障害を次々とクリアしていってます。 文字参照の問題 枠からのはみ出しの問題 右寄せの問題 自動折り返しの問題 連票の問題（簡易な解説のみ） これらを $\LaTeX$ と Pyth
こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ 今回はHeadless Editor FrameworkであるTiptapのご紹介と、そちらを使ってオリジナルなエディタを作成しようと思います。 Tiptapとは TiptapはHeadless Editor Frameworkと呼ばれています。 これまでWebでのWYSIWYGエディタとしてQuill.jsやDraft.jsなどが存在しました。 これらは文字の装飾や文章の編集に関するUIをデフォルトで提供しており、エディタに特別な機能を追加しようとしたり、UIを大きく変えるというのは少々大変でした。 TiptapのようなHeadless Editor Frameworkは、エディタで必要な機能のコア機能を提供し、必要なUIや機能は拡張機能として追加できるような仕組みになっ
Apple・Google・Microsoft・Mozillaが協力して開発するベンチマークツール「Speedometer 3.0」が登場
Apple、Google、Microsoft、Mozillaといったテクノロジー大手が協力して開発するベンチマークツール「Speedometer 3.0」が発表されました。 BrowserBench.org — Announcements https://browserbench.org/announcements/speedometer3/ Improving Performance in Firefox and Across the Web with Speedometer 3 - Mozilla Hacks - the Web developer blog https://hacks.mozilla.org/2024/03/improving-performance-in-firefox-and-across-the-web-with-speedometer-3/ Speedomet
Speedometer 3.0: The Best Way Yet to Measure Browser Performance
As announced on browserbench.org today, in collaboration with other browser engine developers, Apple’s WebKit team is excited to introduce Speedometer 3.0, a major update that better reflects the Web of today. It’s built together by the developers of all major browser engines: Blink, Gecko, and WebKit with hundreds of contributions from companies like Apple, Google, Intel, Microsoft, and Mozilla.
Jack Wallen （Special to ZDNET.com） 翻訳校正： 川村インターナショナル 2024-05-08 07:30 本記事の要点 「Dynebolic」は10年の休止期間を経て復活し、無料でダウンロードして使用できるようになった。 マルチメディアの制作に必要なものがすべて備わっている。ライブインスタンスとして動作するため、ポータブルであり、デフォルトのOSに一切変更を加えない。 WYSIWYGなので、他のアプリケーションをインストールする必要がない。 特定のタスク用に開発された「Linux」ディストリビューションは数多くある。デスクトップ、サーバー、ファイアウォール、ルーター、ゲーム、コンテナー、ファイルサーバー、フォレンジック、侵入テスト用などのディストリビューションがあるほか、クリエーターの作業を支援するために特別に開発されたディストリビューションもある。 その
A microcontroller Macintosh This all started from a conversation about the RP2040 MCU, and building a simple desktop/GUI for it. I’d made a comment along the lines of “or, just run some old OS”, and it got me thinking about the original Macintosh. The original Macintosh was released 40.5 years before this post, and is a pretty cool machine especially considering that the hardware is very simple. I
あの時、Appleは何をしていたのか 数々のデジタル革命をApple視点で振り返る（後編）：Mac40周年（1/4 ページ） Macの代名詞となったDTPとジョブズ氏のこだわり 今では当たり前のことだが、1984年のデビュー時、製品に付属していたワープロのMacWriteから、画面上で文章をレイアウトして印刷すると画面で見た通り、そのままの状態で印刷が行えた（Mac登場とほぼ同時に発売されたプリンタの「ImageWriter」は1インチあたりに72ドットという解像度で、Macの画面のちょうど2倍となる解像度、144dpiだったので再現性が高かった）。 別途機械を使ったり、コマンドなどで字体指定などを行ったりしないと凝った印刷ができなかった当時としては画期的なことだった。これができること、それ自体に“ウィジウィグ”（WYSIWYG＝What You See Is What You Get）と
マークダウン、皆さん使っているでしょうか。使っていますよね、GitHub(GFM)やSlack(一部記法）、個人的なメモアプリ等など、マークダウンを使えるサービスは多いので、使ったことがある人は多いんじゃないかと思います。 そして弊社のDocBaseというサービスは、マークダウンを使って情報共有をするサービスです。これも皆さん使っていますね？ この度は、そんなDocBaseのメモ編集画面で、ハイブリッドエディタなるものをリリースしました。これはDocBaseに存在したいくつもの不満、問題を解消してくれるもので、これが一体どういったもので、どうやって作られたのかを書いていきます。 ハイブリッドエディタとは？？ 「ハイブリッド」何やらガソリンと電気を使って動きそうな印象を受ける言葉ですが、もちろんそういった意味はありません。 次の動画を見てください。 左側がマークダウン、右側がHTMLのプレビ
このところ、あちこちで関連記事やイベントの告知などを見かけるように、Macintoshというパーソナルコンピューターが発売されてから、この1月24日でちょうど40年となる。振り返ってみると、あっという間のことだったようにも感じられる半面、その間には実にいろいろなことがあったと感慨深く思い出されるのも確かだ。 現在、単純に市場にあるパソコンのシェアとして見てみれば、Macが特に大きな領域を占めているわけでもなく、世の中に対してさほどの影響力を持っているようには感じられないかもしれない。しかし冷静に考えてみれば、今の世の中に出回っているパソコンはもちろん、一般ユーザー向けの電子機器でも、Macの影響をまったく受けていないと言い切れるものは、実はほとんどないと言ってもいいのではないか。名前はMacintoshからMacに変わったものの、1つの系統の製品が、はっきりそれとわかる確かな痕跡を歴史に刻
結論から言うとこれはLarry Teslerだそうなのですが、C=Copyはわかるにしろ、XとVがなぜCutとPasteに結びつくのか疑問に感じていました。Zもよくわかりません。これについて、都市伝説的に語られている言説にはこのようなものがあります。 CはCopyの頭文字。QWERTY配列ではCの隣にVがあるので、利便性からそれが選ばれた。XもCに隣接していることと、それがハサミの形状に似ているためCutコマンドに割り当てられた。Zは切り替えるスイッチを意味する。 出典：どこかで聞いた気がする都市伝説これは間違いですが、それらしくも聞こえます。 カーネギーメロン大学のBrad Myers教授によると、XCVZの4種類のコマンドとキーアサインは、Larry Tesler本人によるものだそうです。彼はTeslerのメールメッセージを引用する形で次のように紹介しています。 Larry Tesle
【告知】12/1にZennで関数型プログラミングの入門本を公開します 〜 Unknown Unknowns 「知らない事に気づいてない」
【告知】12/1にZennで関数型プログラミングの入門本を公開します 〜 Unknown Unknowns 「知らない事に気づいてない」 この記事は、 2023-12-1にZennで公開予定 関数型プログラミングの入門本 Functional Programming From Scratch 関数型プログラミングをゼロからわかりやすく実用的に幅広い視点から解説！〜 圏論からFRPの構築まで 🔷UNIT 1🔷 OVERVIEW の冒頭部分です。 全UNIT 1 ~ 5のうち、この本は、UNIT 1です ★1. OVERVIEW 関数型プログラミングの一番「外側」を紹介 関数型プログラミングとは何か？ 最新のプログラミングコミュニティの動向、CPUと命令型プログラミング、システム言語における型、構造化プログラミングへの抽象化、関数型言語の紹介、オブジェクト指向と関数型プログラミングの用語と
Merpay & Mercoin Tech Fest 2023 セッション書き起こしまとめ | メルカリエンジニアリング
Merpay & Mercoin Tech Fest 2023は、事業との関わりから技術への興味を深め、プロダクトやサービスを支えるエンジニアリングを知ることができるお祭りで、2023年8月22日（火）からの3日間、開催しました。セッションでは、事業を支える組織・技術・課題などへの試行錯誤やアプローチを紹介していきました。 今回、より多くの方に知ってもらい役立ててもらうため、Merpay & Mercoin Tech Fest 2023の全セッションを書き起こした記事を用意しました。セッションがたくさんあるので、その記事リンクまとめを作成したのが本記事です。お役に立てば幸いです。 ▼Merpay & Mercoin Tech Fest 2023 書き起こし一覧 ※各記事にYoutubeのセッション動画が埋め込まれています。 Author Session Title Keynote Shun
過去にも似たようなことを書いているんだけど、1年に数回そういうタイミングに陥ることがあって前回やったことを繰り返してみると「やっぱり有用だな」と思うことが多いので改めて書く。以前このエントリで書いたことの一部をもうちょっと解像度高くするとこんな感じ、という内容です。 上記のエントリで書いた ハードルの低い休日のタイムラインを事前に決めておく というのが今回のお題。酒に限らずなんとなくTwitterのTL見てたら1時間経ってたとかYouTube見てたら2時間経ってた、みたいな感じで週末の時間を浪費しやすいときの対処法。まずなんでもかんでも「やらないといけないこと」や「やっておいた方がいいこと」を全部googleカレンダーに入れておく。そしてその際に気にしておくとわりと成果に繋がりやすいtipsについてまとめる。 とにかく平日のうちに入れておく 休日になってからだと確実に漏れが出るし、漏れに気
先日、ワードプレスの管理画面上に下記のようなメッセージが・・・ ACF — ACF now automatically escapes unsafe HTML when rendered by the_field or the ACF shortcode. We’ve detected the output of some of your fields has been modified by this change, but this may not be a breaking change. Learn more. Show details. えっと、the_fieldってめっちゃ使っているけど・・・と絶句。 Show detailsをクリックすると、問題箇所が表示されます。 movfield – rendered via the_field ここの表示にthe_fieldが使われてる
なぜMacはデザイナーに愛用されているのか? その理由のひとつは、Adobeの共同創業者ジョン・ワーノック氏（以降、ワーノック）が考案したPostScriptの価値をAppleが見出し、MacintoshからDTP（デスクトップパブリッシング）の歴史が始まったことからだ。2023年8月に逝去したワーノック氏が歩んだDTP革命の道を辿る。 ジョブズが欲しがった技術 PostScriptでDTPに革命を起こしたAdobe共同創設者のワーノックが、2023年8月19日に亡くなった。彼はスティーブ・ジョブズ氏（以降、ジョブズ）の良き理解者であり、1980年代のAppleとAdobeのパートナーシップこそが、Apple製品をデザインと出版業界において欠かせないものにしたと言っても過言ではない。 文字や図形、それらの属性やページ内での位置などを記述するページ記述言語・PostScriptを考案したワー
Work Log on Google Docs
自分が仕事をするにあたり使っている Work Log の様子をなんとなく文書化する試み。留意事項: 書き出す過程でなにか発見があったらいいなという意図であり、別に他人に勧めるようなものではない。特段仕事が得意な人間でもないのよ。 いわゆる仕事 work log / journal の必要性は色々な人が説いており、ツールも古くは Changelog Memo (さすがに古すぎる) から Emacs Org Mode (これも古いな) まで色々ある。（発見1: 最近の work log アプリについて自分は何も知らないすぎるのでは?) 自分は仕事での work log に Google Docs を使っている。セキュリティの決まりを守るために選んだだけで特別良いものというつもりもないが、運用次第ではそこそこ使える: 特に sync が壊れずきちんと動くのが良い。職場のデスクトップ、ラップトップ
GitHub - 1943time/inkdown: A WYSIWYG Markdown editor, improve reading and editing experience. and generate your Markdown files into online documents in the easiest and fastest way.
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
共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを簡単に作成できる「Tiptap」を使って実際に共同編集してみた
ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「Tiptap」です。同様のツールキットとして「ProseMirror」が存在していますが、高性能で自由度が高い分だけ構築の難易度も高かったProseMirrorに対して、より簡単に使用できるように構築されたラッパーがTiptapというわけ。Tiptap開発元のバックエンドサービスを使用することで簡単に共同編集機能を導入できるとのことなので、実際に共同編集できるエディタを組み上げてみました。 Dev toolkit for building collaborative editors – Tiptap https://tiptap.dev/ Tiptapを利用するためにはNode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した
今回は、Advanced Custom Fields（アドバンス カスタムフィールド）のテキストエリアに 「リンクの付け外しだけ」を追加したい！」 を WYSIWYG エディター を使って実現します。 ただ、カスタムフィールドの WYSIWYGエディター を使うと、触られたくない無駄なツールがたくさんありますよね。 そこで、ツールバーに表示する機能を制限すれば良いというわけです。 デフォルトのWYSIWYGには「Full」と「Basic」がある カスタムフィールドの WYSIWYGエディターを作成することで、2つの標準メニュー（「Full」と「Basic」）が表示されるようになっています。 それぞれのツールバーを見ていきましょう。 WYSIWYGの「Full」 WYSIWYGの「Basic」 WYSIWYGエディターのツールバーを任意の機能のみ表示する では、ここから無駄なツールを取り除い
This release is a security fix release containing an important change you need to be aware of before you update, and prepares for a change to the output of the_field coming soon to ACF. By Liam Gladdy Advanced Custom Fields version 6.2.5 is now available. This release is a security fix release containing an important change you need to be aware of before you update, and prepares for a change to th
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Re: なんで今さら帳票エンジンを新規開発しているのか
スレッド形式で雑にメモを書き散らすためのサービス「Thredot」をリリースしました
iOSブラウザで快適に書けるエディターを作るの大変すぎ問題
Tiptapでオリジナルエディタをつくろう！
ポータブルなLinuxディストロ「Dynebolic」--豊富なコンテンツ作成ツールを出先でも
MicroMac, a Macintosh for under £5
あの時、Appleは何をしていたのか 数々のデジタル革命をApple視点で振り返る（後編）
マークダウンエディタをハイブリッドにするために必要なこと
Macintosh発売40周年 コンピューターは一般家庭のリビングルームへやって来た (1/3)
カット、コピー、ペースト、アンドゥをX,C,V,Zに割り当てたのは誰なのか｜usagimaru
週末なんにもやる気が起きないときのtips - ときどきDJ
ACFのthe_field()でエラーメッセージ - WEB制作者の備忘録
スティーブ・ジョブズとともに築いたAppleとAdobeのDTPの歴史
ACFのWYSIWYGエディターをリンクの付け外しだけにするカスタマイズ - Qiita
ACF | ACF 6.2.5 Security Release