line-clamp 仕事で憤慨したので珍しく技術エントリです。 世の中のニュースサイトとかブログサイトでは、度々「文末省略」が用いられます。 ググればいくらでも出てくる、text-overflowとかのことです。 これを使えば文末に3点リーダーを持ってきて、文章を省略することができます。 1行ならな！ 2行以上になると、また別のプロパティを用いる必要が出てきます。 それが「line-clamp」。 -webkit-line-clamp: 3; ってのとそれ専用のプロパティを指定してあげると、line-clampの数の行で3点リーダー省略してくれます。 超有能。 しかしやはり制約はつきもので、webkit系ということもあってかIEやFirefox(?)などでは使えません （火狐は違ったかも） それに正直使用は推奨しないのがこれのビッグ・問題点です。 なぜならおそらくは今後制定されることのないプロパティだからー！ ほぼ仕様版的な感じで、なおかつもう開発されることはないと思ったほうがいいです。 なので人間ならおとなしくPHPとかJSで区切るようにしましょう。 どっちもある程度の制約もありますが、ちゃんとプログラムでやったほうがいいよ。 【本題】line-clampで区切れない場合がある まずはこちらをご覧ください。 See the Pen line-clampで区切れない場合があることの説明 by 【LIGHT WINGER】 saiko (@saikofall-the-typescripter) on CodePen. このコードを簡単に説明すると ・メニューの切り替えタブと、中身のタブがある ・タブ1/2/3をクリックすると、対応した中身タブの表示が切り替わる っていうだけのものです。 使い道としては、ちゃんとデザインすればタブ切り替えメニューになったりします。 最近だとサイドバーに表示するミニランキングとかそういうの？ さてここで本題、見りゃわかるんですが、タブ2をクリックして表示させますと、なぜかline-clampが効いてない状態でタブが表示されます。 もちろん、3つのタブすべてに同じcssを適用しており、理想の表示としてはタブ1のようになるものとします。 で、これを調べてたのですが、どうもwebkit系特有のバグ？だそうですね。 というわけで下記の2ページを参照。 マルチラインのラインクランプ（省略記号）は、私は、H3タグにこのクラスを適用 -webkit-line-clamp is not respected when visibility is hidden どちらも英語ページですが（上のは無理くり日本語翻訳されたもの）、言ってることはひとつです。 どうやら、line-clampは再描画？が上手くされないらしいです。 今回上のメニュー切り替えでは、隠れているものには「visibility:hidden」が設定されています。 それを切り替えタブクリックでvisibleにしているわけですね。 ですのでレンダリング時点でvisibleがhiddenしてるってのが原因だそうです。 これはwebkitのバグとして認められているのでどうしようもありません。 諦めろん。 ただし、解決策がないわけではなく、その要素を「hide().show()」とかで再描画すると直ります。 だから開発者ツールでline-clampを付けたり消したりするとなぜか直るっていう現象が起こったりするわけですが。 やってはないんですが、もしかしたらvisibilityじゃなくてdisplay:noneとかなら影響が出ないかもしれませんね。 アレも多分再描画だし。 でも色々とcssの動きが面倒になるのでやっぱりhideとshowとかで再描画させてあげたほうが楽かも？ クソ雑魚js使いなので正直正しいかもわからんっす。 ぐち ぼく思うんですけど、そもそも3点リーダーの省略やめようぜって。 だってアレ面倒なだけじゃないですか。 css　→　できないのとできるのが多すぎ、そもそも制約デカすぎ php　→　文字数制限があって日本語だと微妙、バイト制限でやっても結局多少のズレは発生する js　 →　重すぎ、一番綺麗にできるけど負荷が半端ないので現実的じゃない っていう問題児なので、もし省略を誰かに頼むときは 「なんかこう、下のほうがグラデーションで消えてく感じで省略してほしい」 って頼みましょう。 下白のグラデ掛けるだけでなんとかなるので作るほうとしては非常に楽です。 あとこれは個人的な意見ですが、見栄えが「...」よりもグラデでスッと消えたほうがいいと思います。 それでは今日はここらでサヨウナラー

うま味しかない ダンジョンメーカーの大型アプデで、侵略戦闘というパネルが追加されてましたね。 この左下のやつ。2月7日付のアプデで追加された「侵略戦闘」です。これまでは防衛戦だけだったダンジョンメーカーも、ついに率先して勇士を殺しに行くことができるようになったわけですね。 基本的には、「のりこめー」するモンスターを決めて突っ込ませて勇士を殺すパネルです。超簡単！ 最大50対までの部隊を構成して、 ボス勇士を殺すと終わりです。 これまでは左側に魔王がいたわけですが、この侵略戦闘では右側にボス勇士がいて、これまでの防衛戦の逆になるというわけですな。とても助かる。 うーまーあーじー！ １．簡単 めちゃめちゃ簡単。試しに総力戦の試練1に伝説と群衆を10ずつ付けてプレイしてますが、序盤で引いても問題なく勝てます。よほどのことが無い限り、自陣のモンスターを全部突っ込ませれば勇士の首を獲って帰ってきます。 ２．旨味の塊（うまあじ派） 大量の金がもらえます。これが何を意味するかというと、「総力戦の序盤」を安定して切り抜けることができるようになりました。 具体的には、100日目ぐらいまでに侵略戦闘を3回ほどプレイして、200日目までに商人を引き当てれば好きに使いまくれます。総力戦の200日目の怖いところは女神のバフとかなので、この商人でこれまでの攻略をすっ飛ばして恐怖付与を作っておけば安定して抜けます。 ぼくの場合は処刑場を入り口に置いてます。後は2～3列目にダメージ床を適当に置いておけばなんとかなります。ぶっちゃけ200日目の女神を切り抜けることができれば後はセミオートで1000日目まで行けるでしょ。女神と遊ぼう！ ３．総じて総力戦の頼れる味方 もしかしたらそのうち調整が入るかもしれませんが、今の所は総力戦での強い味方です。ぼくはまだ魔王の超越レベルが13しかないですが、試練1の伝説群衆10で1000日目の決戦を10回まで行けたのでめちゃくちゃ石が美味しかったです。大体2時間もあればそこまでたどり着けるからめちゃくちゃ助かります。 侵略戦闘のうまあじは金だけではなく、宝箱2つと遺物も最高に美味しかったりします。捕虜部屋があればそれももらえますね。 つまり、総力戦を全力で楽しみたいなら今のうちってことだよ！ パーティーモード化した総力戦 これまではエンドコンテンツみたいなものでしたが、侵略戦闘のおかげで大変安定した遊び方をできるようになりました。 ちなみに、ぼくはレベッカで遊んでます。正直どの魔王でも問題ないんですが、なんとなく。 先程も書きましたけど、200日目までに侵略戦闘3回と商人1回行っておけば、これまでの攻略が無駄になるレベルで充実します。なんなんですかねこれ。なんかもう意味がわからなくなってきた。 多分ゲーム中で一番頭と神経使ってるのは商人と交渉してるときだと思います。あいつら500k積んでも巨大化出さねえんだわ。 マジで最高に楽しいモードになってるんで、ダンジョンメーカーは前やってた…という人も復帰してください。ほんとお願いだから今やって、今すぐやって。今なら侵略戦闘が付いてくる！ 言うまでもないですが、総力戦への敷居がかなり低くなりましたので、適当にパック開けてある程度解放したら総力戦やればいいと思います。覚醒までできりゃもういいんじゃないかな…なんとかなるでしょ、やってないから知らんけど。

※主人公がエッチな話はしません わりと普通に面白かった 対人戦をしないポケモンプレイヤーでしたが、黒白以降のポケモンは一切触れてません。それでもはじめたポケモンマスターズ！ 会社の人がやってたのを見つけたので、なんとなくインストール。暇つぶしくらいにはなるだろうと思ってましたが、案外面白いです。 わりと普通に面白いポイント ①戦闘システムがわりと普通に面白い半分リアルタイムなRPGコマンドバトルになってて、ソシャゲのくせにそれなりに遊べてます。ちゃんとオート機能と倍速機能もついてるので、普通のソシャゲとして機能してますね。 ②スタミナがないのがわりと普通に面白いニート御用達、スタミナがない的ソシャゲ。スタミナがないので時間があればあるほど無限に強くなる気がします。☆5？課金して❤ ③キャラかわいいね❤エッチな女の子がいすぎて素直に射精です。 わりと面白くないポイント ①ガチャ②ガチャ③ガチャ④⑤ガチャ 基本確率が☆5：7％とそれなりに高めですが、最低保障がないです。10連で☆4確定！とかそんな優しいことは言ってくれません。自分の運を信じてお祈りするしかないです。 ちなみに今日始まったグリーンピックを10連で引いた所、3人の☆3が代わる代わる現れて終わりました。お前ら仲良しかよ。 プレイしてるアピール 8073-3404-1327-1661 フレコ晒しとくから気になる人は申請してくれよな！！！少なくとも1ヶ月は遊ぶ予定だゾ！ ただ、グリーンピックで死にそうな思いをしたので暫くプレイしない可能性はあります。 それでは今日はここらでサヨウナラー