Webアプリケーションの開発＆運用環境の定番である、「Apache + PHP + MySQL」の環境を簡単に構築できるのが「XAMPP」。Windows版、Mac OS X版、Linux版がある。 ここではXAMPP for MacOS Xのインストールと起動、設定方法を紹介する。 現時点で最新版は、XAMPP for Mac OS X Ver.0.7.2。以下のソフトが含まれている（抜粋）。 Apache 2.2.8（Webサーバ） PHP 5.2.5 （アプリケーション実行環境） Perl 5.10.0 + mod_perl 2.0.3 （アプリケーション実行環境） MySQL 5.0.51 （データベースサーバ） phpMyAdmin 2.11.4 （MySQLのGUI環境） SQLite 3.4.0 （データベースサーバ） phpSQLiteAdmin 0.2 （SQLiteのG
※注意※ パスワードは、自分で必ずオリジナルを考えて設定すること。また意味のある単語は避け、英字と数字の8文字以上の組み合わせにすること。 データベースの作成 XAMPPの管理画面を開く。 http://localhost/ 左メニューの「phpMyAdmin」をクリック。phpMyAdminの画面が開く。 (1) データベース「mywordpress」の作成 phpMyAdminのトップ画面で「データベース」をクリック。 データベースの一覧が表示される。 「新規データベースを作成する」の入力欄にデータベース名「mywordpress」を入力。 「作成」をクリック。 データベース「mywordpress」が作成され、「mywordpress」の設定画面になる。 左上の「phpMyAdmin」のロゴをクリックして、トップ画面に戻る。 (2) ユーザー「wpadmin」の追加 phpMyAdm
WordPressのインストール ここではこちらで入れたXAMPPに、この記事を書いている時点での最新版であるWordPress2.5をインストールする方法を解説します。 まずはWordPress日本語版公式サイトからファイルをダウンロードしましょう。 ダウンロードしてきたzipファイルを、フォルダも含めてそのまま C:\xampp\htdocs に解凍します。 C:\xampp\htdocs\wordpress という構成になると思います。 WordPressをインストールする前に、WordPressが使うデータベースを作りましょう。 XAMPPでApacheとMySQLを起動してください。 http://127.0.0.1/phpmyadmin/ にアクセスしてphpMyAdminを開きます。 （画像はクリックで拡大します） 上の画像の赤で囲んだ場所にある「新規データベースを作成する」
このブログはWordPressというオープンソースのソフトを使用しているのだけれど、これをマックOSXのローカルにインストールするべく、色々やってみた。そうすることによって、ネットに繋がなくてもデザインの変更などを試すことが出来る訳だ。僕はコンピュータ系の人間ではないので、非常に難しいことのように思っていたのだが、結論から言うと思ったより簡単だった。 WordPressはサーバーにMySQLとPHPで動作するアプリということで、この２つが動いているサーバーで使えるようになるのだが、実は僕はMySQLとPHPって何？っていうレベルだったりする。ざっくり言うとMySQLはデータベースソフト、PHPはWeb用のプログラミング言語ということらしい。なお現時点ではMySQLは4.0以上、PHPは4.3以上のバージョンがいるらしい。 実はマックOSXには必要なもののほとんどが既にインストールされている
最近のウェブデザインでよく使用されているエレメントの制作方法を1ステップずつ分かりやすく解説しているPhotoshopのチュートリアルをCarsonifiedから紹介します。
画像やテキストをフォーカスした際に、不透明度をコントロールするスクリプトをdavid walsh blogから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function() { //area 1 $('.fade-area-1').children().hover(function() { $(this).siblings().stop().fadeTo(500,0.5); }, function() { $(this).siblings().stop().fadeTo(500,1); }); //area 2 $('.fade-area-2').children().hover(function() { $(this).siblings().stop().fadeTo(500
Introduction I have gathered a long list of CSS optimization and file size reduction techniques that have been using by most designers/developers. Depend on the complexity of your CSS code, these techniques might greatly reduce your CSS file size, or maybe just a few kilobytes. Also, you might also want to read my previous post regarding CSS - 15 CSS Tips and Tricks to learn how to write more effi
クオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」 WEBページでもよく利用するボタンやバッジ。細かな所ですが、そういった所のレベルを上げる事でサイト全体のクオリティも上げる事ができます。今日紹介するのはクオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」です。 Slick and Clean Button in Photoshop 立体的なものから、クリアなものグラデーションで質感を表現したものまで様々なボタンが用意されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Glassy Button or En
TOP > WebDesign > クリエイティブなcoming soonを集めた「Beautiful Launching Soon pages」 サイトの製作中やコンテンツの準備中に表示されるcoming soon。NotFoundと同じく少しがっかりさせられてしまうページの一つではありますが、今回紹介するのは単にcoming soonと文字だけがはいっているのでは無く、少しアイデアをプラスしたクリエイティブなcoming soonを集めたエントリー「Beautiful Launching Soon pages」です。 6. Creative Joomla Design いくつか紹介されていますが、今回はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 13. Nuno Carvalho 14. Shabith Ishan 18. Watcher ユーザーと
[CSS]スタイルシートの実用的なテクニック集：レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編
WordPressユーザーには便利そうなツールのご紹介。templatrではページのレイアウトからそれぞれの要素のスタイルまで、かなり柔軟にカスタマイズしたテンプレートを作成可能です。 しかも操作はすべてインタラクティブ。自分が指定した設定をその場で確認しながら作業を進めていくことができます。もちろん作ったテンプレートはクリック一発でダウンロード可能ですよ。 ↑ まずはレイアウトを選択します。 ↑ 次にエレメントを選んでいろいろ設定。 ↑ YouTubeでの紹介ビデオもありますよ。 ご利用は無料です。こちらからどうぞ。 » Web2.0 – templatr – Template Generator
WordPress Sandbox テーマ
Sandbox テーマとは Sandbox という画期的なコンセプトのテーマが最近注目されていて、WordPress の次期デフォルト・テーマの有力候補とも目されています。 Update: 2007年12月25日に公開された Sandbox 1.2 についてこちらに書きました。 従来 WordPress のテーマというのは PHP テンプレートと CSS のスタイルシートがパッケージ化されたものでしたが、Sandbox ではこれらを明確に分離して、スタイルシート部分を “スキン” という新導入のレイヤーに置き換えました。テンプレートは単一のまま、スキンは複数から選ぶことができます。ちょうど現在テーマを複数から選んでいるように、Sandbox テーマの中でスキンを選ぶことができるようになるというわけです。 従来のテーマでは PHP と CSS の両方を理解していないとテーマの中身をいじること
WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリ色々 2009年08月05日- WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリを色々とまとめてみました。 どんどん便利なものが出てきて追うだけでも大変です（＾＾；） 目的に合いそうなものをチェックすればよいかも。 プラグイン・プラグインのまとめ Twitter Tools 2.0 | alexking.org WordPressとTwitterアカウント統合のためのプラグイン Display the Comment Stats on Your Advertising Page in WordPress wordpressで、広告主向けに、このサイトはどれだけのポストやカテゴリーがあって、どれだけコメントされているかという情報を表示する方法。 プラ
HONGKIATで、ドロップダウンメニューを作るスクリプトがまとまっています。 ざっといくつかご紹介。 » CSS Drop-Down Menu Framework GNUライセンスのCSSドロップダウンメニューフレームワーク » CSS Express Drop-Down Menus CSSでさくっとドロップダウンメニューを作る方法 » JavaScript Dropdown Menu with Multi Levels javascriptを使ったマルチレベルのドロップダウンメニュー » Smooth Navigational Menu jQueryを使ったマルチレベルのナビゲーション » Mega Drop-Down Menu メニューの中にグループを設定できるメガドロップダウンメニュー » Mega Drop-Down Menu MooTools1.2を使ったシンプルなドロップダウ
ユーザーに有用なウェブサイトをナビゲートする12種類のナビゲーションをOnextrapixelから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
