始めに Next(React)、TypeScript、Material UI環境で扱えるWYSIWYGエディタを調査し、実際に使用し、どのエディタが一番適しているかを調査しましたので、その結果をご紹介します。 WYSIWYGエディタとは 「WYSIWYGエディタって何？」と思われる方向けにWYSIWYGエディタって何かを簡単にご説明させていただきます。 What You See Is What You Get（見たままが得られる）の頭文字をとったものでWYSIWYGと呼ばれます。 最近では、コンテンツマネジメントシステム(CMS)などでよく使われているエディタです。 実際のコンテンツそのものを編集しながら確認することができ、そのままをウェブページなどで表示する事が出来ます。 （実際は環境（ブラウザ等）に依存するので必ずしも全く同じ結果が得られるわけではないみたいですが。。。） 使用する側か
2022.5.16 追記 現在は以下のように取り扱いを変更しています 「モーションロゴ ノーマルVer.」 → 「モーションロゴ」 「モーションロゴ フレンドリーVer.」 → 「ジングルムービー」 運用方法 https://smarthr.design/basics/logos/motion/ https://smarthr.design/communication/photography/jingle-movie/ SmartHRのブランドイメージをより豊かに広げていくため、また映像コンテンツに一貫性を持たせることでSmartHRの認知を高めるため、新たに “モーションロゴ” を製作しました。SmartHRが発信する映像やイベントで使用していきます。 SmartHRが社会に提供する価値と、サービスとしての “パーソナリティ” を表現した今回のモーションロゴ製作。3名のクリエイターの皆さ
基盤チームの右京です。 昨今はフロントエンドのアプリケーションもリッチになり、ブラウザ上で実行されるコードが行うことの範囲も増えてきました。一方で多くのことを実装できてしまうのはリスクでもあり、BASE でも問題となることがあります。 その中でも「開発環境の URL」や「デバッグ機能の存在」ような環境毎に異なる情報は、特に意図せずに漏れやすいものだと考えています。これらはコードを記述する際に、実装方法を知識として知っていればその多くが回避可能です。この記事ではその実装例を解説しています。 コードから漏れる情報 例えば、次のようなコードがあるとします。 function debug() { // 開発環境の host であればデバッグ機能を有効にする return location.host === 'dev.example.com'; } なんの変哲もないようなコードに見えますが、ブラウザ
先日リリースされたChrome 105, Edge 105でコンテナクエリ（@container）と:has()疑似クラスがサポートされ、モダンCSSの新機能がいよいよブラウザで使用できるようなりました。 そしてもう一つ、:modal疑似クラスもサポートされています。CSSでモーダル要素を検出できる新機能で、今までJavaScriptでしかできなかったことがCSSでできるようになります。 Is it :modal? by Jhey Tompkins コンテナクエリ（@container）と:has()疑似クラスについては、先日の記事をご覧ください。 レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスの元、翻訳しています。 :modal疑似クラスがCh
CAMPFIREは、『一人でも多く一円でも多く、想いとお金がめぐる世界をつくる。』をミッションに掲げ、事業に携わってきました。事業展開が多角化する中、新たなステージへ進むべく、コーポレートアイデンティティをリニューアルいたします。 CAMPFIREでは、創業当時から炎をシンボルに起用してきました。これは『小さな火を灯しつづける』想いを反映したものです。新しいロゴは、これまでのシンボルのモチーフである炎を灯し続けながらも、“人と人がつながり、語り合える場を生み出す“をコンセプトに、「&（アンパサンド）」の形を取り入れています。
ヘッドレスCMSの新スタンダードコンテンツ管理に自由と創造力を最新のウェブ環境に対応したCMSで コンテンツとチームのパフォーマンスを最大化します 最新のウェブ環境に対応したCMSでコンテンツとチームのパフォーマンスを最大化します
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く