Tiptapでオリジナルエディタをつくろう！
こんにちは！テラーノベルで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や機能は拡張機能として追加できるような仕組みになっ
リモートワーク環境下でスクラム要素をうまく取り入れる
こんにちは！ テラーノベルでバックエンドの開発をしているisolaです。 この記事について 現在テラーノベルの開発チームではオフィスで仕事をするメンバーとフルリモートメンバーが混在している状態なのですが、リモート環境下でもスクラムの要素をうまく取り入れながらプロダクト開発を進めていくことができているのかなと感じています。 リモート環境下でリアルタイムのコミュニケーション（対面の会話とか）が取りづらい状況で、 当初(2020〜2021頃）はコミュニケーションロスによってプロダクト開発に悪影響が出てしまうのでは、という話もよく聞いたのですが、うまくスクラムイベントやツールを活用することでコミュニケーションロスは最小限に抑えられると感じてます。 個人的に、スクラムで大事になってくるのは 「透明性」「検査」「適応」 が実現できているか、という部分で、そこに至るまでの手段は取捨選択して良い（全てのス
Web開発に便利なChrome拡張機能
こんにちは！テラーノベルのオスカルです。最近Webの開発をしてます。日本語はまだまだ勉強してます！ 応援してください！ 🙏 今回、結構使ってるweb開発に向けChrome拡張機能を紹介したいと思います。 それでは、僕の選りすぐりはこちら： 1. ColorPick Eyedropper CSSを書いたらこれはおすすめです。時々サイトを作って何色使ったかどうかわからなくなちゃって、Chrome開発ツールで確認できますが、エレメントを見つけてプロパティを探して。。。めんどくさいじゃないですか？。その時この拡張機能を使って、すぐ確認できます： それとも画像内の色も確認できますのでとても便利です。 2. CSSViewer 色だけ調べたかったら先の方が早いと思いますけど、こちらはChrome開発ツールを開けずにホバーだけですぐエレメントのCSSプロパティが見れます。fを押したらプロパティボックス
Maestroで快適なiOS/AndroidのUIテストを！
こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ iOS/Androidといったモバイル向けのUIテストって作るのも大変だし、メンテナンスも大変ですよね🤯 それらをいい感じにメンテナンスしてくれるサービスもあり、テラーノベルでは導入を検討をしていました。 そんな中、今回紹介するMaestroを見つけ、これは…！となったので今回はそちらのお話をします。 🔎 Maestroとは MaestroはiOS/Android用のUIテストフレームワークです。 iOS/Androidのネイティブアプリケーションだけではなく、FlutterやReact Nativeなどのクロスプラットフォームで動作するアプリケーションにも対応しています。 こちらが実際にテストを記述して実行した様子。かんたん！ 🎖️ Maestroの特に優れている点
GitHub ActionsのSelf-hosted RunnerをM1 Macで構築して、iOSのCI/CDが快適になった話
こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ テラーノベルのCI/CDは、Bitriseを利用していました。（旧プランでTeamsプラン移行前のもの） BitriseはモバイルにフォーカスされたCI/CDサービスで、かんたんにモバイルでのCI/CDパイプラインを構築できる素晴らしいサービスです。 ただし、テラーノベルのアプリ開発において、以下のような問題点がありました。 テラーノベルでのBitriseを利用する問題点1: マシンタイプが現在では古い こちらは旧プランを利用していたためGen２マシンを利用できなかったからなのですが、当時のEliteプランでもMac mini 2018年モデルでした。 Model Identifier: Macmini6,2 machdep.cpu.brand: 0 machdep.cpu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
