CSS/画面装飾
ランキング参加中PHP ハピタス登録で1,000円分になるURL はてなブログで使える見出しCSS 前に作ったこの見出しCSSを手元のhtmlでも使いたい。 できた。こんな感じ。 ソース <html lang="ja"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="icon_favicon_aozora.ico"> <title>視聴履歴aozora</title>…</link></meta></meta></head></html>
年末bitFlyer招待URL bitFlyer口座開設（ビットコイン1,000円もらえる）URL とりあえずサーバ上げるまでのお遊び $ rails new myRUBY02Library $ cd myRUBY02Library http://myserver.jp:3000/ 取り急ぎ動いた。 コントローラー作る。 $ rails g controller …
nodejs苦手 node関連てエラーばっかでるから好きくなれないんだけどreact面白そうで試したいので入れざるをえない。 我が家のサーバはfedora30。 min117.hatenablog.com だいぶ古いOSだけど、これに最新のnode.jsインストールできるんだろうか。 インストー…
できた ソースはこれ blog.codecamp.jp この記事の最高に良いところは環境構築とかダルいことナシにいきなり動くサンプルであること。 こういう記事がいちばん役に立つ。 保存用 <html lang="ja"> <head> <meta charset="utf-8"> <title>my React 01</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script> </meta></head></html>
CSS楽しい。記事の見出しを変えられる。 www.notitle-weblog.com はてなブログだけじゃなくて自宅サーバの記事にも適用してみる。 クラスで使い分ければ無限に書式作れる。使い方覚えた。 見出しテスト こうなる。 ソースはこれ。 保存用 <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>CSSで見出しを</title></meta></meta></head></html>…
/* ぺろっとめくれたデザイン h1 */ .entry-content h1 { padding: 6px 10px 6px 16px; position: relative; color: #fff; line-height: 1.5; background-color: #63b8cc; } .entry-content h1:after { content: ""; position: absolute; left: 0; top: 0; b…
メルカリで購入。 この本はWordPress4.x用だけど、やってる内容は5.xの環境でも動く。 手元のサーバも 5.x だけど、この本の記事（4.x）を試してみる。 サンプルファイルはここ。 gihyo.jp 巣ごもり時期だからこそスキルを伸ばしておく。やりたかったことを…
サーバ側に例えば「test.txt」というファイルがあって クライアント側からブラウザ経由でそれを削除したい。こんなイメージ。 http://server.com/doDEL.php?DELTARGET=test.txt 削除前の確認confirmをjavascriptで行って YESだったら削除する。Noだったら削…
自作の音楽プレイヤーで再生中の曲名をAppleWatchに表示させたい。 min117.hatenablog.com 思いついたのは車に乗ったとき。 まず、カーナビって（Bluetoothで繋いだ）iPhoneで再生中の楽曲名が表示される。 iPhone（ミュージックアプリ）画面でも曲名が表示…
Bootstrap4のCardで作った部品が、WindowsのChromeだと崩れて見えない。 今までApple製品しか使ってなかったから気づかなかった。 同じページをiPad mini 4のSafariで見ると正常に表示される。 WindowsでもChromeはWebkit使ってるはずだし、Safariは言わずと…
Linux サーバにある動画をiPhoneから選択＋再生するphpファイルを作った。 こうなる。 「再生」ボタンで動画再生。 「別窓再生」を押せば右下の小窓で音声だけループ再生する。 動画の番号はbootstrap4のbadge機能で採番する。 min117.hatenablog.com 右上の…
世の中の気になるニュースを目にしたそのタイミングで自分のサーバに時系列に保存したい。 欲しい情報の ・URLを貼り付ければ ・PDFファイルにして ・時系列（降順）に ・サーバに保存してくれる 機能は以前実装した。こんなの。 http://min117.hatenablog.c…
前回はサーバにある動画を一覧表示して「再生」できるボタンをつけるコードを書いた。 http://min117.hatenablog.com/entry/2020/01/05/200224 今回はこれに「音声のみ再生するボタン」をつける。こうなる。 サーバ上に「その動画名.mp4.mp3」のような音声フ…
サーバにある動画を一覧を「再生」ボタンで表示するphpコードを前回書いた。 http://min117.hatenablog.com/entry/2020/01/05/181931 これの「再生」ボタンに件数カウンタをつけてみる。こうなる。 変更前は「再生」だけだったボタンに 変更後は「67 再生」…
サーバにある動画（mp4やmkvいろいろ）を一覧にして再生ボタンをつけるシンプルなphpファイルが完成。Bootstrapで速攻実現できた。 cardの中に画像を置いて文字列をoverlayしている。 スマホで見るときとか、横幅サイズが一定以下に小さくなると一列に並んで…
wordpressのサイトを1つ、技術メモ用に作ってみることにする。 レンタルサーバではなく自宅サーバに構築する。 ＜必要になるもの＞ ・自宅サーバ（Webサーバ兼DBサーバ兼内部DNSサーバ） ・光回線（今回はドコモ光／IPv6高速接続／運用はIPv4） ・グローバル…
年末だし、貯めてた本をまとめて読みたい。 軽めのところからってことで Bootstrap4 を試す。 getbootstrap.com Bootstrapは気軽に使えるけど見た目キレイな部品が多数あるcss。いい感じに使いまわせそう。 ダウンロードした一式は「css」フォルダ直下に格納…
いつかcssの勉強をちゃんとしようと思っていた。かといって、やれパディングがどうとかboxがどうとか、ダルイ。CSSをどう書いたらどう変わるかなんて、実際に手を動かしてみないと覚えられない。 このサイトのを作ってみる。 www.w3schools.com やったことを…
以前試験対策してるときに作った穴埋め問題のjavascript。久しぶり動かす。 こんな問題があって 「表示」ボタンを押すと回答が表示され 「隠す」ボタンを押すと◾️に戻る。 民法は全文のがある。 // ソースはこれ。 書いていた当時は写経で全く意味分からなか…
複数の画像からGIFアニメーションを作りたい。コマンド一発でできれば最高。 いつか調べようと思って延ばしていたけど、やっと手をつけた。 bttb.s1.valueserver.jp めっちゃ簡単。convertコマンドでgifアニメを作れる。Linux最高すぎる。 www.gi.ce.t.kyoto…
ファイルアップロード.html の「送信」ボタン（submitボタン）の色を変更したい。がっつり目立つ赤色とかでいい。 こうなるようにする。 ファイルをアップロードすればリンクができる動き。 使うファイルは2つ。 02_upload_multi_LINK.html ファイルアップロ…
