HTML学習初心者のつまずきポイント第1位がname, id, class属性の使い分けと言われています(どこで)。 というわけで、これらの属性の違いと使い方をわかりやすく解説したいと思います。 HTMLの歴史から見るname, id, c
【HTML】name, id, class属性の違いと使い分け
HTML学習初心者のつまずきポイント第1位がname, id, class属性の使い分けと言われています(どこで)。 というわけで、これらの属性の違いと使い方をわかりやすく解説したいと思います。 HTMLの歴史から見るname, id, c
【CSS】width:50%の2つの要素が横並びにならない原因と解決方法
あなたはwidth: 50%の2つのinline-block要素が横並びにならずに小一時間悩んだことがありますか?私はあります。そして、あなたもそうだから今ここにたどり着いたのでしょう。 子要素A 子要素B 理想 子要素A 子要素B 現実
【CSS】モーダルダイアログのデザイン・アニメーションのアイデア集
やっほー。この記事ではモーダルダイアログのデザインを具体例を挙げて紹介します。 ダイアログのデザインはUX(ユーザエクスペリエンス)に配慮する必要があります。ユーザをイライラさせないいい感じのダイアログのデザインを紹介します。コピペして使っ
【JavaScript】dialog要素を使ってダイアログを自作する
JavaScriptでダイアログボックスを表示するとき、一般的にはalert(), confirm(), prompt()などのメソッドを使います。ただし、この方法で表示させるダイアログはカスタマイズができないんですよね。 この記事では、H
Parallels Desktop 19 for Mac リリース!新機能紹介
お待たせいたしました。お待たせしすぎたかもしれません。Macで動く仮想化ソフトの王様Parallelsの新バージョン、Parallels Desktop 19 for Macがリリースされました。わーい。 というわけで、新機能を紹介していき
【JavaScript】フォーム送信時に確認画面を表示する方法
お問合せフォームなどの送信時に確認画面を表示するのは世界中で日本だけと言われています。なんと、日本以外の国々では確認画面は不要とされているのです。 では、世界標準にならってフォームの確認画面をなくしてしまえばよいのでしょうか。ちょっちゅ待っ
【JavaScript】パスワードの表示・非表示を切り替える方法
セキュリティと利便性のバランスはウェブデザインにおいて永遠のテーマである。そう言ったのはアリストテレスだったでしょうか。←違います。 フォームのパスワード入力欄に文字列を入力するとセキュリティの関係で黒い点々で表示されるわけですが、入力した
WindowsのISOイメージを簡単作成 CrystalFetch ISO Downloader
最近どう?インストールしてる? というわけで、Windowsのインストーラ(ISOイメージ)をMac上で簡単に作成できるソフトCrystalFetch ISO Downloaderがリリースされたのでご紹介します。 作成したISOイメージで
Parallelsのエディションの違い、永久ライセンスかサブスクか
の購入でお悩みのあなたへ、どのエディションを選べばよいのか詳しく解説します。 また、永久ライセンスとサブスクリプションのメリット・デメリットを比較し、賢い選択ができるように費用のシミュレーションもご紹介します。 この記事を読めばParall
JavaScriptが学べるプログラミングスクールおすすめ8選
JavaScriptは比較的独学でも学びやすいプログラミング言語です。それでも「何から始めれば良いかわからない」「やってみたけど挫折しちゃったぜ、ベイベー」というあなたには、スクールで学ぶことをおすすめします。 この記事では、初心者向けにJ
初心者が最初に学ぶべきプログラミング言語といえば?そう、JavaScriptですね(筆者の独断)。 JavaScriptを独学で習得したいあなたに、学習のロードマップ、おすすめの学習サイトや書籍などをご紹介します。実際に独学で学んできた私を
初心者におすすめのプログラミング言語 独学なら何から始めるべきか
これからプログラミングを学ぼうとしている人の第一関門がどの言語を選ぶかです。断言します。挫折しない言語を選びましょう。 自分のやりたいこと、目的に応じて選んではいけません。年収の高さで選んではいけません。もしそれが難易度の高い言語だったらそ
PHPで、文字列の中に特定の文字列が含まれるかを検索する4つの関数str_contains, strpos, strstr, preg_matchについて解説します。 PHPで文字列を検索する方法の比較表 PHPで文字列を検索する4つの関数
PHPでUNIXコマンドを実行する方法っていろいろあって迷っちゃう♪と困り果てているあなたに朗報です。この記事では、以下の5つの方法を比較して解説します。 exec() passthru() system() shell_exec() 実行
IT用語・プログラミング用語というのは、文字で入力することが多く、声に出して発音するときに読み方がわからないものが意外と多いですよね。 大きく分けると、造語や略語で読みづらいもの、普通の英語なんだけど日本人にとって読みづらいものの2つがある
この記事では、PHPが学べるプログラミングスクールを紹介します。 PHPは、主にWEBアプリケーションを開発するときに使われるプログラミング言語です。WordPressは日本国内のCMSで80%以上のシェアを占めていますが、このWordPr
PHPで、ファイルを読み込んだり書き込んだりする関数やクラスの使い方について解説します。 file_***_contents関数 - シンプルにまるっと処理する PHPでファイルの読み込みや書き込みをする最も簡単な方法が、file_get_
SSHでリモートサーバーに接続するときの認証方法には、公開鍵認証とパスワード認証の2種類があります。 この記事では、公開鍵認証の方法について解説します。初期設定はちょっと面倒で敬遠されがちだけどデキるエンジニアはみんな使っているといわれてい
この記事では、PHPでSSHやSFTPを利用するためのライブラリphpseclib 3.0の使い方を解説します。 phpseclibのインストール phpseclibは、PHPのライブラリ管理ツールComposerを使ってインストールします
おはこんばんちわ。この記事では、PHPの関数を呼び出して利用する方法やユーザ定義関数の作成方法について解説します。 関数とは プログラム内では、同じ処理を何度も繰り返すことがあります。このように、繰り返し使用する処理をまとめて一つのブロック
MacユーザだけどWindowsのゲームで遊びたい!そんな心の叫びを抱えながら、孤独な夜にむせび泣くあなたに朗報です。MacでWindowsゲームをプレイする方法が発見されました。 この記事では、Appleシリコン(M1, M2) Macで
今回は、PHPの初歩の初歩の初歩、変数の扱い方について解説します。 変数とは、プログラム中で扱うデータを一時的に保存しておく箱のようなものです。そんなん知ってるよというあなたもまだ知らない変数の秘密があるかもしれません。ないかもしれません(
zxcvbnでパスワードの強度判定 クソパスワードにダメ出しを!
おはこんばんちわ。パスワードの強度を判定したい。そんなあなたにおすすめなのが、JavaScriptライブラリのzxcvbnです。今回は、zxcvbnの使い方や実装例について紹介していきます。 zxcvbnとは zxcvbnは、JavaScr
【PHP入門】ランダムな文字列(パスワード、トークン)を生成する方法
パスワードやトークンを生成する際、どのような方法があるでしょうか?また、その方法は安全かつユニークなものでしょうか?本記事では、PHPを使ってランダムな文字列を生成する方法を紹介します。 ユニークなIDやトークンの生成に使える関数や、安全な
ChatGPTとプログラマの失業 イケてるコードを書けるのは誰だ
ChatGPTの登場によって、「プログラマは不要になる派」と「不要にならない派」の2大派閥が誕生しているようです。 私は「プログラマは不要にならない派」です。なぜなのか、実際にChatGPTにコードを書いてもらいながら説明します。 プログラ
本記事では、PHPを使用してフォームからファイルをアップロードする方法について解説します。 Webアプリケーション開発において、ユーザからファイルを受け取る機能を実装する場合、セキュリティ上のリスクがあります。危ないです、怖いです、何を送り
【PHP入門】フォームのセキュリティ 5つの攻撃手法とその対策
Webアプリケーションのフォームは、悪意のある攻撃者の入口です。ここからどんどん入ってくるのです。怖ーい。 本記事では、PHPでフォームのセキュリティ対策を行うために、代表的な攻撃手法であるXSS、メールヘッダ・インジェクション、SQLイン
Webアプリケーション開発において、フォームからのデータ受け取りとバリデーションは非常に重要な要素です。この記事では、PHPを使ったフォームからのデータ受け取りとバリデーションについて解説します。 GETとPOSTの違い GETとPOSTは
PHPのヒアドキュメントは複数行の文字列を表現する際に非常に便利な構文です。この記事では、ヒアドキュメントの基本的な使い方から応用的な使い方、さらにはNowdoc構文について紹介します。 ヒアドキュメントの使い方 書式 PHPのヒアドキュメ
【PHP入門】文字列を出力する方法 echoとprintの違い
PHPで文字列を表示する場合、echoとprintの2つの方法があります。この記事では、echoとprintの違いや、使い方を解説します。 echoとprintの違い PHPには、文字列を出力するための構文が2つあります。echoとprin
PHPで文字列や変数を結合する方法を解説します。 結合演算子(.)の使い方 PHPでは、文字列を連結するために結合演算子.を使うことができます。この演算子は、左右の文字列を結合して一つの文字列を作ります。 echo 'はろー、
以前はプログラミングスクールといえば教室に通って受講するものだったのですが、現在はオンラインで受講できるスクールが主流になっています。 地方に住んでいてスクールに通うのが難しい 仕事終わりや家事の合間などのすきま時間を利用して学びたい ひき
PHPで条件によって処理を分岐する構文、switch文の基本的な使い方、応用的な使い方、またif文との違いについて解説します。 switch文の使い方(基本編) switch文の書き方は次のとおりです。 丸括弧()の中に「式A」、case句
PHPで配列の要素をひとつずつ取り出して繰り返し処理する構文、foreach文の解説をします。 foreach文の使い方 foreach文は、配列の要素をひとつずつ取り出して順番に処理していきます。すべての要素を処理したら、ループは終了しま
PHPで繰り返し(ループ)処理をするときの構文、for文とwhile文の解説をします。 for文の使い方 回数を指定して繰り返し処理をする場合は、for文を使います。 for文の書き方は次のとおりです。 for (初期値; 条件式; 増減式
PHPで条件によって処理を分岐する方法を解説します。これができるようになると「嗚呼、私、プログラミングしてる」と実感できます。 if文の使い方 if文とは「もし〇〇だったら、△△する。そうでなければ、××する。」のように条件に応じて処理を変
PHPのライブラリ管理ツール Composer のインストール方法と使い方を解説します。 Composerとは Composerとは、PHPのライブラリ管理ツールです。 ライブラリを一元管理できる PHPで使用するライブラリをすべてComp
PHPで複数の配列を結合(マージ)してひとつにまとめるにはarray_merge関数を使う方法、array_merge_recursive関数を使う方法、配列結合演算子+を使う方法があります。これらの違いと使い方を解説します。 array_
【PHP】メールを送信する方法 mb_send_mail関数の使い方
PHPで日本語のメールを送信する方法を解説します。 mail関数かmb_send_mail関数か PHPでメールを送信する方法としてmailとmb_send_mailの2つの関数があります。 mail関数は英語などのシングルバイト文字でメー
PHPでログイン機能を実装する方法をできるだけ簡単に解説します。 ユーザ登録 メールアドレスとパスワードを使って認証するログインシステムを作ります。ユーザデータはMySQLに保存します。 //フォームから受け取った値を変数に代入 $emai
【PHP】ページが真っ白でお困りのあなたへ エラーを表示する方法
PHPスクリプトを実行したらページが真っ白で途方に暮れているそこのあなた。私が助けてあげましょう(偉そう)。 なぜ真っ白なのかというと、エラーが発生しているのにエラーメッセージが表示されないからなのです。エラーメッセージを表示する方法を私が
【PHP】MySQLに接続するする最適な方法 PDOの使い方
PHP から MySQL に接続する方法を解説します。 PDO と mysqli どっちがいいの?とか、query と prepare どっちを使うべき?ということも、わかりやすく説明しちゃいます。 PDO と mysqli どちらを使うべ
PHP で日付や時刻を任意のフォーマットで出力する方法を解説します。「2000年01月01日」とか「00/01/01」とか、そーゆーことです。 3通りの方法があるので、どれを使うべきかなんて話もしていきます。 (1) date 関数で日付・
VMware Fusion 13でM1 MacにWindows 11をインストール
2022年11月17日に VMware Fusion のバージョン13が正式リリースされました。わーい。 VMware Fusion 13 は Intel Mac と Appleシリコン Mac の両方に対応しています。そして、VMware
ParallelsでM1 MacにUbuntu 22.04をインストール
Parallels Desktop を使って M1 Mac に Ubuntu 22.04 TLS をインストールします。 インストール自体は簡単なのですが、日本語化するときにちょっとつまずいたので、そこの解説もしていきます。 環境 Mac
簡単になった!UTM 4.0でM1 MacにWindows 11をインストール
仮想化ソフト UTM が バージョン4.0にアップデートされ、Windows 11 のインストールがとーーっても簡単になりました。インストールの途中でコマンドプロンプトを開いて何やら謎の呪文を入力して...みたいなことは不要になりました。や
Ubuntu Desktop を日本語で利用するための設定について解説していきます。 Ubuntuの日本語化 STEP設定を開く デスクトップの右上にある音量電源アイコン(正式な名前は知りませぬ)から「Settings」をクリックします。
無料で使える仮想化ソフト UTM がメジャーアップデートしてバージョンが 4.0 になりました。いえーい。 ということで、これに Ubuntu をインストールしてみます。 環境 Mac mini (M1, 2020) macOS Ventu
.gitignoreの書き方 Gitの管理から除外するファイルを指定
Gitによるバージョン管理において、特定のファイルを管理から除外する設定の解説です。 グローバルな設定とディレクトリ単位の設定 グローバルな設定 Gitで管理するすべてのプロジェクト(ディレクトリ)に対して除外設定をするには、~/.conf
Gitでコミットの履歴を表示するコマンドgit logはデフォルトのままだと見づらいですよね。カスタマイズしようと思ってgit help logしたところ、とても長い英語のマニュアルが表示されやがって絶望したので、カスタマイズ方法を日本語で
あなたは GitHub をご存知だろうか。元 CHAGE and ASKA のASKA氏が最も恐れている謎の組織のことですね。 という冗談は置いといて、Git とか GitHub ってチームで開発するときに使うものなんじゃないの?というあな
ChromeOS FlexをiMac(Late 2009)にインストールしてみた
部屋の片隅に役目を終えた古いMacがたたずんでいたので、ChromeOS Flex をインストールしてあげることにしました。13年も前の iMac だけど大丈夫でしょうか。 結論から申し上げると、インストールはできたし、ほぼちゃんと動作しま
Macにe-Taxソフト(ダウンロード版)をインストールする方法
ノッてるかい?(いえーい!) Macで法人税の申告がしたいかい?(いえーい!) というわけで、Macでe-Taxソフト(WEB版ではない)を利用するのはアリなのかナシなのか、どうやってインストールするのかなどを解説していきます。 e-Tax
Mac で会計ソフトを使いたい場合、いくつかの選択肢がありますが、ズバリ弥生会計のインストール型がオススメです。 なぜオススメなのか、どうやってインストールするのかを解説していきます。いえい。 インストール型か?クラウド型か?弥生か?それ以
【MacでWindows】仮想化ソフトUTM/VMware/Parallelsの比較
MacでWindowsを使いたいとか、Linuxを使いたいとか、いにしえのmacOSを動かしたいとか、ワガママばかり言っているのはどこのどいつでしょうか。 というわけで、Appaleシリコン(M1, M2) Macで動作する仮想化ソフトの中
Mac にはあらかじめ Python がインストールされています。なので、わざわざインストールする必要はありません。はい、終了〜。 というわけにもいかないので、今回は Mac に Python をインストールする方法を解説していきます。ma
アフィリエイターたちがこぞっておすすめするレンタルサーバーの「エックスサーバー」について、その人気の理由を探ってみたところ、おかしな点に気が付きましたのでご報告します。 結論を言うと、エックスサーバーのCPU・メモリのリソース保証って嘘だよ
Rocky Linux 9.0をM1 Macにインストール UTM編
エイドリア===ン! というわけで、サポートが終了した CentOS の乗り換え先候補の一つである Rocky Linux を M1 Mac にインストールしてみます。仮想化ソフトは UTM を使います。 環境 Mac mini (M1,
進化してる!VMwareでM1 MacにWindows 11をインストール (Tech Preview 22H2)
Mac上で動作する仮想化ソフト VMware Fusion の最新の Tech Preview 版が2022年7月28日にリリースされました。Windows 11 にも対応したということなので、さっそく試してみましょう。 環境 Mac mi
Tabulatorの使い方 jQuery不要 DataTables代替
みんな、テーブルってどうしてる? というわけで、絞り込みや並べ替えなどの機能を備えた多機能なHTMLテーブルを作成できるJavaScriptライブラリのTabulatorの使い方を解説していきます。 私はこれまでDataTablesを使って
レンタルサーバーをお探しでしょうか。偶然にもこのページに迷い込んだあなたはラッキーです。レンタルサーバーの真実がここにあります。 面倒な講釈は後回しにして、次のレンタルサーバー比較表であなたに最適なレンタルサーバーを見つけましょう。条件で絞
Parallels Desktopが10%オフになるクーポンコード
拝啓 入道雲が空に映え、まぶしい夏の到来を告げています。平素は格別のご高配を賜り厚く御礼申し上げます。 さて、本日はこのページをご覧の方だけに特別に(かどうかは分かりませんが)用意いたしましたクーポンコードのご案内をさせていただきます。 記
Parallels Desktopが10%オフになるクーポンコード
拝啓 入道雲が空に映え、まぶしい夏の到来を告げています。平素は格別のご高配を賜り厚く御礼申し上げます。 さて、本日はこのページをご覧の方だけに特別に(かどうかは分かりませんが)用意いたしましたクーポンコードのご案内をさせていただきます。 記
脱jQueryの勢いが増しております。 ちょっと前まで「まだjQuery使ってないの!?おっくれてるぅ〜」とか言っていた女子高生も、今では「エーッ!?まだjQueryなんか使ってるの?ダッサ〜い」と言っているとかいないとか。jQueryは何
Parallels Desktopを安く購入する方法 買い切り サブスク セール 裏技
おめでとうございます。(何が) Parallelsの購入を検討している時点で、あなたはもう人生の勝ち組なのです。高価なWindowsマシンを買わずにMacもWindowsも華麗に使いこなす未来がすぐそこにあります。 というわけで、Paral
Ubuntu 22.04をM1 Macにインストール Parallels編
M1 Mac上のParallels Desktop 17 for MacにUbuntu 22.04をインストールします。 チェックポイント(藤井一子) Parallels Desktop 17に標準で組み込まれているインストール方法だと、U
Windows 11のライセンス認証、無料で使いたい!安く買いたい!
UTM、VMware Fusion、Parallels Desktop などの仮想化ソフトを使ってMacにWindowsをインストールしたときに悩まされるのがライセンス認証どうするか問題です。macOSは無料ですからね。OSなんかにカネが払
Parallels Desktop上のWindows 11キーボードまわりの設定
Parallels DesktopでWindows 11をインストールした直後に、キーボードで@が入力できずにひとりむせび泣いたのはこの私です。その時は「あっと」と入力してから変換するというアッと驚く為五郎的な(古い)機転を利かせて乗り切り
超簡単!ParallelsでM1 MacにWindows 11をインストール
これまでいろいろな仮想化ソフトを使ってMacにWindowsをインストールするというオトナの遊びを嗜んでまいりましたが、とうとう禁断の果実 Parallels Desktop に手を出す時が来てしまいました。なにが禁断かって、有料ですよ。み
panic: ufs_dirbad: /: bad dir ino … エラーの解決法
FreeBSDでpanic: ufs_dirbad: /: bad dir ino 9999999 at offset 512 mangled entry のようなカーネルパニックが発生した場合の解決方法です。 解決方法 STEPエラーメッ
VMwareでM1 MacにWindows 11をインストール
仮想化ソフトVMware Fusionを使ってM1 MacにWindows 11をインストールしていきます。 VMwareもWindows 11も開発者向けのものを使用するので機能面での制約はありますが、Parallels やUTMと比べて
【M1 Mac】UUP dumpでWindowsのISOイメージを作成する方法
知ってました?WindowsのインストールディスクイメージをM1 Mac上で作成することができるんですって。最初はちょっと手間がかかりますが、一度環境を整えてしまえばあとはいろんなバージョンのWindowsのインストールイメージを作り放題で
もう待てない!Appleシリコン(M1)対応のVMware Fusionをインストール
Appleシリコン(M1)に対応した仮想化ソフトのVMware Fusionが2022年の春頃に公開されるのではないかと言われていたので全裸待機しているのですが、なかなか公開されないのですでに公開されているPublic Tech Previ
FreeBSD 13.1リリース記念🎉 UTMでM1 MacにFreeBSDをインストール
私の大好物なOSといえば・・・ご存知のとおりFreeBSDですね(知らねえよ)。そのFreeBSDのバージョン13.1がリリースされましたー(パチパチパチ)。これを祝してUTMを使ってM1 MacにFreeBSDをインストールしていきたいと
ぜんぜん使える!UTMでM1 MacにWindows 11をインストール
長年使ってきたWindowsのノートパソコンが重くて重くてどうしようもないんですよ。いっそのことMacにWindowsをインストールしたほうが軽やかに滑らかに使えるんじゃないかと思い立ち、仮想化ソフトのUTMを使ってM1 MacにWindo
想像以上に軽快!UTMでM1 MacにUbuntu 22.04をインストールする手順
思い返せば、1年ちょっと前にIntel MacからM1 Macに機種変したときに(言い方あってる?)、それまで使っていたVirtualBoxが動かなくなったのが終わりの始まりだったのです。もう仮想化ソフトを使ってMacにLinuxをインスト
ValitronはPHPでフォームからデータを受け取るときにデータをバリデーション(検証)する機能を提供するライブラリです。依存関係もなくインストールされるファイルは最小限、とてもシンプルで使いやすいライブラリです。 Valitronのイン
JavaScriptで書かれたフォームバリデーションライブラリParsley.jsの使い方を解説します。JacaScriptがわからなくてもHTMLの記述だけで利用できますし、JavaScriptの達人ならばさらに高度な使い方ができるとても
フォームに入力されたデータをサーバで受け取る時にはデータのバリデーション(検証)をしなければなりません。今回はライブラリなどを使用しないで、とにかく手軽にHTMLの機能だけでバリデーションをして、CSSで検証結果を表示する方法を解説します。
PHPの関数、とても便利で重宝しておりますが、どんな関数がよく使われているか気になったので、調べるスクリプトを作りました。ぜひご利用ください。 PHPよく使う関数チェッカー PHPのコードで組み込み関数が何回使われているかを数えます。テキス
プログラミングをしていて変数名を決める時に、当たり前のように英語で命名していませんか?絶対に英語じゃなきゃダメなんですか?思い込まされていませんか?私は日本語の変数名を使うことに決めました。 変数名に使える文字 - PHPの場合 PHPの変
プログラミングをしていて変数名を決める時に、当たり前のように英語で命名していませんか?絶対に英語じゃなきゃダメなんですか?思い込まされていませんか?私は日本語の変数名を使うことに決めました。 変数名に使える文字 - PHPの場合 PHPの変
プログラミングをしていて変数名を決める時に、当たり前のように英語で命名していませんか?絶対に英語じゃなきゃダメなんですか?思い込まされていませんか?私は日本語の変数名を使うことに決めました。 変数名に使える文字 - PHPの場合 PHPの変
Bootstrapで作られたウェブサイトというのは、どうしても一見してBootstrapで作ったとわかてしまうものが多いです。そんなブートストラップブートストラップしたデザインからの脱却を目指して、この度Bootstrap5ををSassを使
Bootstrapで作られたウェブサイトというのは、どうしても一見してBootstrapで作ったとわかてしまうものが多いです。そんなブートストラップブートストラップしたデザインからの脱却を目指して、この度Bootstrap5ををSassを使
Bootstrapで作られたウェブサイトというのは、どうしても一見してBootstrapで作ったとわかてしまうものが多いです。そんなブートストラップブートストラップしたデザインからの脱却を目指して、この度Bootstrap5ををSassを使
CSSを効率的に記述するためのメタ言語SassをMacにインストールします。Homebrewを使って40秒でインストールが完了します。では、レッツラゴー(死語)。 環境 Mac mini (M1, 2020)macOS MontereyHo
CSSを効率的に記述するためのメタ言語SassをMacにインストールします。Homebrewを使って40秒でインストールが完了します。では、レッツラゴー(死語)。 環境 Mac mini (M1, 2020)macOS MontereyHo
CSSを効率的に記述するためのメタ言語SassをMacにインストールします。Homebrewを使って40秒でインストールが完了します。では、レッツラゴー(死語)。 環境 Mac mini (M1, 2020)macOS MontereyHo
MacにNode.jsをインストールしてバージョン管理する方法
MacにNode.jsをインストールしていきます。インストールの方法はいろいろありますが、今回はバージョン管理ツールのfnmを使って、プロジェクト(ディレクトリ)ごとにNode.jsのバージョンを切り替えて使えるようにします。 前半でインス
MacにNode.jsをインストールしてバージョン管理する方法
MacにNode.jsをインストールしていきます。インストールの方法はいろいろありますが、今回はバージョン管理ツールのfnmを使って、プロジェクト(ディレクトリ)ごとにNode.jsのバージョンを切り替えて使えるようにします。 前半でインス
MacにNode.jsをインストールしてバージョン管理する方法
MacにNode.jsをインストールしていきます。インストールの方法はいろいろありますが、今回はバージョン管理ツールのfnmを使って、プロジェクト(ディレクトリ)ごとにNode.jsのバージョンを切り替えて使えるようにします。 前半でインス
テキストの折り返しを設定するためのCSSのプロパティっていくつもあってややこしいですよね。設定しても思い通りに改行されないムキー!となっているあなた、落ち着いてください。ここに解決策があります。 用語の説明 CJK言語 CJK(中国語、日本
テキストの折り返しを設定するためのCSSのプロパティっていくつもあってややこしいですよね。設定しても思い通りに改行されないムキー!となっているあなた、落ち着いてください。ここに解決策があります。 用語の説明 CJK言語 CJK(中国語、日本
テキストの折り返しを設定するためのCSSのプロパティっていくつもあってややこしいですよね。設定しても思い通りに改行されないムキー!となっているあなた、落ち着いてください。ここに解決策があります。 用語の説明 CJK言語 CJK(中国語、日本
Mac ターミナルの使い方 ターミナルとシェル(zsh)のカスタマイズ
Macのターミナルはデフォルトの状態だととても見づらいですよね。なんでこんなにダサい見た目なんだろうと思うのですが、もしかしたらカスタマイズの楽しさを私たちに気付かせるためのAppleの粋な計らいなのかも知れません。 ということで、ターミナ
Mac ターミナルの使い方 ターミナルとシェル(zsh)のカスタマイズ
Macのターミナルはデフォルトの状態だととても見づらいですよね。なんでこんなにダサい見た目なんだろうと思うのですが、もしかしたらカスタマイズの楽しさを私たちに気付かせるためのAppleの粋な計らいなのかも知れません。 ということで、ターミナ
Mac ターミナルの使い方 ターミナルとシェル(zsh)のカスタマイズ
Macのターミナルはデフォルトの状態だととても見づらいですよね。なんでこんなにダサい見た目なんだろうと思うのですが、もしかしたらカスタマイズの楽しさを私たちに気付かせるためのAppleの粋な計らいなのかも知れません。 ということで、ターミナ
Macのターミナルでよく使うコマンドからあまり使わないけどぜひ試してほしいコマンドまで幅広く紹介していきます。Macだけじゃなくて、他のUNIX/Linux系OSでも使える知識なので覚えて損はありません。 よく使うコマンド pwd現在の作業
Macのターミナルでよく使うコマンドからあまり使わないけどぜひ試してほしいコマンドまで幅広く紹介していきます。Macだけじゃなくて、他のUNIX/Linux系OSでも使える知識なので覚えて損はありません。 よく使うコマンド pwd現在の作業
「ブログリーダー」を活用して、勘解由小路まさをさんをフォローしませんか?
HTML学習初心者のつまずきポイント第1位がname, id, class属性の使い分けと言われています(どこで)。 というわけで、これらの属性の違いと使い方をわかりやすく解説したいと思います。 HTMLの歴史から見るname, id, c
あなたはwidth: 50%の2つのinline-block要素が横並びにならずに小一時間悩んだことがありますか?私はあります。そして、あなたもそうだから今ここにたどり着いたのでしょう。 子要素A 子要素B 理想 子要素A 子要素B 現実
やっほー。この記事ではモーダルダイアログのデザインを具体例を挙げて紹介します。 ダイアログのデザインはUX(ユーザエクスペリエンス)に配慮する必要があります。ユーザをイライラさせないいい感じのダイアログのデザインを紹介します。コピペして使っ
JavaScriptでダイアログボックスを表示するとき、一般的にはalert(), confirm(), prompt()などのメソッドを使います。ただし、この方法で表示させるダイアログはカスタマイズができないんですよね。 この記事では、H
お待たせいたしました。お待たせしすぎたかもしれません。Macで動く仮想化ソフトの王様Parallelsの新バージョン、Parallels Desktop 19 for Macがリリースされました。わーい。 というわけで、新機能を紹介していき
お問合せフォームなどの送信時に確認画面を表示するのは世界中で日本だけと言われています。なんと、日本以外の国々では確認画面は不要とされているのです。 では、世界標準にならってフォームの確認画面をなくしてしまえばよいのでしょうか。ちょっちゅ待っ
セキュリティと利便性のバランスはウェブデザインにおいて永遠のテーマである。そう言ったのはアリストテレスだったでしょうか。←違います。 フォームのパスワード入力欄に文字列を入力するとセキュリティの関係で黒い点々で表示されるわけですが、入力した
最近どう?インストールしてる? というわけで、Windowsのインストーラ(ISOイメージ)をMac上で簡単に作成できるソフトCrystalFetch ISO Downloaderがリリースされたのでご紹介します。 作成したISOイメージで
の購入でお悩みのあなたへ、どのエディションを選べばよいのか詳しく解説します。 また、永久ライセンスとサブスクリプションのメリット・デメリットを比較し、賢い選択ができるように費用のシミュレーションもご紹介します。 この記事を読めばParall
JavaScriptは比較的独学でも学びやすいプログラミング言語です。それでも「何から始めれば良いかわからない」「やってみたけど挫折しちゃったぜ、ベイベー」というあなたには、スクールで学ぶことをおすすめします。 この記事では、初心者向けにJ
初心者が最初に学ぶべきプログラミング言語といえば?そう、JavaScriptですね(筆者の独断)。 JavaScriptを独学で習得したいあなたに、学習のロードマップ、おすすめの学習サイトや書籍などをご紹介します。実際に独学で学んできた私を
これからプログラミングを学ぼうとしている人の第一関門がどの言語を選ぶかです。断言します。挫折しない言語を選びましょう。 自分のやりたいこと、目的に応じて選んではいけません。年収の高さで選んではいけません。もしそれが難易度の高い言語だったらそ
PHPで、文字列の中に特定の文字列が含まれるかを検索する4つの関数str_contains, strpos, strstr, preg_matchについて解説します。 PHPで文字列を検索する方法の比較表 PHPで文字列を検索する4つの関数
PHPでUNIXコマンドを実行する方法っていろいろあって迷っちゃう♪と困り果てているあなたに朗報です。この記事では、以下の5つの方法を比較して解説します。 exec() passthru() system() shell_exec() 実行
IT用語・プログラミング用語というのは、文字で入力することが多く、声に出して発音するときに読み方がわからないものが意外と多いですよね。 大きく分けると、造語や略語で読みづらいもの、普通の英語なんだけど日本人にとって読みづらいものの2つがある
この記事では、PHPが学べるプログラミングスクールを紹介します。 PHPは、主にWEBアプリケーションを開発するときに使われるプログラミング言語です。WordPressは日本国内のCMSで80%以上のシェアを占めていますが、このWordPr
PHPで、ファイルを読み込んだり書き込んだりする関数やクラスの使い方について解説します。 file_***_contents関数 - シンプルにまるっと処理する PHPでファイルの読み込みや書き込みをする最も簡単な方法が、file_get_
SSHでリモートサーバーに接続するときの認証方法には、公開鍵認証とパスワード認証の2種類があります。 この記事では、公開鍵認証の方法について解説します。初期設定はちょっと面倒で敬遠されがちだけどデキるエンジニアはみんな使っているといわれてい
この記事では、PHPでSSHやSFTPを利用するためのライブラリphpseclib 3.0の使い方を解説します。 phpseclibのインストール phpseclibは、PHPのライブラリ管理ツールComposerを使ってインストールします
おはこんばんちわ。この記事では、PHPの関数を呼び出して利用する方法やユーザ定義関数の作成方法について解説します。 関数とは プログラム内では、同じ処理を何度も繰り返すことがあります。このように、繰り返し使用する処理をまとめて一つのブロック
ノッてるかい?(いえーい!) Macで法人税の申告がしたいかい?(いえーい!) というわけで、Macでe-Taxソフト(WEB版ではない)を利用するのはアリなのかナシなのか、どうやってインストールするのかなどを解説していきます。 e-Tax
Mac で会計ソフトを使いたい場合、いくつかの選択肢がありますが、ズバリ弥生会計のインストール型がオススメです。 なぜオススメなのか、どうやってインストールするのかを解説していきます。いえい。 インストール型か?クラウド型か?弥生か?それ以
MacでWindowsを使いたいとか、Linuxを使いたいとか、いにしえのmacOSを動かしたいとか、ワガママばかり言っているのはどこのどいつでしょうか。 というわけで、Appaleシリコン(M1, M2) Macで動作する仮想化ソフトの中
Mac にはあらかじめ Python がインストールされています。なので、わざわざインストールする必要はありません。はい、終了〜。 というわけにもいかないので、今回は Mac に Python をインストールする方法を解説していきます。ma
アフィリエイターたちがこぞっておすすめするレンタルサーバーの「エックスサーバー」について、その人気の理由を探ってみたところ、おかしな点に気が付きましたのでご報告します。 結論を言うと、エックスサーバーのCPU・メモリのリソース保証って嘘だよ
エイドリア===ン! というわけで、サポートが終了した CentOS の乗り換え先候補の一つである Rocky Linux を M1 Mac にインストールしてみます。仮想化ソフトは UTM を使います。 環境 Mac mini (M1,
Mac上で動作する仮想化ソフト VMware Fusion の最新の Tech Preview 版が2022年7月28日にリリースされました。Windows 11 にも対応したということなので、さっそく試してみましょう。 環境 Mac mi
みんな、テーブルってどうしてる? というわけで、絞り込みや並べ替えなどの機能を備えた多機能なHTMLテーブルを作成できるJavaScriptライブラリのTabulatorの使い方を解説していきます。 私はこれまでDataTablesを使って
レンタルサーバーをお探しでしょうか。偶然にもこのページに迷い込んだあなたはラッキーです。レンタルサーバーの真実がここにあります。 面倒な講釈は後回しにして、次のレンタルサーバー比較表であなたに最適なレンタルサーバーを見つけましょう。条件で絞
拝啓 入道雲が空に映え、まぶしい夏の到来を告げています。平素は格別のご高配を賜り厚く御礼申し上げます。 さて、本日はこのページをご覧の方だけに特別に(かどうかは分かりませんが)用意いたしましたクーポンコードのご案内をさせていただきます。 記
拝啓 入道雲が空に映え、まぶしい夏の到来を告げています。平素は格別のご高配を賜り厚く御礼申し上げます。 さて、本日はこのページをご覧の方だけに特別に(かどうかは分かりませんが)用意いたしましたクーポンコードのご案内をさせていただきます。 記
脱jQueryの勢いが増しております。 ちょっと前まで「まだjQuery使ってないの!?おっくれてるぅ〜」とか言っていた女子高生も、今では「エーッ!?まだjQueryなんか使ってるの?ダッサ〜い」と言っているとかいないとか。jQueryは何
おめでとうございます。(何が) Parallelsの購入を検討している時点で、あなたはもう人生の勝ち組なのです。高価なWindowsマシンを買わずにMacもWindowsも華麗に使いこなす未来がすぐそこにあります。 というわけで、Paral
M1 Mac上のParallels Desktop 17 for MacにUbuntu 22.04をインストールします。 チェックポイント(藤井一子) Parallels Desktop 17に標準で組み込まれているインストール方法だと、U
UTM、VMware Fusion、Parallels Desktop などの仮想化ソフトを使ってMacにWindowsをインストールしたときに悩まされるのがライセンス認証どうするか問題です。macOSは無料ですからね。OSなんかにカネが払
Parallels DesktopでWindows 11をインストールした直後に、キーボードで@が入力できずにひとりむせび泣いたのはこの私です。その時は「あっと」と入力してから変換するというアッと驚く為五郎的な(古い)機転を利かせて乗り切り
これまでいろいろな仮想化ソフトを使ってMacにWindowsをインストールするというオトナの遊びを嗜んでまいりましたが、とうとう禁断の果実 Parallels Desktop に手を出す時が来てしまいました。なにが禁断かって、有料ですよ。み
FreeBSDでpanic: ufs_dirbad: /: bad dir ino 9999999 at offset 512 mangled entry のようなカーネルパニックが発生した場合の解決方法です。 解決方法 STEPエラーメッ
仮想化ソフトVMware Fusionを使ってM1 MacにWindows 11をインストールしていきます。 VMwareもWindows 11も開発者向けのものを使用するので機能面での制約はありますが、Parallels やUTMと比べて
知ってました?WindowsのインストールディスクイメージをM1 Mac上で作成することができるんですって。最初はちょっと手間がかかりますが、一度環境を整えてしまえばあとはいろんなバージョンのWindowsのインストールイメージを作り放題で