aka ICT Blog

ICTについて使える情報を発信していきます. 遠回りしたり, 自分のペースで...

このブログを検索

2020年06月15日 振り返り

   6月 15, 2020  No comments  Edit

スケジュール

出来事

適当に

まんがでわかる 最高の体調布教していきたい. 漫画仕立てなのでまだ読みやすいと思うし. というか漫画だけでも何言いたいかわかるし.

Read More

2020年06月14日 振り返り

   6月 15, 2020  No comments  Edit

スケジュール

出来事

  • vm macで録画のテストして動いた🎉

    • これからは毎日適当に生放送ができる.

  • youtube liveのための環境構築.

    • google アカウントの新規作成
    • プログラミング勉強用のバージョン管理システム調査.
      • code commitにしたけど, アクセス権限多くて正直めんどくさかったw
        • bitbucketの方がよかったかなぁ. 規約とかみて, そっちの方がよかったらそっちにしよう. (というか, githubが複数アカウント許してくれれば, アカウント作って権限周り設定して終わりなのに…

  • 両親から電話. 適当に近況報告しあったり.

    • 親孝行せねば.

  • あとはひたすらCODBO4.

    • まだまだ戦績が安定しない.

適当に

ゲーム上手くなりてぇなぁ.

あと, 実家暮らししたい. お金たまらないし, 親と離れ離れになるし, 両親と良い関係を気づけている俺としたら, 一人暮らしのメリット薄いんだなぁってわかった.

Read More

[エラー対処] StackEditでhtmlを埋め込むとstyle属性が消える.

   6月 14, 2020  No comments  Edit
Error handling

StackEditでhtmlタグにstyle属性を埋め込んでexportすると, style属性が消えてしまいました.

解決方法を一言で

class属性を使い, cssでstyleを記述しましょう.

<style>  
.icatch {  
display: none;  
}  
</style>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlnYK_utfa-5ciP4jCHcMVpSyiR7TDUksb5ghn3AH90jLeeaPfDoMkGpkAmFY4lSsWg9FaMxG9gN1b7J87j-w85P1Reixv8dhTEMd20wsKWNhCdsREkm7KFuvZYTW6AL3QtDX6vALZ_nC0/s640/2734951_m.jpg" class="icatch" />

環境

  • Web

エラー発生

私はブログを書くのにStackEditというウェブアプリを使っています.

今回, ブログを書くときにアイキャッチ画像を載せてみたいが, ブログ本文には表示させたくないと思い, 以下のようなimgタグをブログの冒頭に貼りました.


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlnYK_utfa-5ciP4jCHcMVpSyiR7TDUksb5ghn3AH90jLeeaPfDoMkGpkAmFY4lSsWg9FaMxG9gN1b7J87j-w85P1Reixv8dhTEMd20wsKWNhCdsREkm7KFuvZYTW6AL3QtDX6vALZ_nC0/s640/2734951_m.jpg" style="display: none;" />

## スケジュール
...

しかし, StackEditからBloggerにexportすると, 画像がそのまま表示されてしまいました.
なぜ?と思い, Chrome DevTools で確認してみると, style属性が消えていました. どこいったの…?

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlnYK_utfa-5ciP4jCHcMVpSyiR7TDUksb5ghn3AH90jLeeaPfDoMkGpkAmFY4lSsWg9FaMxG9gN1b7J87j-w85P1Reixv8dhTEMd20wsKWNhCdsREkm7KFuvZYTW6AL3QtDX6vALZ_nC0/s640/2734951_m.jpg"/>

## スケジュール
...

さらに原因を切りわけるため, StackEditからHTMLファイルをダウンロードしてみました.
すると, そのHTMLファイルでもstyle属性が消えていたので, StackEditがMarkdownからHTMLに変換するときに落とされているのだろうと当たりをつけました.

対処

色々Web上を調べた結果, コミュニティでHTML Stripping on Exportというディスカッションを見つけました.

どうやらXSS攻撃を防ぐために, StackEditでは変換のプログラムがstyle属性を省くそうです.
そのため, 解決策として, StackEdit の中の右メニューのTemplatesから, Templateを作ってそこにstyle属性を貼る方法が紹介されていました.

そのため, hide icatchという次のようなテンプレートを作成しました.

<!-- hide icatch -->

<style>  
.icatch {  
display: none;  
}  
</style>  
  
{{{files.0.content.html}}}

本文では, HTMLタグの中にclass="icatch"を埋め込みます.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlnYK_utfa-5ciP4jCHcMVpSyiR7TDUksb5ghn3AH90jLeeaPfDoMkGpkAmFY4lSsWg9FaMxG9gN1b7J87j-w85P1Reixv8dhTEMd20wsKWNhCdsREkm7KFuvZYTW6AL3QtDX6vALZ_nC0/s640/2734951_m.jpg" class="icatch" />

## スケジュール
...

あとはexportする際にtemplateをhide icatchを選択し, exportすることでstyleが適用されました🎉

この方法だとclass属性を作れば良いので, Bloggerのテンプレートのヘッダーにあらかじめstyleを作っておき, StackEditではclass名のみを記述するという運用でもいいかもしれません.
ただ, 私はモノグサなのでこの方法をしばらく使っていきます.

Read More

2020年06月13日 振り返り

   6月 14, 2020  No comments  Edit

スケジュール

出来事

  • 振り返りをやった.

    • 5月18日をdeploy

  • icatch画像をbloggerに載せた.

  • mac vmの設定をした. catalinaでの導入など.

  • 炎炎の消防隊を見た.

    • 終わらないのかーいってなった. 2期(?)やるんですね.

  • あとはひたすらBO4. 戦績はいつも通り悪いw

適当に

BO4上手くなりてぇなぁ.

Read More

2020年06月12日 振り返り

   6月 13, 2020  No comments  Edit

スケジュール

出来事

  • 朝に仕事で詰まっていたところ修正して, dockerでソフトウェアを立ち上げることができた.

    • これでようやっと開発環境が作れた

  • 昼休み中ネットサーフィン

GIGAZINE
OpenAIが超高精度な言語モデル「GPT-3」用いたAIモデルをAPIとして利用可能に、Wikipediaの内容を「質問」で検索するデモムービーも

適当に

明日から休みだー!

Read More
登録: 投稿 (Atom)

Popular Posts