「作曲」カテゴリには自作曲がたくさん貼ってあります。初心者独特の曲の雰囲気をお楽しみください。
■ BGM作成サービスはじめました。[こちらから]
■ フリーBGM(素材)サイト: 【SOUND-SITES】 公開
■Short music clips please play & listen
Welcome! This song is my own work.[Shuffle! をクリックするとランダムで違う曲が流れます]
[Shuffle!]
←演奏中に押すとランダムで曲が変わります。

もっとデザイン良くしたい

楽器選択のところがまだちょっとダサい。会社概要とかいらないしw






ワードプレスカスタマイズのため+α リンク集 [2]

ワードプレスカスタマイズのため+α リンク集 続き



MySQL データベース内マッチ(検索) LIKEの使いかた
https://www.dbonline.jp/mysql/select/index7.html

ワードプレス関数 モバイルかPCかを判断する wp_is_mobile()
https://affiliate150.com/adsense-for-wordpress

楽しいCSS!ホバーで変化する、動きのあるボタン。
https://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html

ふわっとするボタン css
https://www.google.co.jp/search?site=&source=hp&q=%E3%81%B5%E3%82%8F%E3%81%A3%E3%81%A8%E3%81%99%E3%82%8B%E3%83%9C%E3%82%BF%E3%83%B3%E3%80%80css&oq=%E3%81%B5%E3%82%8F%E3%81%A3%E3%81%A8%E3%81%99%E3%82%8B%E3%83%9C%E3%82%BF%E3%83%B3%E3%80%80css&gs_l=hp.3...1775.9742.0.9948.39.32.4.0.0.0.288.4333.0j19j6.25.0....0...1.1j4.64.hp..13.11.1981.6..0j0i4k1j35i39k1j0i131k1.i49i7VqsuAw

ワードプレス: サイドバーにオリジナルのウィジェッドを入れる
http://kachibito.net/wordpress/custom/how-to-add-your-widget.html>

ワードプレス: タグをシャッフル?shuffle($tags);
https://teratail.com/questions/52570

楽しいCSS!ホバーアニメーション!
https://www.nxworld.net/tips/css-button-hover-border-effects.html

楽しいCSS!CSS で画像を動かす。
http://www.web-labo.jp/archives/4409

楽しいCSS!マテリアルデザイン集
http://photoshopvip.net/102987

URLの要素を取得: $parse_url_arr = parse_url ( $url );
http://www.560designs.com/memo/734.html

画面遷移なしで行う通信 Ajax通信のやり方
http://qiita.com/yumetodo/items/00b37234cb86e741f0fb
http://qiita.com/yugokitajima/items/b2fb29f5bc9af8a6bf8e

ワードプレス:引っ越し ローカル~サーバへ(逆もほとんど同じ)
https://bge.jp/wordpress-rename-manual/

サーバーでzip展開 unzip (php)
http://memorandum.kurashian.com/2013/11/post-34.html

ワードプレスで独自ドメイン
http://weeklyprowrestling.com/broadcast/wordpressdomain/

ワードプレスのホームのフォルダを取得する
https://www.google.co.jp/search?site=&source=hp&q=%E3%83%AF%E3%83%BC%E3%83%89%E3%83%97%E3%83%AC%E3%82%B9%E3%81%AE%E3%83%9B%E3%83%BC%E3%83%A0%E3%81%AE%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B&oq=%E3%83%AF%E3%83%BC%E3%83%89%E3%83%97%E3%83%AC%E3%82%B9%E3%81%AE%E3%83%9B%E3%83%BC%E3%83%A0%E3%81%AE%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B&gs_l=hp.3...316.12760.0.13151.59.51.7.0.0.0.171.4752.38j12.50.0....0...1.1j4.64.hp..12.27.2056.6..0j35i39k1j0i4k1j0i131k1j0i4i10k1j0i10i30k1.UFd3FN0UsWI

audio の再生時間の取得
http://www.pori2.net/html5/Video/020.html

javascript で自分のパソコン内の画像を表示
https://lab.syncer.jp/Web/JavaScript/Snippet/17/

ワードプレス:固定ページにサイドバー表示
https://mtac.jp/wordpress/sidebar2017page/

php での画像処理
http://www.geekpage.jp/web/php-gd/resize1.php

ワードプレスの移行(再)
https://www.tam-tam.co.jp/tipsnote/cms/post7644.html

css でチェックボックスの外観の表示を変える。カスタマイズ。
http://webdev.jp.net/checkbox-radio-custom-css/
https://www.m-field.biz/archives/3200

チェックボックスを乱れないようにきれいに並べる
http://webos-goodies.jp/archives/51275332.html

僕はアドセンスはウィジェットにphpを直接記述できるプラグインを使って書きましたが。
https://vilogger01.com/blog/googleadsense/wordpress/

こういうサイドバーがやりたいんだが…
https://www.dbonline.jp/mysql/select/index7.html

javascript: audio を滑らかにループ再生
http://jsdo.it/hoge1e4/2ioG

滑らかに リピート再生 javascript
javascript 滑らかに繰り返し
html5 audio ループ なめらか

ワードプレス関数を外から使う:$wpdb も使える。
http://unskilled.site/wordpress%E9%96%A2%E6%95%B0%E3%82%92%E5%A4%96%E3%81%8B%E3%82%89%E4%BD%BF%E3%81%86%E3%81%AB%E3%81%AFwp_load-php%E3%82%92%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%82%80/

モバイル端末確認ツール(サイト)
http://www.mobilephoneemulator.com/

以上!






ワードプレスカスタマイズのため+α リンク集 [1]

お気に入りに入れたリンクがいっぱいになってしまったので、整理。


mysqli が使えない (WIndows, Apache + php+ mysql 環境)
http://tsukikagejou.jp/blog-entry-169.html

php の入手とインストール
https://kt-kiyoshi.com/wp/tech/apache_php_on_windows10_without_xampp/

【よりみち】 ポップアップの外をクリックすると閉じる、モーダルウィンドウ ( javascript + css )
http://migo-media.com/outside-region-jquery/

【IE で】 ほかのサーバーだとうまく表示されているのに、自分の apache + php 経由だと、うまく表示されない。(クロームなどではOK)
http://kumakawa.hatenadiary.jp/entry/2015/02/11/%E3%81%93%E3%81%AE%E3%81%94%E6%99%82%E4%B8%96%E3%81%ABInternet_Explorer_11%E3%81%AE%E3%81%BF%E6%B4%BE%E6%89%8B%E3%81%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%8C%E5%B4%A9%E3%82%8C%E3%82%8B%E4%BA%8B
■ 解決策=>http://tsukikagejou.jp/blog-entry-170.html

【参考】 ローカルからサーバーへ
https://nandemo-nobiru.com/2670/

ワードプレスのカスタマイズことはじめ
http://webdesignrecipes.com/wordpress-corporate-website/

リンクボタンの作成・挿入が簡単に行えるプラグイン
https://business087.com/link-button/

サウンドクラウド (Sound Cloud) みたいな、波形表示のあるオーディオプレーヤー (一応ワードプレス用)
https://codecanyon.net/item/waveplayer-a-wordpress-audio-player/14349799

ワードプレスのカスタマイズ~ page.php
http://webdesign.practice.jp/wordpress-theme11-page-php

続・page.php について。(僕は最初からpage.php なんて名前は使用しなくて、勝手に名前つけたやってました)
https://teratail.com/questions/53810

ワードプレスのカスタマイズことはじめ(2)
http://webdesignrecipes.com/wordpress-customize-with-template-files/

リライトルール(自分が実用したわけではない:参考)
https://setting-tool.net/slash-in-permalink-wordpress

パーマリンクの形式について (見づらい…) http://xxx.jp/wordpress/カテゴリ/tag みたいな
https://liginc.co.jp/web/wp/customize/148458

ワードプレスの関数、wpdb クラス:公式
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wpdb_Class

ワードプレスでの INSERT INTO のやりかた ( 実際は、$wpdb->get_results($query) のやりかたでもできる )
http://yululy.com/wpdb_insert_into/

ローカルからサーバーへ(2)
http://magonote.skr.jp/local-to-server/

ワードプレスの無料のテンプレートとかって何もできない!無料とは名ばかりで、有料版に導くためのお試し版。
https://ja.wordpress.org/themes/tortuga/
https://ja.wordpress.org/themes/iconic-one/
https://ja.wordpress.org/themes/misty-lake/

データベースに音楽ファイルを収納してしまう
http://blog.goo.ne.jp/tadasuke2002/e/eeb8b1b487df5875b56758641a4a3d9e

ワードプレス高速化
http://on-ze.com/archives/828

ワードプレス・子テーマのやりかた
https://www.webcreatorbox.com/tech/wordpress-child-theme

ワードプレス:アドレスから index.php を消す。
https://teratail.com/questions/17497

ワードプレス:reauth=1 でログイン画面から勝手に飛んでしまう。
https://www.netplan.co.jp/archives/2126
解決策https://wordpress.stackexchange.com/questions/228310/unable-to-login-to-my-wordpress-site-reauth-1-redirection-loop
解決策http://tsukikagejou.jp/blog-entry-175.html

ページビルダー・便利プラグイン
http://wp-themetank.com/wordpress-plugin-responsive-page-builder/

ワードプレス:ビジュアルエディターをカスタマイズ:wysiwyg ~見たまんまでエディットしたい
https://himpotan.net/2016/05/19/wordpress_editer-style_css/

データベースのファイル構造
https://www.dbonline.jp/mysql/storage/index1.html

ワードプレスの記事を直接変更
http://qiita.com/murapon/items/ba4eeb20eb49ff28471a

【参考】 カテゴリー追加
https://stackoverflow.com/questions/41246083/adding-wordpress-categories-to-database-changes-only-show-after-update-via-inte

ワードプレス私的マニュアル
https://elearn.jp/wpman/function/wp_insert_term.html

ワードプレス:カテゴリーの扱い
http://nako-itnote.com/wordpress-url-category-delete/

HTML要素を横に並べたり…display: table-cell
http://qiita.com/plum_shiga/items/40271059497488d21495

wpdb の使いかた。 global $wpdb ;
http://qiita.com/yousan/items/f29e7010a1384c1e1206

.チェックボタンの画像の、チェックされている状態と、されていない状態の画像を css のみで切り替える。
http://web.helog.jp/css/radio-checkbox-image/

開発日誌 2017/7/30 終了

開発日誌つけとけばよかったなぁ、と後悔。あとでどこがどうだったか思い出せるもんなぁ、かいとけば。

これから書く。

2017/7/22
・good ボタン。データベースを使うのが面倒だったので、クック代替処理。
・新着順、古い順、… order。ランダムには rand() 使用。
・カテゴリーとタグの絞り込み。

2017/7/23
・ダウンロード周り暫定完成 (ほんとうはphpで一回中継したい)
・home_url() を使用して、リンクの部分を修正。あとは、jv、cs だけは、手動。

2017/7/24
・アップロード画面半分完成 php.ini の upload_max_filesize を指定して問題解決。.htaccess で同じ設定をすると 404 エラー。←さくらサーバーではそうなるらしい。
・mp3 ファイルの時間取得OK。
・課題:ファイル[ Bosendorfer 290.mp3 ]を受け取りました。(1)ファイル[ Bosendorfer 290.mp3 ]を受け取りました。(1)ファイル[ upload.png ]を受け取りました。(2) こういうメッセージになる。<= 自分のプログラムミス。

2017/7/25
・ログイン画面追加 (ログイン維持のしくみってどうやるんだっけ、セッションと、ワンタイムトークンと。もう最近ではSNSログインってのが普及してる)
・ユーザー名のディレクトリを作成した。
・css が反映されてないのは、css が途中で構文ミスなどがあるから。あるところで変な = とかがはいってたりすると、それ以降の記述が効力を持たなくなる。.site-main-my { zoom: 0.75; } にした。
・楽曲登録ページが進捗。再送信の問題があり、トークンの仕組みを理解する(思い出す)のに苦労。+自分特有のページであるため、コーディングに工夫が必要=>解決。データベースへの登録部分のコーディングは明日だな。
・他、アップロード周りをよりよく改善。

2017/7/26
・ファイルがある際はUPDATEし、なかったらINSERT 処理=OK。データベースへの格納の箇所はほぼ完了。
・tagの漢字がうまく取れないtag を tag%5B%5D とした。
やまは通り越した感じ。

2017/7/27
・一覧画面暫定完成。デザイン軽視。一覧画面はつくってもあまりテンション上がらない。
・ハイ、大体終わったね。あとはボタンのデザインとか。そっちのほうが楽しいな。
・デザインをよくしないとなぁ。まだ2カラムから抜け出てない。

2017/7/28
・ブログページにタグを表示しない
・「一件削除」機能
・タグ、カテゴリー削除および自動追加

2017/7/29
・作成者で絞り込み(未実装・プログラムのみ)
・http_build_query を使う
・ボタンデザイン
・総ヒット件数表示
・一回の表示個数があるから、それのページ遷移の部分書いた。(説明しづらい) ←前 [1][2][3][4][5] 次→ のやつ!

2017/7/30
・tag がらくた
・wp-config
...
chromeとIE の違い:chrome だと、チェックボックスが押されたときsubmit すると、チェックが入っていなくてもデータが送られる。
chromeとIE の違い:chrome だと、
の外のものも送れる。
うちのmysql は テーブル名の大文字と小文字をくべつしないが、サーバーのは、区別する。

完成&公開

無料BGM 素材サイト SOUND SITES

2017/8/4 追加
タグがずれ込んでしまうところ:functions.php、style.css、miniAudioPlayer.js
2017/8/14 ユーザビリティ改善: 表示されているページNo. の強調表示。
2017/9/3 ダウンロード部に不具合発見 mb_basename 使用(mb_basename がそんざいしなかったのでstackoverflow のを使用)
、 post_max_size 指定。ファイル名をurlencode() で変換。日本語ファイル名対応完了。

作成中

今月中にはできるかな…


盆踊りの太鼓

空の500ml ペットボトルを持っていると太鼓の振動が伝わってくるのがはっきりわかる。

早く終わらせるんじゃ

音楽がやりたいんじゃ。(ブログ、よりは大規模) サイト作りのプログラミングはさっさと終わらす。

そして、音楽さえ本当にやりたいことじゃないんじゃ。

なんじゃなんじゃ。

How to make mb.miniAudioPlayer load mp3 file not when the player is initialized but when play starts

miniAutioPlayer は、プレーヤーの初期化時にmp3ファイルを読み込んでしまうから、プレーヤーをいくつも作るとメモリが食う。

よって、プレイするときに、mp3 ファイルをロードするように変更する。

jQuery.mb.miniAudioPlayer.js の中の、

1行取り除いて、2行付け加える。

Remove one line as below and...


Add two lines as below



なお、2017/7/20 での最新バージョンは日本では動作しない。
The latest version at 2017/7/20 doesn't operate at least in my environment in Japan...


追記:そうすると今度は再生するたびに同じファイルを読んでしまうので、一度読み込んだ曲は再生のたびには読み込まないようにプログラムを変更。media_already_set という変数を一つ作って、if ( ! media_already_set ) ....... みたいな処理をした。やりかたを教えてほしい人は聞いてください。覚えているうちは教えてあげます。

エスケープツール

<html>
<input type="text" style="xxxxxxx">
<input type="ttt">

<button id="id_x">
</html>

みたいのを、

"<html>\n".
" <input type=\"text\" style=\"xxxxxxx\">\n".
" <input type=\"ttt\">\n".
"\n".
" <button id=\"id_x\">\n".
"</html>\n"

みたいに変換するツール。エスケープして、" で囲む。" は、 ' にも任意にも変更可能。. も + にしたりできる。


IE だと動かない。

開発用。

エスケープ文字をエスケープし、文字列形式にするツール。(説明しづらい)


How frustrating ! 【ワードプレス】 勝手にリダイレクト!

I would rate it if this site allowed ! My case too resolved.

redirect_to= 、reauth=1。

■ キャッシュをクリアしてもダメ
■ プラグインを無効化してもダメ

こんな状況。


https://wordpress.org/support/topic/possible-fix-for-sudden-redirect-loop-at-wp-login-with-reauth1/


キーワード wp_usermeta -> session_token

解決策:
データベース内の

① wp_options テーブルの、
siteurl と home の「値」 を、正しい url にする。

② wp_usermeta テーブルの、
session_tokens の「値」を、

a:2:{s:64:"961ff308..........
などとなっているのを、空にする。

phpMyAdmin を使うと楽。ネットで調べると、インストールの場所を決めつけてる説明があるが、それではかえってだめで、localhost/phpMyAdmin/index.php のようにアクセスするので、localhost より以下の場所(下の階層) に置く。