イイダリョウのブログ。JS前回、タブレットだけで技術ブログが書けるのか検証した結果、もしかしてだけどこれならスマホだけでも技術ブログが書けるんじゃないの?という気になってきたので、実際にやってみる。最後に:やはり選択肢があるのはいい※本記事はスマホ画面の縦画像が続きます。横画面で見ると見切れてしまうため縦画面でご覧頂く方が見やすいかと思います。スマホでの技術ブログ以前はスマホは修正専用だった以前はブログはパソコンで書いていた。スマホは出先での修正専用でした。それは以下のような理由からです。長文、特にプログラミングは物理キーボードかなアプリ版はてなブログはマークダウンがない?ブラウザ版はてなブログも使えない?ブラウザ版はてなブログのPC表示はボタンが押しにくいcodepenブラウザ版はいかんともしがたい使い勝手。前回の記事でタブレットだけでブログを書くことができました。タブレット(iPad)とスマホ(iPhone)は同じiOS。したらスマホでもブログ書けるってこと?いっちょやってみっかー、という試みがこの記事です。スマホはフリックでええやん前回、タブレットでソフトウェアキーボード触り倒した結果「やっぱり物理キーボードが好き」という結論に至りました。スマホの場合は話が別かなと思います!スマホは軽くて手軽なので、フリック打ちとの相性がすこぶる良い。これで長文およびプログラミングを頑張ってみようかな。次の課題はアプリの操作性です。クモのようにコツコツとマークダウン求めて三千里アプリ版はてなブログはマークダウンがない?こちらがアプリ版はてなブログの編集画面です。左のカメラアイコンが画像配置、右のキーボードアイコンが文字入力。以上!...なんというか、シンプルイズザベスト?しかし私が愛用しているマークダウン記法のアイコンがないじゃないか!!(と、これまでは思っていました。Lifeちなみに写真の配置には「写真のアクセスを許可」の設定が必要です。ブラウザ版はてなブログもマークダウンはない!アプリでマークダウン使えないって?仕方がないからブラウザ版のはてなブログにアクセスしてみる。むむ?アイコン自体はさっきより増えたが、やはりマークダウン系のアイコンがないっぽい?これって「見たままモード」なんじゃ?設定画面を確認してみる。うーむ、そんなことないな。いうことだ?はてなブログはスマホではマークダウン使えないと?PC版はてなブログではマークダウン使えた!フッターをふと見ると小さく「PC版」という文字が。今度は頭に大きな字で「スマートフォン用の表示を見る」と。こちらに誘導したいんだねぇwとはいえ、PC表示だとアイコンはかなり小さくて画面の拡大縮小を繰り返す必要があります。裏メニュー発見!早速やってみませう!まず最初の画面。ここでツールバーを左にフリック、すると...おお!マークダウンのアイコンがでた!!もう一回フリックするとさらにリンク系などのアイコンが!!アプリ版のマークダウンを体験!試しにリンクを貼ってみよう。クリップのアイコンをクリックするとURLが貼れるウィンドウが出た!URLを入れると、おお!マークダウン記法でリンクが貼られた!!なお、PC版に比べるとアイコンの数は若干少ないです。使うものは辞書登録しておくといいでしょう。「目次」の[:contents]を「も」で辞書登録してますので...このように貼り付けることができます。「プレビュー」で見るとこうなる。マークダウンを有効にするには事前に投稿設定をお忘れなく...これでブログに関しては目処が立った。スマホでは画像アップやプレビュー表示などの通信で電池がみるみる減っていくので「下書き保存」はこまめに行いませう。スマホでcodepen次はスマホでのプログラミングについて検証します!※参考:HTML、CSS、JSの基本はこちら私の愛してやまないcodepenはアプリがない!何故だ!?私が愛してやまないオンラインテキストエディタ、codepen。いつもここでコンテンツを作ってブログに埋め込んでいます。https://codepen.io/i_ryo/ところがこのcodepen、アプリ版はないようなんです。残念!!仕方ないのでブラウザ版のcodepenで編集してるのですが、これがクセが強い!!ブラウザ版codepenはクセが強い!ブラウザ版のcodepenはいろいろ使いづらく修正程度にしか使っていなかった。pen」を開くこれがcodepenのスマホブラウザ版編集画面です。上半分で三分割している「HTML」「CSS」「JS」にコードを打っていくのですが...例えばclass="test"と打ちたい場合、classのあとに記号画面に切り替えて="と打ちます。そのあとまたローマ字戻してtestと打ってまた記号に切り替えて"とか、この切り替え作業がジワジワと疲労感にwもう一つ、codepenでは日本語入力のとき変換がなぜかでない!変換ボタンがなぜか絵文字ボタンになってて気がつくと伏せ字を打っています!あと、タイトル部分を直接変更できずsettingのところで編集する。いう細かい仕様がパソコン版と違うのもストレスwプログラミングはtextasticの力を借りるそんなこんなで諦めていたcodepen編集ですが、前回紹介したtextasticでコードを打ってcodepenに貼り付けたらいけるんじゃないか?という気がしてきました。HTMLをtextasticで作成スマホ版textasticの軌道画面。