サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
webkaru.net
使用例 指定した数値秒(ここでは、3秒)だけ処理を遅延します。 $ sleep 3 ↓ 3秒経過するとプロンプトが表示されます。 $ 指定した秒数の後、コマンドを実行します。 $ sleep 10;emacs ↓ 10秒経過するとemacsが起動します。 オプションを使って、遅延する時間を決めます。 10秒遅延(オプション s) $ sleep 10s 1分遅延(オプション m) $ sleep 1m 2時間遅延(オプション h) $ sleep 2h 関連コマンド date, time その他のLinuxコマンドはこちらをご覧ください。 Linuxコマンドリファレンス
使用例 一般ユーザー(ここでは、karuma)からroot(スーパーユーザー)に変更します。「whoamiコマンド」でユーザーの変更を確認しています。 $ whoami karuma $ su Password: ← rootのパスワードを入力 # whoami root 環境変数を引き継いで、root から 一般ユーザー(ここではkaruma)に変更します。root → 一般ユーザー の場合、パスワードの入力は必要ありません。 # su - karuma $ whoami karuma 関連コマンド sudo その他のLinuxコマンドはこちらをご覧ください。 Linuxコマンドリファレンス
Google Chromeに保存されているクッキーを表示・編集する拡張機能「EditThisCookie」を紹介します。 まずは、こちらから拡張機能を追加しましょう。 https://chrome.google.com/webstore/detail/editthiscookie Chrome ウェブストア「EditThisCookie」のページが表示されるので、「+ 無料」ボタンをクリックします。 クリックすると「EditThisCookie を追加しますか?」というポップアップが表示されるので、「追加」をクリックします。 クリックすると、Chromeウィンドウの右上に「EditThiesCookieが Chrome に追加されました。」というポップアップが表示され、 ジャガイモのような「クッキー」アイコンが追加されます。 EditThisCookie の使い方 追加した拡張機能「Edi
if、else、elseif とは、PHPスクリプトを条件によって振り分けるための制御文です。条件によって異なる処理を行う場合に利用し、頻繁に利用します。 ひとつの条件を満たす場合にのみ処理を行う場合は「if」を使って、以下のように記述します。 if( 条件 ) { /* 条件を満たす場合に行う処理 */ } ひとつの条件を満たす場合/満たさない場合に異なる処理を行う場合は「else」を使って、以下のように記述します。 if( 条件 ) { /* 条件を満たす場合に行う処理 */ } else { /* 条件を満たさない場合の処理 */ } 複数の条件がある場合は「elseif」を使って、以下のように記述します。 if( 条件① ) { /* 条件①を満たす場合に行う処理 */ } elseif ( 条件② ) { /* 条件②を満たす場合に行う処理 */ } else { /* 条件①も
PHPの設定 - 環境変数の設定 タスクバーのフォームに 「システムの詳細」と入力し 「システムの詳細設定の表示」を起動しましょう。 すると、「システムのプロパティ」ウィンドウが表示されるので 「環境設定」をクリックしましょう。 環境設定です。 「Path」を選択し、「編集」をクリックします。 環境設定の編集です。 「参照」をクリックし PHPをインストールしたフォルダー(c:\php)を選択し、「OK」をクリックします。 これで環境設定は完了です。 「OK」をクリックします。 「OK」をクリックします。 PHPの動作確認 PHPが適切に動作するかを確認していきましょう。 タスクバーのフォームに 「cmd」と入力し 「コマンドプロンプト」を起動します。 コマンドプロンプトです。 phpコマンドを実行してみましょう。オプション(-v)をつけて、phpのバージョンを確認します。 >php -v
それでは「Sublime Text 3」のインストール方法をみていきます。 ブラウザー(ここでは「Microsoft Edge」)を起動し 次の「Sublime Text 3」のダウンロードページへアクセスします。 https://www.sublimetext.com/3 「Windows」あるいは「Windows 64bit」をクリックしましょう。 Windows が 32ビット版であれば「Windows」を、64ビット版でれば「Windows 64bit」をクリックします。 クリックするとダウンロードがはじまります。 ダウンロードしたセットアップ・ファイルを「実行」しましょう。 あるいは! エクスプローラーの「ダウンロード」フォルダから実行することもできます。 ユーザーアカウント制御です。「はい」をクリックし、インストールを続行しましょう。 「Sublime Text 3」のセットア
Windows環境にインストールした「MinGW」を使って、簡単なプログラムをコンパイル・実行する方法をみていきます。 MinGW のインストールと環境設定を行っていない方は、こちらをご覧ください。 MinGW - gcc のインストール MinGW - gcc の環境設定 MinGW - コンパイルと実行 それではコンパイルと実行方法をみていきます。 エクスプローラーを起動し プログラムを作成するフォルダーへ移動します。 ※ ここでは次のフォルダーへ移動しています。 C:¥Users¥karuma 上部メニュー「表示」をクリックし 「ファイル名拡張子」にチェックを入れましょう。 「hello.c」というファイルを作成し ファイルを次のように編集しましょう。 #include<stdio.h> int main() { printf("Hello, World\n"); return 0;
同じ内容の入力フォームを追加・削除できるようにするプラグイン「Looking For」を紹介します。 jQueryプラグイン「Repeater」このプラグインを使えば、同じ内容の入力フォーム(例えば「名前」など)をページを更新せずに追加・削除することができます。 さまざまな input要素(「text」「checkbox」「option」……など)をグループにまとめて、追加・削除することができるので、使い勝手がいいですね。 それではデモページのフォームをご覧ください。 「Repeater」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Repeater のデモでーす。"> <title>Looking For - j
Debianで以下のようなロケールエラーが表示される場合の対処方法を紹介します。 # apt-get install XXXXXXX … 中略 … Can't set locale; make sure $LC_* and $LANG are correct! perl: warning: Setting locale failed. perl: warning: Please check that your locale settings: LANGUAGE = (unset), LC_ALL = (unset), LANG = "ja_JP.utf8" are supported and installed on your system. perl: warning: Falling back to the standard locale ("C"). … 略 … 環境変数にロケールが
PHPはWindows、Mac、Linuxなどさまざまなプラットフォームに環境を構築することができます。 ここでは、Windows、Mac、Linux(DebianとCentOS)に「PHP」とWebサーバー「Apache」をインストールする方法とその動作確認について見ていきます。 Windows Windowsに「PHP + Apache」の環境を構築する2つの方法を紹介しています。1つ目は「XAMPP」というアプリケーションを使う方法、2つ目はPHPとApacheをひとつずつインストールする方法です。 PHPに触れたことがない初心者の方は、1つ目の「XAMPP」を使いましょう。こちらの方が楽ちんなので、おすすめです。 XAMPP WindowsにApache、MySQL、PHP、Perlの環境が簡単に構築できるアプリケーション「XAMPP」の「インストール」と「PHPのパスを通す」方法
Mac テキストエディタ「Atom」をインストールする方法を紹介します。 Atom のインストール まずはテキストエディタ「Atom」にアクセスしましょう。 ATOM の公式ページです。「Download For Mac」をクリックします。 クリックすると zipファイルのダウンロードがはじまります。ダウンロードには 5分くらいかかりました。 ダウンロードした zipファイルを解凍すると Macアプリ「Atom」が表示されるので、それを「アプリケーション」フォルダへドラッグ&ドロップします。 「アプリケーション」フォルダへ移動し、「Atom」を起動してみましょう。 「Atom はインターネットからダウンロードされたアプリケーションです。開いてもよろしいですか?」というポップアップが表示されるので、「開く」をクリックしましょう。 はじめて Atom を起動すると「Welcome Guide」
インストールしたテキストエディター「Sublime Text 3」にパッケージ管理ツール「Package Control」をインストールする方法を紹介します。 ダウンロードとインストールはこちら。 Mac - Sublime Text 3 のダウンロードとインストール Package Control の詳細はこちら。 https://sublime.wbond.net/installation 上部メニュー「View」→「Show Console」をクリックします。 あるいは、ショートカットキー「Control + `」を押します。「`」は「Shift + @」です。 すると、このようにウィンドウ下部にフォームが表示されるので、 「Package Control」ページにある Python のコードをコピーし、 import urllib.request,os,hashlib; h = '
crontabコマンドは、各ユーザーのcrontabファイルを編集・閲覧するコマンドです。 crontabコマンド 書式 crontab [オプション] crontabファイルには、指定した日時や定時に実行するコマンドやスクリプトが記録されています。スケジュールされたコマンドやスクリプトは、cronデーモンと呼ばれるバックグラウンドで動いているプログラムによって実行されます。
指定した期間の進捗を表示するプログレスバーを実装するプラグイン「Let It Flow」を紹介します。 jQueryプラグイン「Let It Flow」このプラグインを使えば、指定した期間内で今日がどの位置にあるかの進捗率をパーセント表示するプログレスバーを実装することができます。 オプションでは、テキストやプログレスバーのカラーを指定することができます。また進捗の途中にステップを表示することもできます。 それではデモページをご覧ください。 「Let It Flow」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Let It Flow のデモでーす。"> <link rel="stylesheet" href="c
MinGW を使って、Windows環境に gcc をインストールする方法を紹介します。 MinGW とは MinGW(Minimalist GNU for Windows)とは、GCC などの開発環境をWindowsで利用できるようにしてくれる便利なアプリです。 MinGW のインストール まずは MinGW のインストーラをダウンロードするために次の URL へアクセスします。 https://www.mingw.org/download/installer/ すると、MinGWインストーラーのダウンロード・ページが表示されるので 「実行」をクリックしましょう。 「MinGW Installation Manager Setup Tool」です。 「Install」をクリックします。 インストールの設定です。次の項目を設定することができます。 Installation Director
指定した位置までスクロールするとスライドするパネルを実装するプラグイン「ScrollSlide」を紹介します。 jQueryプラグイン「ScrollSlide」このプラグインを使えば、ページを指定した位置までくるくるとスクロールすると左や右からアニメ効果でスライドしながら登場するパネルを実装することができます。 以下の項目をオプションで設定することができます。 スライドする方向スライドするスピードスライドする位置スライドバックのオン・オフ それではデモページをスクロールしてみてください。 「ScrollSlide」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="ScrollSlide のデモでーす。"> <meta
Sublime Text は、Web開発に適した人気のテキストエディターです。Windows、Mac、Linux のクロスプラットフォオームに対応しており、豊富なショートカットとパッケージ(プラグイン)が用意されています。 キャッチフレーズは「恋に落ちるテキストエディター」だそうです……。 The text editor you'll fall in love with なんだか、おもしろそうなテキストエディターなので、恋に落ちるかどうか?使ってみようと思います。 インストール Windows Mac OS X ライセンス ライセンスの購入 パッケージ オンラインでお好みのパッケージを検索してみましょう。 パッケージの検索 Package Control パッケージは「Package Control」を使うと簡単に操作することができます。まずは「Package Control」をインストー
テキストエディタ「Atom」で、半角スペースやタブなどの不可視文字を表示する方法を紹介します。 デフォルトの設定では、このように不可視文字(半角スペースやタブ……)は表示されません。 プログラムで使われるインデントを適切に取り扱いたい場合は不可視文字を表示しておいたほうが、いいですね。ということで、ここでは Mac にインストールした「Atom」を使って、不可視文字の表示方法を紹介します。他の OS でも同じように設定することができます。 Macアプリ「Atom」をインストールしていない方はこちらを参考にインストールしましょう。 Mac - テキストエディタ「Atom」のインストール アプリ「Atom」を起動し 上部メニューの「Atom」→「Preferences(環境設定)」をクリックします。 すると、「Settings」という設定ウィンドウが表示されるので、 ページを下へスクロールしま
使用例 まずは、オプションなしで実行してみましょう。「Filesystem」「1K-ブロック」「使用」「使用可」「使用%」「マウント位置」が表示されます。 $ df Filesystem 1K-ブロック 使用 使用可 使用% マウント位置 /dev/sda1 102175132 3491340 93493616 4% / tmpfs 960376 0 960376 0% /dev/shm tmpfs 960376 0 960376 0% /var/cache/nginx これでは見にくいので、ディスク容量に単位をつけて表示します(オプション -h)。見やすいですね。 $ df -h Filesystem Size Used Avail Use% マウント位置 /dev/sda1 98G 3.4G 90G 4% / tmpfs 938M 0 938M 0% /dev/shm tmpfs 93
Homebrew まずは、Homebrew を使って wgetコマンドをインストールする方法をみていきます。 Homebrew をインストールしていない方はこちらをご覧ください。 Mac OS X - Homebrew のダウンロードとインストール ターミナルを起動し、次のコマンドを実行します。 $ brew install wget すると、次のような処理が実行され…… ==> Installing dependencies for wget: openssl ==> Installing wget dependency: openssl ==> Downloading https://homebrew.bintray.com/bottles/openssl-1.0.2d_1.el_capitan #############################################
fuserコマンドは、ファイルやソケットを使用しているプロセスを特定するコマンドです。 fuserコマンド 書式 fuser [オプション] fuserコマンドは、引数として渡されたファイルやファイルシステムのプロセスIDを確認することができます。
テキストエディター「Sublime Text」で、不可視文字(スペース・タブ……など)を表示する方法を紹介します。 ここでは「一時的に表示する方法」「ずーっと表示する設定」方法を紹介します。 不可視文字(スペース・タブ)を一時的に表示 たわいもない C言語のプログラムです。 これをマウスを使って反転表示すると…… このように不可視文字(スペース・タブ)が表示されます。 タブ:長い横棒 半角スペース:小さい点 次はこれら不可視文字(スペース・タブ)をずーっと表示する方法をみていきます。 不可視文字(スペース・タブ)をずーっと表示 上部メニュー「Sublime Text」→「Preferences」→「Settings - User」をクリックします。 { "ignored_packages": [ "Vintage" ] } すると、このようなテキストファイルが表示されるので、以下のコードを
プログラミング言語PHPで、外部コマンドを実行する関数 exec()、system()を紹介します。 exec()とsystem()は似ている関数(外部コマンドを実行するという点では全く同じ)ですが、exec()は引数に指定したコマンドを実行結果を出力せず、system()はコマンドの実行結果を出力するという点が異なります。 ただ、exec()は実行結果を引数に指定した配列に格納することができるので、実行結果に何かしらの処理を掛ける場合は、こちらのほうが扱いやすいです。 exec関数 string exec ( string $command [, array &$output [, int &$return_var ]] ) 引数に指定したコマンド($command)を実行します。コマンドの実行結果を出力しません。 引数 $command 実行するコマンドを指定します。 &$output
使用例 オプションなしでchkconfigコマンドを実行すると、現在のランレベルでの サービス自動起動の設定 on/off が確認できます。 # chkconfig acpid on apache2 on atd on bootlogs on bootmisc.sh on checkfs.sh on … 略 … chkconfigコマンドを使って、サービスの自動起動 on/off をリスト表示します(オプション -l)。 # chkconfig -l acpid 0:off 1:off 2:on 3:on 4:on 5:on 6:off apache2 0:off 1:off 2:on 3:on 4:on 5:on 6:off atd 0:off 1:off 2:on 3:on 4:on 5:on 6:off bootlogs 0:off 1:on 2:on 3:on 4:on 5:on
ブラウザーをフルスクリーン(全画面)表示にするプラグイン「Fullscreen」を紹介します。 jQueryプラグイン「Fullscreen」このプラグインを使えば、クリックなどのユーザーアクションでブラウザーをフルスクリーンにすることができます。 対応しているブラウザーは以下の通りです。 Firefox 10+Chrome 15+Safari 5.1+Opera 12.1+Internet Explorer 11 それではデモページをご覧ください。 「Fullscreen」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Fullscreen のデモでーす。"> <title>Fullscreen - jQuery
文字数に応じてテキストエリア高さを自動調節するプラグイン「autoexpand」を紹介します。 jQueryプラグイン「autoexpand」HTML のフォーム部品 textareaタグの中にテキストを書き込みんでいると……ちょっと多く書いただけではみ出す場合がよくあります。フォームのサイズはWeb制作者の悩みのひとつかもしれませんね。 そんな場合は今回紹介するプラグイン「autoexpand」を使いましょう。テキストを書き込めば自動的にフォームが拡がってくれるという便利機能が簡単に手に入ります。 それではデモのテキストエリアを編集してみてください。 「autoexpand」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" conte
検索・ソート・ページャー・フィルター付きのテーブルを実装するプラグイン「Bootgrid」を紹介します。 jQueryプラグイン「Bootgrid」このプラグインを使えば、テーブルの項目を検索、項目ごとのソート、項目が多い場合にページ分けするページャー、どの項目を表示するかを選択するフィルターといった高機能テーブルを実装することができます。 また、スタイルシートには Bootstrap を利用しているので、どんなサイトにマッチしそうですね。 それではデモページのテーブルをご覧ください。 「Bootgrid」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Bootgrid のデモでーす。"> <title>Bootgr
lnコマンドは指定したターゲットへのリンクを作成します。リンクにはハードリンクとシンボリックリンクがあり、ハードリンクはファイルへのリンクのみ、シンボリックリンクはファイルとディレクトリへのリンクが作成できます。 ハードリンクとシンボリックリンクの違い ハードリンクは、別名の同じファイルです。ターゲットとリンクの区別がなく、すべてのファイルに実体(ディスク容量を消費)があり、削除するにはすべてのファイルを削除する必要があります。 シンボリックリンクは、Windowsのショートカットと考えれば、OKです。実体はありません。ただ、Windowsと同じようにターゲットを削除しても、シンボリックリンクは削除されません。rmコマンドを使って、手動でシンボリックリンクを削除する必要があります。
使用例 まず、viコマンドとemacsコマンドを実行し、[Ctrl + Z]でサスペンドします。 $ vi ↓ [Ctrl + Z]でサスペンド [1]+ 停止 vi $ emacs ↓ [Ctrl + Z]でサスペンド [2]+ 停止 emacs jobsコマンドをオプションなしで実行します。 $ jobs [1]- 停止 vi [2]+ 停止 emacs リスト表示にプロセスIDを付加します(オプション -p)。 $ jobs -l [1]- 12035 停止 vi [2]+ 12036 停止 emacs 指定したジョブ番号のジョブを表示します。 $ jobs %2 [2]+ 停止 emacs jobsコマンドで、ジョブ番号を確認しながらジョブの実行再開や停止をすることができます。 サスペンドされているジョブをフォアグラウンドで実行再開するには「fgコマンド」を、バックグランドで実行再
次のページ
このページを最初にブックマークしてみませんか?
『Webkaru - Webプログラミング入門』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く