ブックマーク / catnose.me (4)

  • smallタグ:小さく表示される文を表す | HTMLリファレンス

    HTMLの<small>スモールタグは、免責事項、警告、法的制限、著作権などの注釈や小さく表示されるべき文に対して使います。 <p>このソフトウェアは無料で使用できます。</p> <p><small>このソフトウェアにより、機器に何らかの損害が生じたとしても、一切の責任を負いかねますので、ご了承ください。</small></p>

    smallタグ:小さく表示される文を表す | HTMLリファレンス
  • citeタグ:作品名や題名を表す | HTMLリファレンス

    HTMLの<cite>タグは、引用された作品のタイトル(作品名や題名)を表します。例えばの紹介をするときには、のタイトルを<cite>で囲みます。

    citeタグ:作品名や題名を表す | HTMLリファレンス
  • ZennとClassmethod

    Zenn個人開発から脱却し、クラスメソッド株式会社のサービスとなりました。僕(catnose)はクラスメソッドのスタッフとして、Zennの開発を続けます。ユーザーに愛されるサービスを目指して、チーム体制を整えて運営していきます。 早いものでZenn needs helpを書いてから4ヶ月が経ちました。実はこの記事を公開してから20以上の会社から連絡をいただきました。 中には自分が愛用しているサービスの運営会社や、憧れていた会社からも声をかけていただきました。話はまとまらなかったものの、お話ができたことを心から嬉しく思います。 大ヒットサービスを連発している会社や、驚くほどの金額を提示してくれた会社もありました。 どの会社からのオファーも魅力的でとても迷いましたが、最後はクラスメソッド社の中で一緒にやっていくことを決めました。 ブログ形式の投稿サービスというのは運営が難しいものです。ユーザ

    ZennとClassmethod
  • Cloudinaryで動的にOG画像を生成する方法

    質問箱やDev.toをはじめとして動的に生成されるOG画像を見かけることが増えた。 やっていることはシンプルで背景となるフレーム画像の上にテキストをのせているだけだ。 どのようにOG画像を作るか まずはいくつか代表的な方法を紹介する。 選択肢1:ImageMagickを使う Railsアプリケーションの場合、ImageMagicが選択肢に挙がるだろう。サーバーで画像を生成することになるため悪意のあるユーザーにより意図しないOG画像を生成されるのは防ぎやすい。 ただし、ユーザーによる投稿をフックにしてOG画像を生成しようとすると、サーバーへの負荷が大きくなってしまう可能性がある。また、ユーザー体験を損ねないように非同期で画像生成処理を行うなどの工夫が必要かもしれない。 選択肢2:html2canvasでクライアント側で処理を行う html2canvasという超便利なJavaScriptライブ

    Cloudinaryで動的にOG画像を生成する方法
    munieru_jp
    munieru_jp 2019/10/16
    OGP画像の動的生成、外部の画像生成サービスを使用する方法もあるのか。
  • 1