サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
webkaru.net
「コントロールパネル」-「システムとメンテナンス」-「管理ツール」から「サービス」を起動します。 サービス一覧から「MySQL56」を選択すると、サービスの開始・停止・再起動といった操作ができます。 MySQLサービスにカーソルを合わせ右クリックするとそのサービスメニューが表示されるので、そこから開始や停止操作をすることもできます。 MySQLサービスのプロパティをクリックします。 MySQLサービスのプロパティでは、スタートアップの種類(「自動」や「手動」)を設定できます。 「自動」に設定するとOS起動時にMySQLサービスも開始、「手動」に設定すると手動でサービスを開始するまで、そのサービスは停止になります。 コマンドプロンプトで操作 MySQLの動作確認のときに利用したようにコマンドプロンプトからMySQLサービスを起動・停止することもできます。ここではその操作方法を確認していきます
カラー・位置・サイズを調節できるスクロールバーを追加することのできるプラグイン「slimScroll」を紹介します。 jQueryプラグイン「slimScroll」このプラグインを使えば、指定した要素にスクロールバーを追加することができます。 以下のようなさまざまなオプションが用意されているので、おすすめ! バーの幅位置高さカラー透明度スクロール・イベント……など。 それではデモページをスクロールしてみてください。 「slimScroll」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name="description" content="slimScroll のデモでーす。"> <title>slimScroll - jQuery Plugin Demo</title
使用例 ファイルを圧縮します。 $ gzip file $ ls file.gz 圧縮されたファイルを展開します。 $ gzip -d file.gz $ ls file 複数のファイルを圧縮します。 $ gzip file1 file2 $ ls file1.gz file2.gz 複数のファイルやディレクトリごと、ひとつのアーカイブファイルに圧縮したい場合は「tarコマンド」で複数のファイルやディレクトリをひとつのファイルに変換してから圧縮します。 $ tar -cf archive.tar dir $ ls dir archive.tar $ gzip archive.tar $ ls archive.tar.gz dir $ tar -cf archive.tar dir; gzip archive.tar ← 複数のコマンドを連続して実行することもできます。 $ ls archi
使用例 エクスポートされている環境変数のリストを表示します(オプション -p)。 $ export -p declare -x HOME="/home/karuma" declare -x LANG="ja_JP.UTF-8" declare -x LOGNAME="karuma" declare -x MAIL="/var/mail/karuma" declare -x OLDPWD declare -x PATH="/usr/local/bin:/usr/bin:/bin:/usr/local/games:/usr/games" declare -x PWD="/home/karuma" declare -x SHELL="/bin/bash" declare -x SHLVL="1" declare -x TERM="xterm-256color" declare -x USER="
Webサイトの「font-family」「font-size」「line-height」を確認するGogle Chrome拡張機能「WhatFont」を紹介します。 Gogle Chrome拡張機能「WhatFont」は、 「このサイトのフォントかっこいい!」 「このサイト読みやすいなぁ〜フォントサイズは?」 こんなときに!わざわざソースコードを見なくても、そのサイトが使っている「font-family」「font-size」「line-height」を確認できる便利な拡張機能です。 ここではChrome拡張機能「WhatFont」の使い方を紹介します。 まずは、こちらから拡張機能を追加しましょう。 https://chrome.google.com/webstore/detail/whatfont/ 拡張機能「WhatFont」を追加しましょう。画面右上の「+ 無料」をクリックします。
ここではスクロール関連のjQueryプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。
それでは実際にやってみましょう。 コマンドの実行結果(標準出力)をファイルに上書き 以下のファイル(file1)に、コマンドの実行結果を上書き保存します。 $ cat file1 ファイルだよー。 まず、「lsコマンド」の実行結果をファイルに保存します。 $ ls -a > file1 file1の中身をみてみると、以前のファイル内容は削除され「lsコマンド」の実行結果が上書き保存されていますね。 $ cat file1 . .. .bash_history .bash_logout .bashrc .emacs.d .lesshst .profile file1 file2 コマンドの実行結果(標準出力)をファイルに追記 以下のファイル(file2)に、コマンドの実行結果を追記します。 $ cat file2 Hello, 「echoコマンド」の実行結果をファイルに追記します。 $ ec
Mac テキストエディタ「Atom」のメニューと設定画面を日本語にする方法を紹介します。 Macアプリ「Atom」をインストールしていない方はこちらを参考にインストールしましょう。 Mac - テキストエディタ「Atom」のインストール このように Atom のデフォルト言語は「英語」に設定されているので、ちょっと分かりづらいですね。そこで! ここではプラグイン「japanese-menu」をインストールしてメニューと設定画面を日本語にする方法をみていきます。 Atom の日本語化 Finder の「アプリケーション」フォルダからアプリ「Atom」を起動します。 上部メニューの「Help」→「Welcome Guide」をクリックします。 右側の「Install a Package」をクリックします。 「Open Installer」をクリックします。 左側の上の方にフォームがあるのでそこ
Windows対応のSSHクライアントPuTTYを利用した、パスワード認証によるSSH接続について解説します。 PuTTY をインストールしていない方はこちらを参考にしてください。 PuTTYのインストール 公開鍵認証方式によるSSH接続には、公開鍵と秘密鍵が必要です。これら鍵ペア(公開鍵と秘密鍵)は、ssh-keygenコマンドやTera Termなどいろいろな方法で作成することができます。 ここでは、PuTTYのインストーラに付属されているputtygen.exeを使って鍵ペアを作成し、それらの鍵による公開鍵認証で以下のSSHサーバーにSSH接続するまでを解説します。 ・SSHサーバー情報 IPアドレス:aaa.bbb.ccc.ddd SSHのポート番号:22 ユーザー:karuma 公開鍵と秘密鍵の生成 公開鍵と秘密鍵の生成するために、puttygen.exeを起動します。PuTTY
LinuxにインストールしたMySQLのrootパスワードを設定する方法を紹介します。 MySQLを初期インストールした状態では、rootユーザーにパスワードが設定されていません。このユーザーはMySQLのすべての操作が行うことができるので、パスワードが設定されていないと大変危険です。早速、設定しましょう。 パスワードを設定する方法は2つあります。「MySQLにログインしてパスワードを設定」と「mysqladminコマンドを使ってパスワードを設定」の2つです。前者がおすすめです。 MySQLにログインしてパスワードを設定 MySQLにログイン(パスワードなしでログインできます)します。プロンプトが #(または$) から mysql> に変更されたら、下記のようにrootのパスワードを設定します。 # mysql -u root mysql> update mysql.user set pa
ユーザー所有権を変更 ユーザー所有権を変更します。まず、「lsコマンド」でユーザー所有権とグループ所有権を確認します。 # ls -l file -rw-r--r-- 1 karuma karuma 0 May 10 06:46 file ユーザー所有権は「karuma」、グループ所有権も「karuma」ですね。 ユーザー所有権の変更 グループを指定せず、ユーザー所有権を「karuma」から「root」に変更してみます。次のようにchownコマンドを実行します。 # chown root file これでゆーざー所有権の変更が完了しました。lsコマンドで、確認してみましょう。 # ls -l file -rw-r--r-- 1 root karuma 0 May 10 06:46 file ユーザー所有権が「karuma」から「root」に変更されました。グループ所有権は「karuma」の
使用例 重複した行をもつテキストファイル(hoge.txt)を使って、コマンドの挙動を確認します。 $ cat hoge.txt 0123456789 abcdefghij abcdefghij ABCDEFGHIJ 9876543210 重複した行を削除します(オプションなし)。 $ uniq hoge.txt 0123456789 abcdefghij ABCDEFGHIJ 9876543210 大文字・小文字を区別しません(オプション -i)。 $ uniq -i hoge.txt 0123456789 abcdefghij 9876543210 重複行のみを表示します(オプション -i)。 $ uniq -d hoge.txt abcdefghij 重複していない行のみを表示します(オプション -u)。 $ uniq -u hoge.txt 0123456789 ABCDEFGHI
apt-getコマンドは、パッケージの操作・管理を行うコマンドです。 apt-getコマンド 書式 apt-get [スイッチ] [オプション] [パッケージ] apt-getコマンドは、Debian系のディストリビューション(DebianやUbuntu)のパッケージ管理システムであるAPT(Advanced Package Tool)ライブラリを利用してパッケージを操作・管理するコマンドです。 CentOSやFedoraのパッケージ管理には「yumコマンド」を利用します。
ApacheからPHPを呼び出したときに動作するように設定していきます。 まずは、Apache と PHP の動作確認をしましょう。 PHPの設定(パスを通す)と動作確認 - Windows10 Apache 2.4 の動作確認(ApacheMonitor) - Windows10 どちらも正常に動作したら、ApacheからPHPを呼び出したときに動作するように設定していきます。 httpd.confの設定 Apacheの設定ファイル(httpd.conf)を設定するために、「C:\Apache24\conf」フォルダにあるhttpd.confファイルをテキストエディタで編集します。以下のコードをhttpd.confファイルの末尾に記述(追加)します。 LoadModule php7_module "c:/php/php7apache2_4.dll" AddHandler applicat
ここではエフェクト関連のjQueryプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。
画像の拡大・縮小と移動(パン)を実装するプラグイン「pan and zoom」を紹介します。 jQueryプラグイン「pan and zoom」このプラグインを使えば、指定した画像の拡大や縮小を行うことができます。 また拡大した画像を移動するカメラのような操作「パン」も行うことができます。 画像メインのサイトにおもしろい効果を付加することができますね。 それではデモページで画像の拡大・縮小と移動を行ってみてください。 「pan and zoom」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="pan and zoom のデモでーす。"> <title>pan and zoom - imageCloud</title>
PHPの公式ページからダウンロードします。 https://www.php.net/downloads ここでは、さまざまなバージョンのPHPがダウンロードできます。 「Windows downloads」をクリックします。 Apacheでの利用を念頭に置いているので「 Thread Safe」のZip版をクリックして、ダウンロードします。 「Non Thread Safe」は、Microsoftが開発したWebサーバーであるIIS(Internet Information Services)でPHPを利用する場合に利用します。 すると、このようにダウンロードがはじまります。 ダウンロードしたZIPファイルを右クリックし 「すべて展開」をクリックします。 展開するフォルダーを Cドライブ直下に変更し(c:\php) 「展開」をクリックします。 すると、このように展開がはじまります。 フォル
使用例 hello.cというファイル名で簡単なC言語のプログラムを作成し、その実行ファイルの共有ライブラリを表示してみましょう。 $ vi hello.c #include <stdio.h> int main() { printf("Hello,World\n"); } gccコマンドでコンパイルすると、「a.out」という実行ファイルが作成されます。 $ gcc hello.c $ ls a.out hello.c 準備ができたので、lddコマンドで共有ライブラリを表示してみましょう。すると、このように共有ライブラリが表示されます。 $ ldd a.out linux-vdso.so.1 => (0x00007fff089ff000) libc.so.6 => /lib/x86_64-linux-gnu/libc.so.6 (0x00007fe74edb3000) /lib64/ld-
入力フォームの数値に3桁ごとにカンマを付けるプラグイン「maskMoney」を紹介します。 jQueryプラグイン「maskMoney」このプラグインを使えば、伝票の金額入力でよくあるように数値を3桁ごとのカンマで区切ることができます。 123,456,789 こんな感じです。 また、オプションでは「prefix」「suffix」や区切る記号などを指定することができるので、以下のような表示も可能です。 ¥ 123,456,789 それではデモページの入力フォームをご覧ください。 「maskMoney」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="maskMoney のデモでーす。"> <title>maskMone
使用例 オプションなしで、arpコマンドを実行するとARPキャッシュを表示します。 $ arp Address HWtype HWaddress Flags Mask Iface aa.bb.cc.dd ether XX:XX:XX:XX:XX:XX C eth0 指定したホスト名とHWアドレスで、ARPキャッシュを作成します(オプション -s、オプション -i)。以下のコマンドを実行するにはroot権限が必要です。 # arp -s 192.168.2.100 00:11:00:11:00:11 -i eth0 作成したARPキャッシュを確認します。指定したホスト名とHWアドレスのキャッシュが追加されています。 # arp Address HWtype HWaddress Flags Mask Iface aa.bb.cc.dd ether XX:XX:XX:XX:XX:XX C eth
ここではPHPスクリプトの「ヒアドキュメント」について解説します。 「ヒアドキュメント」は長い文字列を変数に代入したり、出力する場合に使います。PHPスクリプトからHTMLを出力する場合などに便利なので手法なので、覚えておきましょう。 長い文字列を変数に代入する場合は以下のような書式で記述します。 <?php $変数 = <<<終了の文字列 「文字列を記述」 終了の文字列; ?> ※ 終了の文字列には大文字のアルファベットを使います。よく見かけるのは「EOM」「EOF」「EOD」ですが、「ABC」でも何でも構いません。 ちなみに「EOM」は End Of Message、「EOF」は End Of File、「EOD」は End Of Document の略です。 サンプルスクリプト それではヒアドキュメントのサンプルスクリプトをみてみましょう。まずは長い文字列を変数に格納するサンプルスク
MySQLのチューニングに必要な(便利な) slow log の設定方法を紹介します。 MySQLのチューニングでは、クエリの律速段階・ボトルネックを取り除き、できるだけ早くクエリ処理を終了させるるようにデーターベースの設定やSQLをいじります。 まず、どの設定やクエリがボトルネックであるかを見つける必要があります。MySQLにはそのためのグローバルシステム変数が用意されおり、少しの設定で簡単にダメダメな設定やクエリを見つけることができます。 /etc/my.cnf にグローバル システム変数 slow_query_log と slow_query_log_file を設定します。※ 設定は[mysqld]と[mysqld_safe]の間に追加する必要があります。 # vi /etc/my.cnf [mysqld] ・・・略・・・ long_query_time=1 log-slow-qu
HTML5 で作製したサイトを Internet Explorer 8(IE8)以前のバージョンで閲覧すると……レイアウトががっつりくずれます。 これは HTML5 から新たに導入されたタグ aside article header nav section ……などを解釈してくれないからです。 ここでは、これらのタグを IE8 以前のバージョンに対応させるための対策方法のひとつである「html5shiv.js」というスクリプトを読み込ませる方法を紹介します。 「Download ZIP」をクリックします。 ダウンロードした zipファイル「html5shiv-master」を解凍し、dist/html5shiv.js ファイルを対応させたいサイトからにアップロードします。 次に html5shiv.js を読み込む以下のコードを head 内に挿入します。 <!--[if lt IE 9]
使用例 lsコマンドをオプションなしで実行すると現在の作業ディレクトリのファイルとディレクトリのリストを表示します。 $ ls dir1 dir2 dir3 fifo file1 file2 file3 link1 ディレクトリ名を指定すると、指定したディレクトリ内のリストが表示されます。 $ ls dir1 file10 -a オプション:通常のディレクトリ名とファイル名とともに「.」ではじまる不可視ファイルも表示します。.bashrcや.profile。 $ ls -a . .. .aptitude .bash_history .bashrc .profile dir1 dir2 dir3 fifo file1 file2 file3 link1 -F オプション:ディレクトリは「/」、FIFOは「|」、実行ファイルは「*」、シンボリックリンクは「@」がディレクトリ名・ファイル名の後に
使用例 複数のファイル(file1、file2)からアーカイブファイル(archive.tar)を作成します(オプション -cf)。 $ ls file1 file2 $ tar -cf archive.tar file1 file2 $ ls archive.tar file1 file2 アーカイブファイル(arichive.tar)を展開します(-xf)。 $ ls archive.tar $ tar -xf archive.tar $ ls archive.tar file1 file2 アーカイブファイル(archive.tar)内のファイル一覧を表示します。(-tf)。 $ tar -tf archive.tar file1 file2 ディレクトリ(dir)ごとgzip形式のアーカイブファイル(archive.tar.gz)に圧縮します。 $ tar cfvz archive
水平・垂直スクロースのシングルページを実装するプラグイン「fullPage.js」を紹介します。 jQueryプラグイン「fullPage.js」シングルページとは、1ページで完結したキャンペーンサイトなどに使われるアレです。 このプラグインを使えば、1ページごとにスクロールを制御することができ、スライドや紙芝居?のようなシングルページを作成することができます。 しかも、縦の垂直スクロースだけでなく、左右の水平スクロールに対応しているので、おすすめです。 それではデモページをスクロールしてみてください。 「fullPage.js」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="fullPage.jsのデモでーす。">
指定した要素をスクロール可能にするプラグイン「Skroller」を紹介します。 jQueryプラグイン「Skroller」このプラグインを使えば、指定した要素にスクロールバーを付けてスクロール可能にすることができます。 また、以下のようなオプションが用意されています。 表示する高さスクロールバーの幅スクロールバーの色スクロールバーの透明度スタイル……など それではデモページをご覧ください。 「Skroller」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="LockScrollのデモでーす。"> <title>Skroller - jQueryプラグイン</title> <script src="http://cod
テキストエディター「Sublime Text 3」を日本語化する方法を紹介します。 Sublime Text のインストール方法はこちらをご覧ください。 Windows Mac OS X このように「Sublime Text 3」のメニューは英語です。 ここではパッケージ「Japanize」をインストールして、「Sublime Text 3」を日本語化する方法をみていきます。 パッケージのインストールには「Package Control」を使います。インストールしていない方はこちらを参考してください。 Sublime Text - Package Control のインストール 「Sublime Text 3」を起動し、ショートカットキー「Command + Shift + P」を押します。 すると、このようなフォームが表示されるので、 「install」と入力し、「Pachage Con
左右にスクロールできるタブメニューを実装するプラグイン「ScrollTabs」を紹介します。 jQueryプラグイン「ScrollTabs」このプラグインを使えば、マウスを使って左右にスクロールすることのできるタブメニューを実装することができます。しかもレスポンシブ対応です。 オプションを使えば、これらのタブを追加・削除することもできます。 それではデモページのタブメニューをご覧ください。 「ScrollTabs」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="ScrollTabs のデモでーす。"> <title>ScrollTabs - jQueryプラグイン</title> <link rel="stylesh
次のページ
このページを最初にブックマークしてみませんか?
『Webkaru - Webプログラミング入門』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く