min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

CSS/画面装飾

「WordPress 仕事の現場でサッと使えるデザイン教科書」が良かった(自宅のLinuxサーバでWordPressサイト構築)

メルカリで購入。 この本はWordPress4.x用だけど、やってる内容は5.xの環境でも動く。 手元のサーバも 5.x だけど、この本の記事(4.x)を試してみる。 サンプルファイルはここ。 gihyo.jp 巣ごもり時期だからこそスキルを伸ばしておく。やりたかったことを…

PHP サーバにあるファイルを削除する機能を実装する(javascriptからphpの関数を呼び出す)→ 失敗

サーバ側に例えば「test.txt」というファイルがあって クライアント側からブラウザ経由でそれを削除したい。こんなイメージ。 http://server.com/doDEL.php?DELTARGET=test.txt 削除前の確認confirmをjavascriptで行って YESだったら削除する。Noだったら削…

AppleWatchに「再生中の楽曲名」を表示させる

自作の音楽プレイヤーで再生中の曲名をAppleWatchに表示させたい。 min117.hatenablog.com 思いついたのは車に乗ったとき。 まず、カーナビって(Bluetoothで繋いだ)iPhoneで再生中の楽曲名が表示される。 iPhone(ミュージックアプリ)画面でも曲名が表示…

Bootstrap4 の card がWindowsのChromeだと正常に表示されない

Bootstrap4のCardで作った部品が、WindowsのChromeだと崩れて見えない。 今までApple製品しか使ってなかったから気づかなかった。 同じページをiPad mini 4のSafariで見ると正常に表示される。 WindowsでもChromeはWebkit使ってるはずだし、Safariは言わずと…

php1枚で作る動画ギャラリー+再生ボタン+音楽プレイヤー(bootstrapによるbadge採番+phpページング実装)

Linux サーバにある動画をiPhoneから選択+再生するphpファイルを作った。 こうなる。 「再生」ボタンで動画再生。 「別窓再生」を押せば右下の小窓で音声だけループ再生する。 動画の番号はbootstrap4のbadge機能で採番する。 min117.hatenablog.com 右上の…

PHP7 Bootstrap4で「PDFファイルの本棚」を実装する(PDFファイル一覧化+クリック再生)

世の中の気になるニュースを目にしたそのタイミングで自分のサーバに時系列に保存したい。 欲しい情報の ・URLを貼り付ければ ・PDFファイルにして ・時系列(降順)に ・サーバに保存してくれる 機能は以前実装した。こんなの。 http://min117.hatenablog.c…

PHP7 Bootstrap4で動画ギャラリーに「音声再生」ボタンをつける

前回はサーバにある動画を一覧表示して「再生」できるボタンをつけるコードを書いた。 http://min117.hatenablog.com/entry/2020/01/05/200224 今回はこれに「音声のみ再生するボタン」をつける。こうなる。 サーバ上に「その動画名.mp4.mp3」のような音声フ…

PHP7 Bootstrap4のbadge機能で動画ギャラリーにファイル数カウンタをつける

サーバにある動画を一覧を「再生」ボタンで表示するphpコードを前回書いた。 http://min117.hatenablog.com/entry/2020/01/05/181931 これの「再生」ボタンに件数カウンタをつけてみる。こうなる。 変更前は「再生」だけだったボタンに 変更後は「67 再生」…

PHP7 Bootstrap4で動画ギャラリーに再生ボタンをつける

サーバにある動画(mp4やmkvいろいろ)を一覧にして再生ボタンをつけるシンプルなphpファイルが完成。Bootstrapで速攻実現できた。 cardの中に画像を置いて文字列をoverlayしている。 スマホで見るときとか、横幅サイズが一定以下に小さくなると一列に並んで…

fedora30 WordPressでサイトを作る

wordpressのサイトを1つ、技術メモ用に作ってみることにする。 レンタルサーバではなく自宅サーバに構築する。 <必要になるもの> ・自宅サーバ(Webサーバ兼DBサーバ兼内部DNSサーバ) ・光回線(今回はドコモ光/IPv6高速接続/運用はIPv4) ・グローバル…

Bootstrap4 で使えそうなcss部品をストックしておく

年末だし、貯めてた本をまとめて読みたい。 軽めのところからってことで Bootstrap4 を試す。 getbootstrap.com Bootstrapは気軽に使えるけど見た目キレイな部品が多数あるcss。いい感じに使いまわせそう。 ダウンロードした一式は「css」フォルダ直下に格納…

CSSの練習過程をgifアニメに落としてみる

いつかcssの勉強をちゃんとしようと思っていた。かといって、やれパディングがどうとかboxがどうとか、ダルイ。CSSをどう書いたらどう変わるかなんて、実際に手を動かしてみないと覚えられない。 このサイトのを作ってみる。 www.w3schools.com やったことを…

javascript 簡単な試験対策(穴埋め問題)サイトを作る

以前試験対策してるときに作った穴埋め問題のjavascript。久しぶり動かす。 こんな問題があって 「表示」ボタンを押すと回答が表示され 「隠す」ボタンを押すと◾️に戻る。 民法は全文のがある。 // ソースはこれ。 書いていた当時は写経で全く意味分からなか…

Linux 複数画像を繋げてGIFアニメーションを作成する(convert -delay 30 -loop 0 sl0*png sl999.gif)

複数の画像からGIFアニメーションを作りたい。コマンド一発でできれば最高。 いつか調べようと思って延ばしていたけど、やっと手をつけた。 bttb.s1.valueserver.jp めっちゃ簡単。convertコマンドでgifアニメを作れる。Linux最高すぎる。 www.gi.ce.t.kyoto…

CSS 「送信」ボタン(submit)の色を変更する

ファイルアップロード.html の「送信」ボタン(submitボタン)の色を変更したい。がっつり目立つ赤色とかでいい。 こうなるようにする。 ファイルをアップロードすればリンクができる動き。 使うファイルは2つ。 02_upload_multi_LINK.html ファイルアップロ…