2018年12月

mp4を変換してhlsストリーミング再生を実装してみる

Webページに動画を埋め込む際、Youtubeなどを使わず、ストリーミング再生を実装したい場合に色々調べて実装することができたので、メモします。 (間違っているところがあるかもしれません。ご指摘いただけましたら幸いです) こんな方向け 動画の形式のことはよくわからない とりあえずストリーミングを実装したい mp4ファイルだけはある Youtubeなどは利用しない(自サーバーに動画をUPする) 動画 […]

pugを使って配列、オブジェクトをhtmlに出力する方法

リストなど大量の情報をまとめてhtmlファイルに出力する方法について書きます。 エクセルで企業リストに企業名、リンク先などの情報が記載された原稿を渡されたときなど、 エクセルからのコピペでは疲弊してしまうので、pugを使って一気にhtml化してしまおうという話です。 データの用意 まずは、エクセルから以下のような形に成型します。 [ {name:"google",url:"http://www.g […]

三点リーダーについて-CSSやJSを使った実装方法

css

「50文字以上で三点リーダー(・・・)にしたい」 「3行目以降は三点リーダー(・・・)にしたい」 などの要望があったときに、サクッと引っ張ってこれると便利なので、メモ 一行のみならCSSが一番簡単 一行のみで表示させるのであればtext-overflow: ellipsis;が使えるので、簡単 <p>三点リーダーめんどくさい三点リーダーめんどくさい三点リーダーめんどくさい</p& […]