お客様のノートPCをセットアップする際、必要となったので、メモ。

1. とりあえず電源ON！
   まずは普通に進みましょう。
   地域を「日本」に選択し、「はい」を選択。
   
   
   
   キーボードレイアウトも「はい」を選択。
   
   
   
   こちらは「スキップ」します。
   
   
    
2. ネットワーク接続の画面が出てきたら一旦ストップ！
   ここでネットワークには接続させたくないので、「Shift」+「F10」（ノートの場合は「Fn」キーも）押して、「コマンドプロンプト」を起動します。
   
   
    
3. 「コマンドプロンプト」をクリックしてフォーカスを移したら「OOBE\BYPASSNRO」と入力し「Enter」キーを押します。
   パソコンが再起動されます。
   
   
    
4. ネットワーク接続画面が表示されてもインターネットに接続しないでください。
   「制限された設定で続行」という選択肢が表示されるので、そちらをクリックします。
   
   
    
5. 後は普通にセットアップを進めていきましょう。マイクロソフトアカウントを作ることなくWindows11が起動します。
   
   
   
   
   
   

iPadのスクリブル。Apple Pencilを使って文字を書き込むと手書きが自動的にテキストデータに変換される機能です。

これ半端ない認識率かも。丁寧に書いたらかなりの精度で文字起こししてくれるんじゃないかなあ。

こんな文字でも・・・

↓

この通り！

画面が反射するので、斜めから撮影してます。見辛くてすみません・・・。

しかし、まあこんな汚い文字でもバッチリ認識してくれてます。

最後にクエスチョンを付けておきます。

↓

すると・・・

もうなんでもこいやって感じw

GoogleのVisionAPIをお客さんに提案しようと思っていたけど、これで全然いいと思う。

あるあるですが、記載の仕方を忘れることがあるので、メモ。

特にPHPなどで動的にtableを作成する場合によくありますよね。thやtdの幅をwidthで指定しているのに、上手く幅指定が出来ていないこと。そういった場合の対処法です。

table-layout: fixed;

 

カレンダーを動的に作る時などに、幅を固定する際、

th.week, td.week {
    width: calc( 100% / 7 );
}

よくある方法ですが、tdの中に動的に文字（文字数がどれくらいになるかわからない時）を入れたりすると、結構レイアウトが崩れます。その時は、最後の手段「table-layout: fixed;」で解決できることがあります。

どうしても固定されないなら、動的に文字の入るブロック要素に

    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;

で、はみ出る文字を消す、かな。

たまに忘れちゃうので、メモ。

二つ以上のイベントで同じ処理を行いたい時の書き方。レスポンシブ・ウェブ・デザインで、CSSで対応が面倒な場合に使うので。

$(window).on( 'load resize', function(){
　//何らかの処理
}

インスタグラムの投稿をMySQLに流し込み、それをPHPを通してWebサイトに掲載する。
よくある話ですが、絵文字がうまく反映されない不具合がありましたので、それの対応をメモ。

ちなみに、MySQL5.7.39とPHP5.6.40でしたが、最新のバージョンでも流れは変わらないと思います。

 

データベースのカラムの文字コードに注意

「UTF8」だと絵文字を登録するのには不充分なので、「UTF8mb4」に変更すること。

僕は、MySQLでテーブルの定義情報を確認するのに、入力する文字数が少なくて済む（笑）ので

DESC テーブル名;

をよく使うのですが、これだと文字コードがわからないので、

show full columns from テーブル名;

で確認しましょう。

余談ですが、

show create table テーブル名;

を使うと、テーブルのCREATE文が生成できます。

で、カラムのCollationを確認して、「utf8_general_ci」だと絵文字が化けちゃいますので、「utf8mb4_general_ci」に変更します。

データベースの文字コードをまとめて変更したりできるのですが、とりあえず問題なく動作している環境をドサッと丸ごと変更するのはためらわれるので、今回は関連するカラムのみ変更します。

カラムの文字コードを変更するには、

ALTER TABLE テーブル名
MODIFY カラム名 属性 (文字列長)
CHARACTER SET 文字コード
COLLATE 照合順序;

を使います。

ALTER TABLE blog_table MODIFY
blog_text longtext
CHARACTER SET utf8mb4
COLLATE utf8mb4_general_ci;

上記のような感じですね。
データベース側で絵文字を格納する準備ができました。

後は、インスタグラムのAPIから取得したテキストをそのカラムに向けてINSERTしてもらえればOKです。

 

PHP側の対応

さて、データベースにアクセスして読み取り出力するPHP側ですが、こちらもutf8mb4で処理してもらう必要があります。
ということで、データベースにアクセスしたら、第一に

SET NAMES 'utf8mb4'

を実行。
以上で問題なく表示されました。

ちなみに僕はMacのターミナルでSQLを実行したりするのですが、MySQLに接続するときに

./mysql -u ユーザー名 データベース名 --default-character-set=utf8mb4;

とデフォルトの文字コードを指定すると、文字がきちんと表示されます。
utf8mb4ではなくutf8で接続してる可能性がありますので、ご確認ください。