headless WYSIWYGエディタ「tiptap」がアツい
この記事は GAOGAO Advent Calendar 2021 ことしも GAOGAO まつりです 16 日目の記事です。 はじめに こんにちは、up-tri です。 普段仕事では EC システムの開発運用をしていて縁が無いですが、今回 TypeScript 製のリッチテキストエディタをご紹介＆軽くハンズオンしていきます。 WYSIWYG (読:ウィジウィグ) エディタとは WYSIWYG とは、What You See Is What You Get の頭文字をとった略語です。 日本語に直すと「見たままが得られる」となるようです。 「WYSIWYG エディタ」とは、ディスプレイ上での編集画面がアウトプット（Web ページや印刷結果）と同じように表示されるエディタを指します。 身近な例ですと Microsoft Word がそれに該当します。 また、WordPress をはじめとする
僕らを縛る Node.js という呪いについて
これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。「久しぶりに Rails を書いたけれど、Node.js の良さに敵わない」と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆「主役であるバックエンドのサブとして存在するフロントエンド」を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや「JavaScript を扱うソフトウェアエンジニア」となり、一般的なバックエンドは勿論、Node.jsが一級市民として存
新しいGoogleアナリティクス「GA4」、変化とその価値 - Media × Tech
アクセス解析ツールである「Google アナリティクス」。多くの企業で利用されており、皆様の会社も導入しているのではないでしょうか。そんなGoogle アナリティクスに新しいバージョン、「Google アナリティクス4 （以下：GA4）」が登場して1年半経ちました。また今までのGoogle アナリティクスの計測停止が2023年7月1日（有償版は2023年10月1日）とアナウンスされました。 「GA4って聞いたことはあるけどなんか全然画面が違うんだって？」「今までのGAと何が違うの？」「導入することのメリットは？」と疑問に思っている方も多いのではないでしょうか。本記事ではメディアサイトにとってのGA4導入の価値や注意点を、HAPPY ANALYTICSの代表取締役で、Googleアナリティクス関連の著書も複数上梓している、小川卓氏が紹介いたします。（編集部） GA4は今までのGoogle ア
Reactのベストプラクティスとコード削減パターン - パート1
本記事は React best practices and patterns to reduce code を提供元の事前許可を得たうえで翻訳したものです。 元の記事に従いタイトルに「ベストプラクティス」と含んでいますが、実際にはベストプラクティスは規模や状況によって大きく異なります。 チームの状況にあわせて参考にしていただければと思います。 ===== これは全3パート中の第1パートとなる記事です。 パート1（この記事）パート2パート3 私は数年に渡っていくつかのプロジェクトで、React.jsを使った取り組みに参加してきました。様々なプロジェクトに取り組む中でいくつかの共通するパターンを見出したため本ブログでご紹介いたします。それではいきましょう。 1. reduxのactionsとdispatcherのためにカスタムフックを作成する私はreduxを使うことを好んではいませんが、いくつ
Three.jsの勉強の仕方 - Qiita
概要 Three.jsの勉強を始めて半年くらいが経過しました。 現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について 私は主に、React Three Fiber（Three.jsをReact用にラッパーしたライブラリ｜以下、R3F）を使用して開発してます。 バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。 とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。 ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ
中小企業の経営者はTwitterに取り組むべきか？ | knowledge / baigie
先日、Twitterのフォロワー数が7.5万人を超えました。 私自身はフォロワー数を増やすことへの関心はもうなくなっているのですが、ちょうどいい区切りのタイミングなので、中小企業の経営者目線でのTwitter活動の意義を、よくいただく9つの質問に答える形で、ここで振り返ってみます。 Q1. なぜTwitterをはじめたのか？ Twitterアカウントは2009年には開設していました。ただその頃は、長文が書けるFacebookを好んで使っていました。短文しか投稿できないTwitterは自分には向いてないと思っていました。そのため、2016年まではTwitterはほぼ放置の状態でした。 本格的にTwitterを始めてようと思ったキッカケは大したものではありません。当時在籍していた社員が読書の感想をTwitterにまとめていたのを見たからです。こういう使い方なら、読んだ本の定着ができそう。そう思
React18のTransitionの動作確認
React18のTransitionの動作確認をした。 useTransitionを使った例を用意し、React18のAPIを使わず同様の体験を提供すると、どのようになるかを確認する。また、startTransitionやuseDeferredValueでも同じことができるか確認する。 先に結論 Reactの18の新機能を使わずとも似たような表現はできるが体験は提供できない。即応性に大きな差がでる。また、useTransitionではisPendingが用意されているががstartTransitionやuseDeferredValueでもisPendingを実装できることも確認できた。 startTransitionが柔軟で表現力が高く、isPendingが不要ならstartTransitionで表記が単純にになるとも言えるし、isPendingを保持する必要があるためhookにする必要が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
