MacでWeb開発-(1) XAMPP for Macの環境設置
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
MacでWeb開発-(7) XAMPP for Macでブログを運営（WordPress） | Tokyo O life
※注意※ パスワードは、自分で必ずオリジナルを考えて設定すること。また意味のある単語は避け、英字と数字の8文字以上の組み合わせにすること。 データベースの作成 XAMPPの管理画面を開く。 http://localhost/ 左メニューの「phpMyAdmin」をクリック。phpMyAdminの画面が開く。 (1) データベース「mywordpress」の作成 phpMyAdminのトップ画面で「データベース」をクリック。 データベースの一覧が表示される。 「新規データベースを作成する」の入力欄にデータベース名「mywordpress」を入力。 「作成」をクリック。 データベース「mywordpress」が作成され、「mywordpress」の設定画面になる。 左上の「phpMyAdmin」のロゴをクリックして、トップ画面に戻る。 (2) ユーザー「wpadmin」の追加 phpMyAdm
WordPress をローカルサーバーにインストールする | prismnium
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をMac OSXのローカルで
このブログはWordPressというオープンソースのソフトを使用しているのだけれど、これをマックOSXのローカルにインストールするべく、色々やってみた。そうすることによって、ネットに繋がなくてもデザインの変更などを試すことが出来る訳だ。僕はコンピュータ系の人間ではないので、非常に難しいことのように思っていたのだが、結論から言うと思ったより簡単だった。 WordPressはサーバーにMySQLとPHPで動作するアプリということで、この２つが動いているサーバーで使えるようになるのだが、実は僕はMySQLとPHPって何？っていうレベルだったりする。ざっくり言うとMySQLはデータベースソフト、PHPはWeb用のプログラミング言語ということらしい。なお現時点ではMySQLは4.0以上、PHPは4.3以上のバージョンがいるらしい。 実はマックOSXには必要なもののほとんどが既にインストールされている
Twitterに自動で流してるRSSのクリック数を調べる方法
１ヶ月くらい前に書いて、すっかり忘れてて放置してた記事を公開します。 「Twitterに流している、自分のブログのRSSのリンクのクリック数を調べる方法」です。 こういうのがお好きな方向け。あと企業でTwitterを使う場合は、効果測定のために、これを活用したらいいと思います。 【使うサービス】 ・Twitter ・twitterfeed：自分のブログのRSSをTwitterに流すサービス ・bit.ly：自分のアカウントを取ると、そのアカウントと紐づいたbit.lyアドレスを発行する 【やり方の概要】 twitterfeefdにbit.lyのアカウントを登録する するとtwitterfeed経由で流れるリンクは、全部自分のbit.lyアカウントと紐付き、bit.lyのページで何回クリックされたのかをリアルタイムに把握できるようになる。 【もちと詳しく】 まずbit.lyとtwitterf
ウェブデザインのエレメントを今風にデザインするPhotoshopのチュートリアル集
最近のウェブデザインでよく使用されているエレメントの制作方法を1ステップずつ分かりやすく解説しているPhotoshopのチュートリアルをCarsonifiedから紹介します。
[JS]画像やテキストをフォーカスした際に不透明度をコントロールするスクリプト -Opacity Focus
画像やテキストをフォーカスした際に、不透明度をコントロールするスクリプトを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
15 Ways to Optimize CSS and Reduce CSS File Size
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
【コラム】クリエイターのためのライフハック (94) 大切なオンラインデータをバックアップする方法 | クリエイティブ | マイコミジャーナル
Webサービスを利用してオンライン上に情報をアップロードをすることが日常になっている方は少なくありません。オールインワンで多機能のサービスを利用するよりかは、様々なサービスを組み合わせて自分の仕事のスタイルに合わせて使いこなす方が効率が良い場合があります。 Webサービスは便利になってきていますが、情報があちこちに保存されているのが現状です。利用しているサービスがメンテナンスで利用出来なくなったり、突然終了してしまうこともあります。また、他のサービスに移行したくてもデータが取り出せないということもあります。Webサービスを利用する規準のひとつに自分のデータは自分のものとして扱うことが出来るかが重要になります。 例えば、ソーシャルブックマークサービスDeliciousでは今まで保存したすべてのブックマークをノートとタグ付きで書き出すことが出来ます。HTML形式による書き出しが可能で、他の類似
クオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」
クオリティの高いボタンやバッジを作る為の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
クリエイティブなcoming soonを集めた「Beautiful Launching Soon pages」
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]スタイルシートの実用的なテクニック集：レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編
[CSS]スタイルシートの実用的なテクニック集：レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編
WordPressのテンプレートをインタラクティブに作成可能な無料ツール『templatr』 | P O P * P O P
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 の両方を理解していないとテーマの中身をいじること
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KANZAKI KAINE WEBSITE - WD - wordpressをローカル環境で動かす-その1
IDEA * IDEA
[CSS]Photshopを使用しないで、スタイルシートで実装するレタープレス
[CSS]ナビゲーションの区切り線をホバー時にすっきりさせるスタイルシート
マウスオーバーをデザインする | DesignWalker
UsaMon.com is for sale | HugeDomains
