どうも、白夜霧（@KiRi_Byakuya）です。 今回はWindowsの環境に「XAMPP」をインストールする方法と最低限の設定内容の覚書。 完全無料のウェブアプリケーションパッケージ「XAMPP（ザンプ）」とは？ XAMPP（ザンプ）は、ウェブアプリケーションの実行に必要なフリーソフトウェアをパッケージとしてまとめたもので、apachefriends.orgから提供されている。主として開発用あるいは学習用ではあるが、イントラネットなどにおいて実運用環境として使われることもある。 引用：wiki ApacheやPHP、MySQLなどウェブアプリを作る上で必須となるフリーソフトをパッケージ化したソフト。完全に無料で誰でも使え、初心者はまずお世話になる感じ。 XAMPPをダウンロードしてインストールXAMPPを公式ページからダウンロードをして、exeファイルを起動する。※私の場合はバージョン

「XAMPP」をインストールした後の必要最低限のセキュリティ設定について解説します。XAMPPを起動する前に、データーベースのパスワードを設定してみましょう。XAMPPのインストール方法については、関連記事をご参考下さい。 関連記事：XAMPPをインストールしてみよう！ 関連リンク：XAMPP公式サイト[https://www.apachefriends.org/jp/index.html] 1. XAMPPを使う前に 前回のコラム「XAMPPをインストールしてみよう！」では、Windows 10(64bit OS)に「XAMPP 7.1.9 (PHP 7.1.9)」をインストールしました。今までの「XAMPP」と比較して大きく異なる点があります。2015年7月23日のアップデート(v5.6.11)で、データーベースが「Mysql」から「MariaDB」に変更された事と「XAMPP」セキュ

開発/検証環境を手軽に構築するためにはXamppの導入は有効ですが、Xamppに含まれるDBが本番サーバーのDBと異なる場合、同じものにあわせて検証をおこなう必要があります。 今回は本番サーバーのDBがMySQLと仮定して、Xamppに含まれているMariaDBをMySQLに置き換える方法をシェアしたいと思います。 本記事は前回の「XamppのMariaDBをMySQLに置き換える方法(1)」の続きです。 まずはXAMPP Control PanelからMySQLの停止をおこないます。 つぎに C:\xampp7422\mysql を C:\xampp7422\mariadb にリネームします。 前回ダウンロードした mysql-8.0.26-winx64.zip の解凍をおこない、以下に設置します。 C:\xampp7422\mysql つぎに C:\xampp7422\mariadb\

XAMPP(ザンプ)のインストール方法は過去記事「WindowsでPHPを動かすための環境構築手順【XAMPP（ザンプ）】」でご紹介しました。 XAMPPインストール後のControl PanelにはMySQLと表示されてるのですが実はXAMPPデフォルトのDBはMariaDBです。 XAMPPの標準DBがMariaDBであることに気付いたとき、多くの開発者が驚かれます。XAMPPはPHP開発者にとって非常に便利なローカル開発環境ですが、MariaDBとMySQLの違いやその使い方について混乱することがあります。そこで、今回はXAMPPのデフォルトデータベースであるMariaDBをMySQLに変更する方法について詳しく解説します。 （以下、Windows11のPC環境で行った内容になります） はじめに XAMPPを使用すると、簡単にWindowsでPHPの環境を構築することができます。しか

Vincent Driessenさんの "A successful Git branching model" を翻訳しました。 元記事はこちら： http://nvie.com/posts/a-successful-git-branching-model/ （翻訳の公開と画像の利用は本人より許諾済みです） このブランチモデルの導入を補助してくれる、git-flowというGit用プラグインがあるそうです。 翻訳の間違い等があれば遠慮なくご指摘ください。 A successful Git branching model この記事では、私のいくつかのプロジェクト（仕事でもプライベートでも）で約一年ほど導入して、とてもうまくいくことがわかった開発モデルを紹介する。しばらく前からこれについて書くつもりだったんだが、今まですっかりその時間を見つけられずにいた。ここでは私のプロジェクトの詳細については書

ウェブページを作成する際には、古いブラウザでどう表示されるのかも確認したいことがあります。しかし、同一の環境内でInternet Explorer(IE)の複数バージョンを共存させることはできませんから、古いIEでの表示確認は簡単ではありません。 そこでMicrosoftの用意した解決策が、「特定バージョンのIEがインストールされているWindowsそのものの無料配布」です。例えば「IE8がインストールされたWindows7」などのOSイメージを、様々な仮想マシンイメージの形で無料公開しています。 これらの仮想マシンを使えば、普段利用するPCに最新版のIEがインストールされていても、簡単に古いバージョンのIEを使って表示・動作確認ができます。例えば下図は、IE11とIE7の2つを同時に起動したところです。 上図では、 ホストOSであるWindows7上で起動しているIE11(左側)とは別に

ウェブフォントにハマりすぎて、かなり泥沼化していたのですが…。この度ようやく1つのゴールに辿り着くことができました。 その結果が「Noto Sans CJK JP」の採用です。 しかしこのフォント、Webフォントとして使用するには些かサイズが大きすぎるのが問題。そのまま使ってはページの読込速度に大きく影響してしまいます。 そこで必要なのが、フォントの軽量化。具体的にはこれを「サブセット化」と言います。 Noto Sans とは？ 最初にちょっと「Noto Sans」というフォントについてご紹介しましょうか。 これは、 Google が、Adobe と共同開発した無料かつオープンソースのフォントファミリーNoto Sans CJK をリリースしました。 via: Google、オープンソースの日中韓フォントNoto Sans CJK を無料配信。Adobe と共同開発 - Engadget

Larys Control 2 is a FREE photoshop extension made by a collection of 7 scripts that make tedious photoshopping jobs much easier. This latest version is compatible with Photoshop CC and CC 2014. Features Layer Name Editor This function allows you to name your layers and folder with great control and functionality. Credits: Paul Riggott & Evgeny Trefilov Remove Unused Effects Allows you to remove u

Iconion: awesome icon creator Iconion allows you to convert any icon font into fantastic-looking png icons by adding color, shadow, background, gradient, stroke and many other fancy elements. Iconion Icon Generator Icon fonts are an exciting method that gives web designers the scalability, flexibility, and performance to manipulate the icons. But what if you need to use these icons in a desktop or

これは素敵すぎる！ アイコン画像の作成は大変です。小さな画像ながら、それを見て内容が理解できないとアイコンとしての意味がありません。最近ではIconfinderのようなサイトもできていますが、色味やサイズがほんの少し合わないと言ったことも多いはずです。 そこで使ってみて欲しいのがIconionです。アイコンのピックアップと設定変更だけで簡単に素敵なアイコン集ができてしまいますよ！ Iconionの使い方 Windows版とMac OSX版がありますのでお好きな方をダウンロードし、起動しましょう。 メイン画面です。これだけでほぼ使い方が分かってしまいますよね。左側にアイコンが並んでいますので好きなものを選択しましょう。 アイコンを選択すると中央のプレビューが変わります。さらにその下にアイコンが登録されます。 色や角丸のサイズなどを自由に変更できます。 さらにスタイルを変更するとまとめて設定が

iOSはFlashに対応していないため、これまでウェブデザインには限界がありましたが、そんなウェブデザインの幅を広げるであろう、動くHTML5広告を制作できるツール「Google Web Designer」ベータ版がGoogleから公開されました。非常に直感的に使えるツールとなっており、アニメーションやイメージギャラリーも簡単に作れるということなので、実際にアニメーションなどを作ってみました。 Google Web Designer http://www.google.com/webdesigner/ 実際に作成したアニメーションは以下のような感じです（動いていない場合はブラウザを更新して再読み込みすれば再度動きます）。 まずは「Download Web Designer Beta」をクリック。 利用規約が表示されるので、「Agree and Download」をクリックしてダウンロードを

Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different

こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー