あまプロでは生徒のノートパソコンにUbuntuを使っています。
先日、Ubuntuのネット接続て嵌ったのてあメログ。
生徒用に買うたDell Latitude E6320にUbuntu 20.04.1 LTSをインストールしました。
インストール完了後に再起動を行って、再起動後まではwi-fiがつながっていました。
しかし、その後の更新でシステムエラーが発生し、その再起動後にwi-fiがつながらなくなってしまいました…。
wi-fiの物理スイッチをOn/Offしても変化なし、再起動しても変化なし…。
色々調べてみると、無線装置のbcmwl packageにバグが有るらしく、既にバグ報告が登録されてました。
他の方の投稿で、新しい版のbcmwl packageをインストールすると解決したというのを見掛けたので、試してみると無事に再起動後にwi-fiに繋がりました…。
良かった良かった。
あまプロでは生徒のノートパソコンのOSにUbuntuを使っています。
先日、Ubuntuのインストールで嵌まったんであメログ。
先ず、ここからisoファイルをダウンロードして、ブータブルUSBを作成します。
上記三点の設定を行わないと、ＵＳＢから起動してくれませんでした…。
Ubuntuのインストールが終われば、上記設定は元に戻しても構いません。
あまプロではWrodpressでウェブサイトを構築する事が有ります。
ワードプレスで少し躓いたんであメログ。
ワードプレスでは投稿を一定数のページ単位で表示するページネーションという機能が備わっています。
公式の基本的な例にPHPのプログラムが載っていて、それをコピペしたらページネーションのHTMLが生成される
筈なんですが、何故か私の環境ではURLのクエリ部分が
https://amahiroba.info/?page_id=721&category=ボランティア募集#038;category=ボランティア募集&paged=2
の様にcategoryが繰り返されて正しいURLになりませんでした…。
原因を調べてみるとesc_url( get_pagenum_link( $big))でURLをエスケープしている箇所が有るんですが、そこにマルチバイト文字列（日本語）等#038;が入っているとエスケープ出来ないそうです。
なので、エスケープ出来る様にhtml_entity_decode( get_pagenum_link( $big))に改修すると
正しいURLが生成されました。
https://amahiroba.info/?page_id=721&category=ボランティア募集&paged=2
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>てすと</title>
<style type="text/css"><!--
.clear { color: gray; position: relative; left: -0.4em;}
@-moz-document url-prefix() {
.clear {
display: none;
}
}
--></style>
</head>
<body>
<input type="time" id="time0" name="time0">
<span id="clear0" class="clear">🅧</span>
<br>
<input type="time" id="time1" name="time1">
<span id="clear1" class="clear">🅧</span>
<script type="text/javascript"><!--
function downEscape() {
if( event.key == 'Escape') this.value = '';
}
function clickEscape() {
this.previousElementSibling.value = '';
}
function changePointerDefault() {
this.style.cursor = 'default';
}
document.getElementById( 'time0').addEventListener(
'keydown', downEscape, false
);
document.getElementById( 'clear0').addEventListener(
'click', clickEscape, false
);
document.getElementById( 'clear0').addEventListener(
'mouseover', changePointerDefault, false
);
document.getElementById( 'time1').addEventListener(
'keydown', downEscape, false
);
document.getElementById( 'clear1').addEventListener(
'click', clickEscape, false
);
document.getElementById( 'clear1').addEventListener(
'mouseover', changePointerDefault, false
);
--></script>
</body>
</html>
npm install clean-css-cli -gnpm install uglify-es -g 基本的な使い方はこちら cleancss -o takeaway.min.css takeaway.css
uglifyjs -c -m -o takeaway.min.js -- takeaway.js *.cssや*.jsがミニファイ前のファイルで、*.min.cssや*.min.jsがミニファイ後のファイルです。 比較してみると-rw-r--r-- 1 root root 2.5K May 9 23:35 takeaway.css-rw-r--r-- 1 root root 1.7K May 9 23:35 takeaway.min.css
-rw-r--r-- 1 root root 5.0K May 9 23:35 takeaway.js
-rw-r--r-- 1 root root 2.8K May 9 23:35 takeaway.min.js
-rw-r--r-- 1 root root 26K May 9 23:35 takeawayLib.js
-rw-r--r-- 1 root root 12K May 10 00:14 takeawayLib.min.jsミニファイ後はサイズが約半分になってます。たかが半分されど半分…塵も積もれば山となります。
ミニファイ後のファイルを開いてみると改行や空白が削除された長〜い一行のファイルになっています。CSSはこれで良いのですが、JavaScriptはこのままでは開発し難いです。JavaScriptは開発中にブレークポイントで停止して変数をウォッチしてデバッグする事が有りますが…これ、一行のファイルだととてもデバッグし難いんです。なので、今時のブラウザにはJavaScriptの整形機能が有ります。
ブラウザの開発ツール（Ctrl + Shift + I）のデバッガータブの下に｛ ｝のアイコンが有ります。これを押下するとソースを整形してくれます。整形はしてくれるんですが、ミニファイ時に難読化のオプション-mを指定しているので、変数名が一文字になって非常に理解し難いです。
これには、デバッグ時に変数名やfunction名を復元するソースマップを作成して対応します。
ソースマップはミニファイ時にuglifyjs -c -m -o takeaway.min.js --source-map "url='takeaway.min.js.map'" -- takeaway.js
のオプションを指定するだけです。
すると、ミニファイ時にソースマップが作成されます。-rw-r--r-- 1 root root 2.5K May 9 23:35 takeaway.css
-rw-r--r-- 1 root root 5.0K May 9 23:35 takeaway.js
-rw-r--r-- 1 root root 1.7K May 9 23:35 takeaway.min.css
-rw-r--r-- 1 root root 2.8K May 9 23:35 takeaway.min.js
-rw-r--r-- 1 root root 3.0K May 9 23:35 takeaway.min.js.map
-rw-r--r-- 1 root root 26K May 9 23:35 takeawayLib.js
-rw-r--r-- 1 root root 12K May 10 00:14 takeawayLib.min.js
-rw-r--r-- 1 root root 16K May 10 00:14 takeawayLib.min.js.map
先程と同様にブラウザの開発ツールのデバッグタブを表示すると
*.min.jsに加えて*.jsが表示され、*.jsの方は変数名やfunction名が理解し易い形式で表示されます。
開発用のdevelopブランチではJavaScriptをデバッグしますので、ソースマップ有りで。リリース用のgh-pagesブランチではJavaScriptをデバッグしないので、ソースマップ無しで。という風に使い分けます。