2018年01月03日

義父のホームページ作成のお手伝い

正月は妻の実家で過ごしております。
31日の仕事が終わってから住まいの近くにある妻の実家に行き夕食をいただきながら(酒を飲みながら)まえから頼まれていた義父のホームページ作成の手伝いをしました。

まずはレンタルサーバを契約し独自ドメインを取るところから。
レンタルサーバーはさくらのスタンダードプランを契約。
ついでにドメインも取得。
つぎにサーバにWordpressをインストール。

僕は飲みながらちょっとアドバイスしただけですよ。
義父がほとんど自分で設定しました。

インストール先の設定で少し躓きましたが無事運用できるようになりました。

よかったよかった。
posted by 片桐 健 at 11:40 | 義父のPC
2017年11月19日

USBwifiアダプタ

11acで繋ぎたかったので怪しい中華USBwifiアダプタを買ってみた。



Ubuntuでは挿すだけでは使えませんでした。

dsc_0161.jpg

使用チップはRTL8811AUと販売ページに書いてあったがPCに刺してdmesgしてみるとRTL8812AUとあった。USB3.0で使えるチップですね。その環境は無いが・・。

付属の8cmCDにLinux用のドライバーが入っていたがそれは使わないで、ネットで検索。
GitHubにいくつもありました。

このページのドライバーを使わさせていただくことに。

$ git clone https://github.com/diederikdehaas/rtl8812AU.git

降りてきたら
$ cd rtl8812au

$ make

$ sudo make install

$ sudo modprobe 8812au

うまく行きました。
早くて満足です。
でもこれは工房で使う予定なので予備実験。
明日工房のPCに挿してみます。(同じ手順で、あとでdkmsも)
posted by 片桐 健 at 22:00 | ハードウェア
2017年09月29日

レスポンシブデザイン

私のホームページは自分で作成しています。
スマホが普及しだしたころに遅ればせながらレスポンシブデザインにしました。

デスクトップPCやタブレット、スマホなどそれぞれの画面サイズによって同じ内容ながら表示の仕方を流動的に替えるアレです。

作った時はうまく出来たと思っていたのですが、メニューボタンやら作成していじっているうちに表示が崩れるようになったかもしれません。

最近Goggleの検索画面で自分のホームページの検索結果を見ていたら
「ページがモバイルフレンドリーではありません」というコメントが付くようになりましたふらふら

というわけで、いろいろ細かいところを修正しました。

はじめは画面サイズと縦横画面までを細かく分けていたのですが、いまはデスクトップ、タブレット、スマホ2の4種類に整理しました。
@media screen and (max-width: 1024px) {hogehoge;}
@media screen and (max-width: 768px) {hugahuga;}
@media screen and (max-width: 480px) {harehare;}
@media screen and (max-width: 360px) {hirahira;}
スマホは480pxだけでいいのかもしれません。

今はモバイルフレンドリーのお墨付きをもらっていますわーい(嬉しい顔)

デスクトップ版のブラウザは画面の大きさを自由に変えられますので、横枠を掴んで画面幅を小さくすると流動的に表示が変わるのが分かります。

スマホ356x561ピクセルの画面
ボタンを押してスライドメニューを出したところ
Screen Shot 2017-09-29 at 08.27.15.png

cssファイルの中身はまだまだブラッシュアップできるのかもしれません。
web製作は素人なのでこのへんでご勘弁を・・・。

posted by 片桐 健 at 08:30 | ホームページのメンテナンス