2018-01-01から1年間の記事一覧
■ はじめに 有償ESXiならバックアップ機能（vMotion）が備わっているが、無償版はない。 定期敵に別筐体に仮想マシンのバックアップを取ることを考える。 ■ バックアップ種類 【１】 コールドバックアップ => 一旦、仮想マシンを停止してから、バックアップ …
■ はじめに https://blogs.yahoo.co.jp/dk521123/37624467.html で扱った MediaWiki のバックアップとリストアについて扱う。 ■ 前提知識 ： MediaWikiデータ種類 https://www.mediawiki.org/wiki/Manual:Backing_up_a_wiki/ja より抜粋 ～～～～～～～～～…
■ はじめに シェルでのバックアップ / リストア に関する処理で よく使うTipsを纏めておく。 目次 【１】外部ファイル取り込み 【２】日付/日時を付加するには 【３】古いファイルを削除 【４】ディレクトリ内の指定した拡張子のファイル名を取得する 【５】…
■ はじめに https://blogs.yahoo.co.jp/dk521123/37620136.html について、運用時にデータを失った時のことを考えて バックアップを行うことを考える ■ バックアップ対象 * 他にもあるかもしれませんが... 【a】 DBファイル「taskboard.db」 【b】アップロー…
【０】バックアップ方針 色々な方法があると思うが... バックアップ先から定期的に、git cloneを行う（それだけ） 【１】想定環境 * バックアップ先：Windows / Gitインストール済 <= こっちでバックアップ * バックアップ元：Linux(CentOS7) / Gitインスト…
【１】インストール １）公式サイトからインストーラをダウンロードする https://git-scm.com/ ２） インストーラでインストールする 「Select Components」では、全てチェックを付ける。(特に「Git Bash」は後で使う) それ以外はデフォルト・インストール。…
■ はじめに オーバーレイ画面を表示するツールを探していた。 jQuery LoadingOverlayが見つかったので、メモる。 ■ 公式サイト jQuery LoadingOverlay https://gasparesganga.com/labs/jquery-loading-overlay/ デモ https://gasparesganga.com/labs/jquery-…
■ 公式サイト fakeLoader.js http://joaopereirawd.github.io/fakeLoader.js/ デモサイト http://joaopereirawd.github.io/fakeLoader.js/demo/demo1.html ライセンス https://github.com/joaopereirawd/fakeLoader.js/blob/master/LICENSE * MIT (商用利用…
【１】ツールチップやポップオーバーが表示されない * 以下の関連記事の「Bootstrap 4 で ツールチップやポップオーバーが表示されない」と同件。 https://blogs.yahoo.co.jp/dk521123/37655508.html 【２】フローティングラベルが動かない フローティングラ…
■ エラー Session_start() が表示する MySQL5.7 から MySQL8 にあげたのが原因か分からんが MediaWikiに表示した時に、突然、以下の「エラー内容」が ブラウザに表示された。 エラー内容 Error starting session: session_start(): open(/var/lib/php/sessio…
■ はじめに Font Awesomeのアイコンをマウスオーバーした際に動かしてたくて色々と調べてたら 「Font Awesome Animation」ってのがあったので試してみた。 補足 : Font Awesomeのみで可能なアニメーション * アイコンを「回す（fa-spin）」「チカチカ（fa-pu…
■ はじめに https://mdbootstrap.com/components/forms/ で、左（フリー版）・右（有料版？）とサンプルが載っており、 フローティングラベル は、右側にあったので、 色々と別の方法を探ってたら、以下のフリーサンプルの「SMALL」ボタンを押したら フロー…
■ はじめに https://blogs.yahoo.co.jp/dk521123/37632575.html の続き。 即使える無料テンプレートが豊富なので、自分用に少し改変してみた。 フリーテンプレート https://mdbootstrap.com/freebies/ ■ テンプレートを改造する https://mdbootstrap.com/pre…
■ はじめに https://blogs.yahoo.co.jp/dk521123/37666873.html https://blogs.yahoo.co.jp/dk521123/37668489.html の続き。 はじめ、jQuery Validation Plugin を使おうとしてたが Bootstrap4 に対応させたく、調べてたら、Parsley が見つかったのでメモ。…
■ はじめに https://blogs.yahoo.co.jp/dk521123/37666873.html で、検証処理が安定しなかったので、クライアントサイドでのバリデーションを考えてみた ■ クライアント側でのバリデーション方法 【１】 HTML5 + JavaScript でバリデーション ★ 今回は、こっ…
■ はじめに ライブラリとかに関しては、以下の関連記事に記載。 TypeScript での 日付 / 日時 の扱い https://dk521123.hatenablog.com/entry/2021/01/29/231952 ■ 使用上の注意 １） ゼロ埋めしないと、表示されない * 例えば、「2018-1-1」ではなく、ゼロ…
■ 感想 * 作成してみて動いてはいるがたまに検証してくれない時がある（原因はよくわかってない） => 以下の関連記事で、別の方法を模索する https://blogs.yahoo.co.jp/dk521123/37668489.html ■ サンプル <html lang="jp"> <head> <meta charset="utf-8"> </meta></head></html>
■ はじめに * Bootstrap4 で表を扱ってて、たまたま DataTables を見つけて、 試しに使ってみたらよかったので、メモ。 => Bootstrap4 対応は助かる ■ サンプル <html lang="jp"> <head> <meta charset="UTF-8"> <title>datatebles site</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> …</meta></meta></head></html>
■ サンプル チェックボックスのデータをインスタンス化し、保存する <html lang="jp"> <head> <meta charset="utf-8"> <title>Demo</title> <head> <body> <span id="message">Hello</span> <input id="saving-data-checkbox" type="checkbox" onchange="save();"> <label>Save data</label> </body></head></meta></head></html>
■ はじめに https://blogs.yahoo.co.jp/dk521123/37632575.html でも扱ったが、無料版の Material Design for Bootstrap 4 では 丸ボタンすらない。 以下のサイトを参考に自作してみる http://materialdesignblog.com/creating-a-simple-material-design-act…
■ 途中入力離脱を防止するには * 「beforeunload」イベントを使う ■ サンプル <html lang="ja"> <head> <title>Hello World</title> </head> <body> <div> <a href="index.html">link</a> </div> <form action="index.html" method="post"> <div> <input type="submit" id="button" value="ClickMe"> </div> </form> </body></html>
■ はじめに フローティングラベル（placeholder が動いてラベルになる）が興味あったので 色々と調べてみた ■ 独自実装 https://coliss.com/articles/build-websites/operation/css/css-only-floating-label.html を参考に実装。 サンプル * 以下の関連記事…
■ はじめに * スクロールした際に上に戻るボタン（Go to Topボタン）で 自作するのは大変そうなので、何かないかと探してたらよさげなのがあったので、メモをする ■ 公式サイト https://github.com/bartholomej/material-scrolltop ライセンス * MIT (商用利…
■ Bootstrap 4 で ツールチップやポップオーバーが表示されない * Bootstrap 4 の機能を使って、ツールチップやポップオーバー(Popovers)表示しようとしたけど 以下の公式サイトのような表示にならない。 ToolTip https://getbootstrap.com/docs/4.1/compone…
■ はじめに * 以下の関連記事で扱った Material Design for Bootstrap 4 (MDB) のサンプルで wow.js と Animate.css でアニメーションを実装していたので、 かなり簡単にアニメーションを実装できたので、メモする https://blogs.yahoo.co.jp/dk521123/37632…
■ 構築手順 ※ 構築環境 : CentOS7 [1] 必要なライブラリのインストール [2] VirtualBox のインストール [3] Vagrantのインストール [4] 仮想マシンを立ち上げる [5] 仮想マシンにログインする [1] 必要なライブラリのインストール sudo yum install epel-rel…
■ 案１：「$(”XXX:even/odd”).addClass(”YYY”)」を使用する サンプル <html lang="jp"> <head> <meta charset="utf-8"> <title>odd/even</title> <style> li { list-style-type:none; width:40%; } .for-even { background-color:orange; } .for-odd { background-color:green; } </style> <head> <body> <ul> <li>0</li>…</ul></body></head></meta></head></html>
■ 手順 【１】 Apacheの設定ファイル「userdir.conf」を修正する 【２】権限を設定する 【３】SELinuxの設定する 【４】動作確認 【１】 Apacheの設定ファイル「userdir.conf」を修正する sudo vi /etc/httpd/conf.d/userdir.conf ～～～～～～～～～～～～…
■ WebDAV WebDAV : Web-based Distributed Authoring and Versioning, ウェブダブ (Authoring = 編集) * サーバー上で手軽にファイル交換できる機能 ■ 設定手順 【０】 dav_module がインストールされているか確認 【１】 Apache設定ファイルを追記する 【２…
【０】GitのWeb UI一覧 【１】Ginatra 【２】GitWeb 【３】GitLab 【４】GitBucket 【５】ungit 【１】 Ginatra (ギナトラ) * 以下の関連記事を参照のこと Ginatra ～ 入門編 ～ https://dk521123.hatenablog.com/entry/2018/08/23/233107 【２】GitWeb １）…
