2018-07-01から1ヶ月間の記事一覧
■ はじめに * 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 １）…
■ はじめに https://dk521123.hatenablog.com/entry/2018/05/26/005948 で調査した中で「Material Design for Bootstrap 4 (MDB)」を掘り下げてみる ■ Material Design for Bootstrap 4 (MDB) * MIT License; 商用利用可能 https://mdbootstrap.com/license/…
■ 設定環境 * OS : CentOS7 * Python : Python 2.7.5 (「python -V」で確認) * Webサーバ : Apache/2.4.6 ■ 初期設定 【１】Apacheをインストールする 【２】Apacheの設定 【３】SELinuxの設定を行う 【４】Python版のHello Worldを作成する 【５】(念のため…
■ はじめに * CentOS7上に、 Python3 をインストールする ■ 設定手順 # 状況確認 python -V # 「Python 2.7.5」が表示 sudo yum install -y https://centos7.iuscommunity.org/ius-release.rpm sudo yum search python36 # インストール sudo yum install -y…
■ はじめに * 2018/04/19に「MySQL 8.0.11 (GA版)」を正式リリースされたので、試してみる * なお、v5.7 のインストールについては、以下の関連記事を参照のこと。 https://blogs.yahoo.co.jp/dk521123/36283180.html 補足：GAについて * GA : General Avail…
■ 気象情報API 【１】お天気Webサービス From livedoor << サービス終了 【２】OpenWeatherMap 【３】気象情報API From yahoo 【４】天気予報API From 日本気象協会 【１】お天気Webサービス From livedoor（サービス終了） * 無料。ログインIDも不要。 【２…
■ MediaWiki * フリー(GNU General Public License バージョン 2)のWikiエンジン デモサイト https://www.mediawiki.org/wiki/Lightbox_demo https://www.mediawiki.org/wiki/Project:Sandbox ■ 環境要件 公式サイト https://www.mediawiki.org/wiki/Manual:…
■ 公開鍵認証とは * 秘密鍵と公開鍵という鍵ペアを使用する認証方式 * 公開鍵認証では、パスワードを入力しないため、パスワードがネットワーク上を流れることがないため、 パスワードの盗難や推測などの攻撃を防ぐことができる => 逆に鍵が盗まれたらアウト…
■ Kanban Tool * カンバン方式 https://qiita.com/nobu182/items/5abf471297ca814db911 WeKan * 詳細は、以下の関連記事を参照のこと。 https://blogs.yahoo.co.jp/dk521123/37632712.html 公式サイト https://wekan.github.io/ リリース https://github.com…
■ TaskBoard * トヨタが採用した生産方式であるカンバン方式のタスク管理ツール * MIT License (無料で利用可能) 特徴 * 自社内でインストール出来る => カンバン方式のタスク管理ツールの多くは、クラウドサービスで提供されているものが多い 使用ツール * …
■ はじめに Git に関するこまごまなメモ。 目次 【１】管理に含めない場合 【２】エイリアスを使う 【１】管理に含めない場合 [1] 「.gitignore」を作成する (vi .gitignore) [2] 除外するファイルを「.gitignore」に記述する (例「*.log」) 【２】エイリア…
