- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2019-12-22T16:54:10+09:00","default:admin","admin")
#author("2020-05-16T12:16:54+09:00","default:admin","admin")
* UTILITY [#rff64c3b]
#contentsx
&htmlinsert(h3,nkm=環境まわり);
**レンタルサーバー [#v7d9f5b4]
-[[ロリポップ!:https://lolipop.jp/]]:ロリポおじさんが溶鉱炉に沈んだとか知らなかった!
安くて動くのはここくらいしかなかった。情弱なだけかも。
-[[スターサーバー:https://www.star.ne.jp]]:もっと安いところがあった。情弱でした。ロリポだとたぶん何しても平気だろうけどこちらではプラグインがエラー吐いたりなんだりしてますね そこんとこ詳しくないからあとで困るかもしれない
WebDAV使えないのつらいわー
**動作確認済みブラウザ [#pac1b115]
-Google Chrome(Windows10、Android9):基本的に確認はこちらでしています
-Firefox(Windows10、Android9):良いところはindexの拡大中のタイトル文字がぼやけないくらいで絵板もうまく使えないので非推奨
一部スマートデバイスでの閲覧は表示が崩れます。
基本10年以上前の知識で作っているのでHTML5?に対応しなくなるようなタグ書いてるんじゃないですかね
VSCも真っ赤になるくらいですよまったく(サイトのソースを見てみよう!)
Android環境ではタブレットとスマホで眺めてまぁ見られるかな程度にはなっているかと。
文字の大きさとか勝手に補正がかかって思う通りにはなっていませんがね
あとColorbox使ったときいちいちスワイプ必要なのもなんとかならないか。レスポンシブデザインを勉強しないといけない。
** 使っているソフト [#cf9beef8]
-[[Visual Studio Code:https://azure.microsoft.com/ja-jp/products/visual-studio-code/]]:やっとエディタを導入した模様
-メモ帳:でもやっぱり何かとこっちでサクっと更新してしまう
-[[ペイントツールSAI:https://www.systemax.jp/ja/sai/]]:2いつごろ導入しようかな……
-[[GIMP:https://forest.watch.impress.co.jp/library/software/gimp/]]:Photoshop Elementsが使えない状況(CD無くした)なのでこちらでなんとかなりそうなのかなと思ったら大昔にダウンロードした時とデザイン全く違っていて困惑中。角丸作るのにしか使えてない
-[[AzPainter2:https://azpainter2.softonic.jp/]]:2値絵をいじるときに使うことがある
-[[藤 -Resizer-:https://hp.vector.co.jp/authors/VA015850/software/wisteria.html]]:画像のサイズをいっぺんに変換してくれる。
-[[Just Color Picker:https://www.gigafree.net/tool/color/justcolorpicker.html]]:画面の色を拾ってくれる。
-[[ParaFla!:https://freesoft-100.com/review/parafla.php]]:ActionScriptのわかりやすさと計算しなくてよさのせいで軽いムービーくらいならコレで作るほうがはやい Flashは20年末で終了だぞ!?
-[[Unity:https://unity.com/ja]]:勉強中。
-[[AviUtl:http://spring-fragrance.mints.ne.jp/aviutl/]]:動画ソフト。勉強中。
-[[ScreenToGif:https://freesoft-100.com/review/screentogif.html]]:画面そのまま簡単GIFアニメ。Start+Gキーで使える録画機能の方が多用しているかな
-[[FFFTP:https://forest.watch.impress.co.jp/library/software/ffftp/]]:FTPソフト。
&htmlinsert(h3,nkm=参考サイト);
** デザイン関連 [#obbf0c94]
カラーリングとかボタンとかその辺はモロ[[UNDERTALE:https://undertale.jp/]]
おもしろいからやってね(雑な紹介)
名称変更・複製のボタンはGB版ポケモンから
-[[MERCY Font, the UNDERTALE font for battle buttons!:https://www.deviantart.com/maxigamer/art/MERCY-Font-the-UNDERTALE-font-for-battle-buttons-590779512]]:ボタンのフォントはここから
全体的なフォントはアンテ公式サイトから解析
** PukiWiki関連 [#f451ede5]
当サイトは大体[[PukiWiki:https://pukiwiki.osdn.jp/]](var.1.5.2)で出来ています
当サイトは大体[[PukiWiki:https://pukiwiki.osdn.jp/]](var.1.5.3)で出来ています
改造にあたって参考にしたサイト様は以下の通りです
-[[ページ右側にもMenuBarがほしいです。:https://pukiwiki.osdn.jp/dev/?BugTrack/430]]:メニュー2つ表示
-[[PukiWiki1.5.2のMenuBarを編集してメニューを構成する!:https://dajya-ranger.com/pukiwiki/edit-menubar/]]:note部をbody部に収納
-[[recent,popular等で長いページ名を見やすく:https://pukiwiki.osdn.jp/dev/?BugTrack/683]]:階層構造の先っちょだけ表示
-[[[PHP] PukiWikiでページのランダムリンクを表示するプラグイン:https://joyplot.com/documents/2016/08/05/pukiwiki-%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0%E3%83%AA%E3%83%B3%E3%82%AF-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/]]:検索ページにおいてあるランダム表示にて使用
上の記事も参考にしてこれも階層構造の先だけ表示に改造済み
:を付けてもnon_list入りしないName系ページを非表示するよう改造済み(雑)
-[[表組みの文字をtopにする:https://pukiwiki.osdn.jp/?%E8%B3%AA%E5%95%8F%E7%AE%B1/4540]]:表の表示法に TOP:, MIDDLE:, BOTTOM: を追加
-[[プレビュー画面のテキストエリアの背景色の変更:https://pukiwiki.osdn.jp/?%E8%B3%AA%E5%95%8F%E7%AE%B1/5065]]:プレビューの背景色を親から継承
-[[Pukiwikiにリンクを別窓(target=“_blank”)で開く設定を簡単に追加する方法:https://wp-suzaku.com/2016/06/11/pukiwiki%E3%81%AB%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E5%88%A5%E7%AA%93%EF%BC%88target_blank%EF%BC%89%E3%81%A7%E9%96%8B%E3%81%8F%E8%A8%AD%E5%AE%9A%E3%82%92%E7%B0%A1%E5%8D%98/]]:外部リンクを別窓に
-[[search2プラグインで経過時間の非表示:https://pukiwiki.osdn.jp/?%E8%B3%AA%E5%95%8F%E7%AE%B1/5347]]:経過時間表示を消す
-[[Sonots' PukiWiki プラグイン:http://pukiwiki.sonots.com/?FrontPage]]:プラグイン [[tag系:http://pukiwiki.sonots.com/?Plugin%2Ftag.inc.php]]、[[contentsx:http://pukiwiki.sonots.com/?Plugin%2Fcontentsx.inc.php]]、[[lsx:http://pukiwiki.sonots.com/?Plugin%2Flsx.inc.php]]、[[htmlinsert:http://pukiwiki.sonots.com/?Plugin%2Fhtmlinsert.inc.php]]、を使用
-[[自作プラグイン/attachref.inc.php:https://pukiwiki.osdn.jp/?%E8%87%AA%E4%BD%9C%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/attachref.inc.php]]:[[質問箱/3099:https://pukiwiki.osdn.jp/?%E8%B3%AA%E5%95%8F%E7%AE%B1/3099]]見て改造済み
-[[PukiWikiで5段階評価を付けるプラグインを作成しました:https://oxynotes.com/?p=10360]]:[[jQuery Raty A Star Rating Plugin:https://web.archive.org/web/20140626080610/http://wbotelhos.com/raty]]見て改造して一言コメントプラグイン化
-[[自作プラグイン/lls.inc.php:https://pukiwiki.osdn.jp/?%E8%87%AA%E4%BD%9C%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%2Flls.inc.php]]:横リストはこちらを使用
-[[PukiWiki/Tips/カテゴリ機能を実現する - DoboWiki:https://wiki.dobon.net/index.php?PukiWiki%2FTips%2F%A5%AB%A5%C6%A5%B4%A5%EA%B5%A1%C7%BD%A4%F2%BC%C2%B8%BD%A4%B9%A4%EB]]:カテゴリ機能
-[[includesubmenu:http://www.wikiplus.jp/manual/manual_includesubmenu.html]]:NOTEのページ時出てくるメニューの作り方
記述の参考サイト様はこちら
-[[ref 記述と表示例:http://www.wikiplus.jp/manual/manual_ref_ex.html]]:refの引数
** サイトのなかみ関連 [#u14d5411]
-[[パス(URL)の指定方法:http://lab.agr.hokudai.ac.jp/useful/utile/Path_URL.htm]]:相対参照の書き方
-[[margin-スタイルシートリファレンス:http://www.htmq.com/style/margin.shtml]]:マージン、パディングの記述順番
-[[CSSで要素を上下や左右から中央寄せする7つの方法:https://www.granfairs.com/blog/staff/centering-by-css]]:センタリング
-[[ヘッダー・ナビゲーションを固定表示させるアイデア5つ:https://webdesignday.jp/inspiration/technique/css/4166/]]:サンプル3の”''ページの''”コードを使用((紹介ページのコードは順番がずれてたんだもの……))
応用で上下ボタンの固定化 設定窓の移動(ファンクションをクリックに変えてごにょごにょすればできる)
-[[30分で理解!jQueryのtoggle()と3種のメソッド活用術!:https://www.sejuku.net/blog/40705]]:ボタンのフェード表示非表示
-[[jQueryでスムーススクロールを実装する方法【初心者向け】:https://techacademy.jp/magazine/9532]]:スムーススクロール
-[[固定している要素を横スクロールさせる方法:https://www.webernote.net/webcreate/fixed-scroll.html]]:メニューの横スクロール
-[[CSSで画像に効果を加えるfilterの使い方:https://into-the-program.com/website/css-filter.php]]:ミニロゴの表示非表示処理
-[[CSSだけでブルブル震わせる:https://q-az.net/buruburu-hurueru-css/]]:いろいろ震わせてます
-[[クリック一つでクリップボードにコピーする機能(HTMLとJavaScriptのみで実現):https://www.marorika.com/entry/copy-to-clipboard]]:にゅうりょくほじょのページで使用
-[[画像拡大スクリプトLightbox2の簡単な設置方法&使い方:https://allabout.co.jp/gm/gc/470618/]]:ああ……こうやってたんだ……ってなったやつ。
-[[Colorboxの使い方:jQueryで簡単モーダルウインドウ:https://allabout.co.jp/gm/gc/456725/]]:ページ内別窓のやり方
-[[画像の四隅(角)を丸くするCSS:https://www.nishishi.com/css/image-corner-round.html]]:キャラ表の角丸に使用
-[[サルにもわかる正規表現入門:https://www.mnet.ne.jp/~nakama/]]:わかりました。
-[[CSSだけで吹き出しをつくる!デザインサンプル26個:https://blog.codecamp.jp/css_balloon]]:会話と心の中のデザインを参考にいろいろいじってます
-[[JavaScriptでスクロールして要素が画面内に入るとアニメーションする ScrollTrigger:https://pgmemo.tokyo/data/archives/1291.html]]:会話とかのスクロールアニメーションはこれと参考サイトのアニメcssから
-[[JavaScript「日替わりランダムリンク」を作ってみたよ!!!!:http://gachi4.blogspot.com/2015/03/javascript.html]]:ちょっといじって日替わりキャラリンク化
-[[Add swipe to lightbox gallery:https://bootstrapstudio.io/forums/topic/add-swipe-to-lightbox-gallery/]]:lightboxをスワイプで操作可能に
**画像素材サイト[#v7d9f5b4]
**音素材サイト [#v7d9f5b4]
** お役立ちサイト [#jebea2ea]
-[[Spelling Generator スペリング・ジェネレーター:http://spelling.web.fc2.com/]]:た す か る
-[[waifu2x:http://waifu2x.udp.jp/index.ja.html]]:た す か る 2
-[[Spelling Generator スペリング・ジェネレーター:http://spelling.web.fc2.com/]]:た す か る(外国語っぽいスペルにしてくれる)
-[[waifu2x:http://waifu2x.udp.jp/index.ja.html]]:た す か る 2(画像拡大処理)
-[[Mergely:http://www.mergely.com/editor]]:た す か る 3(差分確認)