Uploadしよう！〜ひとまずまとめ編〜

どちらかと言うと「つぶあん」派かもしれない、と思うのですけどね。

現時点での総括

バタバタって感じできましたけど、とりあえず、今の時点でのまとめを作っておこうかと。

Phase 1.

どこにどう記述するか？という選択。

  1. 投稿先を決める
    • Bloggerを選択
  2. Formatを決める
    • Markdown形式を選択
    • pandocにて、HTMLへ変換
  3. Google Accountを作成
    • Bloggerを立ち上げる
  4. Onlineで試し投稿

UploadはHTMLね、というのもありました。が、Blogger選択時に、Google先生は、Markdown云々という結果も得ていました。そこからの逆算で、Markdownの選択は、DataはLocalに持ちたいという希望にも叶うものでしたので、ほぼ一択に近い形での選択になりました。ただ、Upload前後での手間がそれなりにかかることが分かったので、その解消を考えました。それが次のPhaseです。

Phase 2.

どういう流れなのか？を把握するお話。

  1. Google Developer Consoleに登録
    • Blogger API v3を有効化
    • Secret ID等を取得
  2. Python追加ModuleをInstall
    • google-api-python-client
    • oauth2client
  3. exampleを試す
    • 試し投稿のUp/Down

Upload用Script（Upgger）作りつつ、改善したい点がでてきました。

  1. Tagの属性に関すること
    • id属性
    • class属性
  2. Tagの不足に関すること
    • カラーリング
    • センタリング
  3. Data(not HTML)の置き場
    • JS
    • text

Code Highlight用のLibraryであるJSの置き場を確保するための(3)。置き場は、Github Pages。
Libraryは、Prism.jsを選択しましたので、<code>に属性を必要があり、pandoc変換で得られる場所からの置き換えを行う必要が出てきました。

Phase 3.

どう効率してゆくかというお話。

  1. HTMLのTag ID変換及び削除用Python Script
  2. HTMLのTag追加用Python Script
  3. Uploaer用Python Script（Upgger）
  4. 取りまとめ用Bash Script

Markdownを記述して、Command一つでUpload完了、ということにしたかった、ということです。
従って、Markdownにはいくつかの独自仕様が追加されています。

  • Title,Label用の記述
  • 追加Tag用の記述

これらによって、Command一つが完了しています。ただ、画像のUploadはできていません。

Phase 4.

どう充実させてゆくかというお話。

  1. Markdownの記述（ひたすら）
  2. Google Search Consoleの登録

今は、投稿内容を考えて、Markdownを作って、という状況にあります。

コメント

コメントを投稿

このブログの人気の投稿

Tabulatorで行こう！ 〜ダイバー編〜

あれから半日 ある程度のところまで、というところで、寝たんだけど。寝付けないわけです（笑） 「何をどうすれば」「あれをこうすれば」「これがああなって」という感じで、脳は活動をやめてないわけです。 ルーチンなので、そのうち、眠りに落ちるのですが、ナカナカ抜けない癖のようなものです。 修正を加えていた「書庫アプリ」も、ほぼ所望には仕上がりをみました。 そうなんだよね Wiredのフロントエンド に関する記事なのですが、「そうね！そうね！」と思ってしまいました。ほんと、移り変わりが早いので、ナカナカ入るタイミングを見つけられないで、今に至ってしまってますからね。大縄跳びに、上手く入れないみたいな（笑） Sort機能 Defaultで、Sortすることになっているので、Sortさせない列に対しては、以下のような設定をします。（一部抜粋） var table = new Tabulator("#example-table", { layout:"fitColumns", columns:[ ... {title:"Gender", field:"gender", headerSort:false}, Full は、こちらに。 Filter機能 Exampleを見ると、いろいろできますが、ここでは、「Text入力」と「選択入力」の二つを紹介。 var table = new Tabulator("#example-table", { layout:"fitColumns", columns:[ {title:"Name", width:150, headerFilter:true}, ... {title:"Favourite Color", field:"col", 　　　　　　　　　 headerFilter:"select", headerFilterParams:{values:true}}, ... ...
続きを読む

Tabulatorで行こう！ 〜違うじゃん編〜

あれから数日 タイトルに書いてしまってるので、なんですが（笑） 「 table.js 」に、再度落ち着いたと思いきや、結局、別のLibraryをいじってるという日々でした。 「 Tabulator 」という多機能のTable操作のライブラリです。 まだ、最終的にやりたいことはできてないのだけど、落とし所は過ぎてるので、カキコ。 初動のハマり箇所 いつものように、ぐぐる先生に、お手伝いをいただきますと、 $("#tabulator-example").tabulator({ layout:"fitColumns", ... と表現されているところが多いのですが、実は、 var table = new Tabulator("#example-table", { layout:"fitColumns", ... というのが、最新では紹介をされています。最初の方は、「 jQuery 」とセットになってるお話なんですが、最新では、いりません。ちなみに、最新は、 4.1 です。 それでも、ｊQueryという場合には、 <script type="text/javascript" src="dist/js/tabulator.min.js"></script> <script type="text/javascript" src="dist/js/jquery_wrapper.min.js"></script> Wrapperが用意されているので、それをimportしてください、ということになっています。（パスは読み替え要です） 必要な設定 最低限の設定は、以下になります。 <link href="dist/css/tabulator.min.css" rel="stylesheet"> <script type="text/javascript" src="dist/js/tabulator.min.js"></scr...
続きを読む

Fedoraで行こう！ 〜音声合成pyttsx3編〜

久しぶり 数年ぶりに、書いてみました。諸々のScriptの調整やら何やら、ございますれば。 Fedoraは、 37 を使用しております。 まあ、もうすぐ、 38 でますけどね。 インストールしてみた ふと、音声合成をやってみたくなり、ぐぐる先生で調べまして、 pyttsx3 なるものがあり、 使えますよ、と。事前で、というか、Python側ではなく、Fedora側で、インストールしておくものもある、 という感じで。 $ sudo dnf install espeak $ pyenv> pip install pyttsx3 pyenv は、 virtualenv にて、仮想的な環境を 構築した上での作業になっております。不要であれば、sudoを使って、インストールすればいいかと 思います。 libespeakのエラー $ python >>> import pyttsx3 >>> engine = pyttsx3.init() >>> engine.setProperty("voice", "Japanese") >>> engine.say("こんにちは") >>> engine.runAndWait() 少なくとも、上記コードは問題が発生したものと同一ではないのですが、上記だと、タイトルに ありますように、 libespeak でエラーになります。単純に、日本語を 解釈をしていない、ということです。 第一の問題 espeak は、日本語を解釈しません。日本語を解釈するのは、 espeak-ng になります。従って、 $ sudo dnf install espeak-ng CLIによるespeak-ngでは、ちゃんと日本語を解釈しますが、pyttsx3の先程のコードでは 問題がクリアになりません。 グーグル先生では、libespeak-ngをlibespeakに、シンボリックリンクすることで対応 というものがでます。 マイルール的に、管理者領域では、通常のUpdateや設定以外では操作しない、と決めている ので、リンクの張り替えによる対応はしないとしました。 第二の問題 $...
続きを読む