2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。

ドットインストール代表のライフハックブログ

BEIZ 光や水面といったテクスチャーの素材が豊富。 サイトデザインも美しいです。 写真素材　足成(アシナリ) 全国のアマチュアカメラマンが撮影した写真を素材として無料で提供するサイト。 個人、商用を問わず全て登録不要でダウンロードすることができます。 質・量ともに文句なし。毎日更新されます。 ゆんフリー写真素材集 超高解像度の無料写真を集めたサイト。 商用利用、加工も可能です。雄大な風景の写真に圧倒されます。 ラブフリーフォト 商用利用、加工可能。 一風変わった視点から撮られた写真が集まっています。 GRA FREE PHOTOS インターネット上であれば無料で使用可能。 サイト自体もとても見やすく、写真もきれいです。 Futta.NET 3000枚もの写真素材が揃います。 特に国内外の風景の写真が豊富です。 2000ピクセル以上のフリー写真素材集 2000ピクセル以上の写真が多数載って

Google の Page Speed の Apache module 版 mod_pagespeed をインストールして、ちょっとだけ動きを見てみた。 インストールは Ubuntu に deb パッケージで。 $ wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb # sudo dpkg -i mod-pagespeed-beta_current_amd64.debconfig はデフォルトで入るものそのまま。 <IfModule pagespeed_module> SetOutputFilter MOD_PAGESPEED_OUTPUT_FILTER ModPagespeed on ModPagespeedUrlPrefix "http://localhost/mod_p

jQuery Mobileを利用したスマートフォンサイト作成手順 2010年11月6日 jQuery Mobileを利用してスマートフォンサイト作成してみたので、手順を覚書として書いておきます。 ちなみにまだ正式版ではなく、アルファ版となります。※2010年11月現在 現在のバージョンなどは下記の本家サイトよりご確認ください。 jQuery Mobile jQuery Mobileを利用したページ作成概要 本家のデモ作成画面を和訳してくれている下記ページがわかりやすいです。 http://dev.screw-axis.com/doc/jquery_mobile/ 読み込みファイル <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://c

私も始めたばかりの頃は、ちょっとした設定変更をするにも迷ってばかりでした。何度もういいや、、と思った事か。。 今回は、Facebookの設定に必要なURLを、一覧でまとめました。量が多くなったので、「個人設定編」「ファンページ設定編」などカテゴリー分けしています。

Hatena Developer Center についてはてなは「はてなブログ」「はてなブックマーク」をはじめするはてなのサービス群を、より深く使うためのAPIを提供しています。 Hatena Developer Centerでは、これらのAPIを扱うための開発者向け情報を公開しています。APIを使うことで、はてなが持つ情報・機能を利用した様々なアプリケーションやサービスを作ることができるようになります。 開発者の皆様のアプリケーション/サービスにおいて、より豊かなユーザー体験を提供するために、はてなのAPIをご活用ください。 おすすめのAPI

来年も作りたい！ふきのとう料理を満喫した　2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…

Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用＋IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview（「Internet Explorer 9 Platform Preview」）」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、

Android 2.2 以上のスマートフォン/タブレットであれば、AIR for Android を使って Android アプリを開発することができます。Flash 開発者であれば今まで培ってきたスキルで挑戦できるのでまたとないチャンスですが、Android の実機を購入する事自体ハードルが高いと思っている方が多いのではないでしょうか。 そこで、Adobe AIR が開発可能なモバイル端末で、結局最終的にいくら費用がかかるのか一覧の表としてまとめてみました。 HTML版はこちら 結論としては、キャリアへの通信費が発生しない海外の SIM フリー端末が最も費用がかからないということになりました。キャリア版としてはソフトバンクの HTC Desire HD が安くなる計算となります。この資料はパケット通信定額のものなので、キャリアのデータ通信を利用せずWiFiで利用すればもっと少ない月額負担

Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン

この三ヶ月ではてなブックマークiPhoneアプリの新バージョンとAndroidアプリを開発してきました。 両方共担当はエンジニアid:ninjinkunとデザイナーid:kudakurage、総合ディレクションid:nagayamaです。同じ開発者がiPhoneアプリとAndroidアプリ両方を作った事例として、なかなか面白いのではないかと思います。開発期間はちょうどそれぞれ一ヵ月半ずつでした。 自分にとってもブクマチームに移動してから初めての大きな仕事だったので、両方共思い入れがあるプロダクトです。開発話と一緒に、スマートフォンアプリを作る際の流れや、気を付けていることなどをまとめようと思います。（長いです） 開発プロセス iPhoneもAndoirdも開発の流れは基本的に一緒で、以下のような流れになります。 機能の検討 UIの検討 実装 ざっくり並べただけではWebサービス開発と変わり

github を Windows で使ってみる という記事を 2008 年に書いたのですが、未だにそこそこ需要もあり見ていただいているようなので 2011 年版として新たに書いてみます。GUI で色々ごにょごにょ出来るようになっていたり感動しました。進化してる！ Help.GitHub – Welcome でざっと手順を眺める。書いてある手順を引用すると以下の通り。 Getting started with Git and GitHub Getting up and running from scratch is easy: 1. Take a quick crash course on git 2. Install Git 3. Generate a keypair – If you have troubles 4. Set your user and email in git 5. C

いつかやろうと思っていたWPの functions.phpで出来ることのま とめが、海外のWP専門質問サ イトにあったのでこちらをご紹介。 個人的にもかなり役に立ちました。 Q&Aサイトは色々助かりますよね。 WordPressのテーマファイルで使えるfunctions.phpは色々とテーマの機能を拡張するのに大いに貢献してくれます。 このfunctions.phpを使って何が出来るのかは、WebデザインレシピさんのWordPressのfunctions.phpに書いておくといいかもしれないコードいろいろという記事をご覧になってみてください。 今日ご紹介するBest Collection of Code for your functions.php fileというスレッドには79個の回答があります。 WordPressの情報専門のQ&Aサイト・WordPress Answersでのスレッド

[追記１] 最後で説明しているproxy cacheの設定を修正しました。 [追記２] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記３] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。 はじめに 大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。 サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。 今回行うチューニング一覧 DBを最適化するプラグインを導入する APCを導入してPHPを速くする MySQLを速くする 重いWordPressプラグインを外す nginx+FastCGIにする W

WordPress存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 殆どは知られていると思いますので期待しないで下さい。1つでも「これ知らなかった！便利！」と思ってくれる方がお一人でもいれば幸甚です。 やや地味な機能なのですが、知っておいて損しない便利な機能です。順不同。 Press This Press Thisというブックマークレットがお使いのWPの管理画面→ツール→ツールからインストール出来ます。これが結構便利で、引用したいと思った他サイト等でブックマークレットを使えばその場で上図の

WordPress 3.0 RC1 日本語版もリリースされ、いよいよ WordPress 3.0 正式版の公開も近づいてきました。 WordPress 3.0 RC1 をインストールして試している方も多いと思いますが、ダッシュボードのプラグイン管理画面に「追加機能ドロップイン(Drop-ins)」という項目が追加されたのにお気づきでしょうか？ ここには、Drop-ins と呼ばれる特殊なプラグイン( Drop-ins are advanced plugins )がインストールされている場合に表示されます。 この Drop-ins は、wp-content ディレクトリに、決まった名前の php ファイルを保存することによって有効にすることができます。 例えば、db-error.php という名前の php ファイルを、wp-content ディレクトリに保存しておくと、WordPress

今年もWordPressにお世話になった 1年間でした。そんな2010年度を振り 返り、当サイトでご紹介したWPプラグ インの数々を全てご紹介致します。 見逃した方もご覧頂いた方もぜひ確認 なさってみてください。新たな発見が あるかもしれません。 基本的にすでに他サイト等で紹介されているような情報はあまり配信しない方針ですので、必ず「良いプラグイン」という訳ではありません。良いかどうかは間違いなく個人差が出る思います。「こんなのあるんだ」程度に見て頂けると。 リンクは過去記事とプラグインの両方ありますので、使い方などを見たい方は宜しければ過去記事へお進みください。 順不同です。 アップロードした複数の画像の一括投稿が可能なプラグイン・File Gallery なぜプラグインでこんな事しなきゃいけないのか、という疑問も否めませんが、無いので仕方ないですね。WordPressは画像の一括アップ

なかなかの使い勝手で気に入ったので ご紹介。WordPressの管理画面内に、 ベーシックなプロジェクト管理システムを 追加するプラグイン・CollabPressです。 基本的に欲しい機能や使い勝手が凄く 平均的な感じで、結構おすすめです。 個人的に、こういうマネジメントシステムは高機能、高性能よりも使い勝手で選択するのですが、CollabPressは性能もなかなかで使い勝手も良いのでオススメしたいプロジェクト管理システムでした。 よく、こういったシステムは紹介されていますが、どうも使い勝手がいまいちです。CollabPressは最低限の機能なので使いやすさは個人的に好みでした。 以下にざっと機能、手順などをご紹介します。 管理画面全体 管理画面全体はこんな感じです。まず新しいプロジェクトを追加します。プロジェクト名と簡単な説明を加えてAddすればOK。また、アクティビティもここで確認でき

今日はさくらVPSに載せているWordPressのパフォーマンスをチューニングして高速化に成功したので安心して眠れるという話をします。 2.5ページ/秒だったのが70ページ/秒と30倍高速化。 以前はDaily数千PVで重くなっていたサイトがDaily3.6万PVを余裕で捌けるようになりました。 #ちなみにproxy cacheという手法はwordpressでなくても動的コンテンツ全般に有効です。 ▼サーバ気にしなくて良くなったので今週末新宿御苑に花見に行けました☆。枝ぶりがいいさくらが多くてほんといいところだと思うの。 WordPressチューニング高速化結果http://hara19.jp/のサーバ環境と測定結果は以下のとおり。 WordPress稼働環境さくらVPS 1GB/CentOS5.5/PHP5.3/MySQL5.5/WordPress3.1。 WEBサーバはチューニングにあ

久々にSEOの記事。以前書いたSEOの カスタマイズハック記事があるのですが、 あれから2年近く経つので新たに記事と して、ここに付け加えておくことにします。 SEO自体、情報が不確かなものなので、 これを行えば最適化出来る！という類の 情報は載せません。 SEOもハサミと同様、結局は使い方次第だと思いますのでコンテンツやターゲットによっては役に立ったり立たなかったり、ということがあるかと思いますが、同時にそれが混乱の元にもなってしまいがちです。 ですので、今日はSEOに効果的なカスタマイズではなく、自分でSEO施工をしやすくする、というカスタマイズ方法を書いておきます。Webマスターのアイデア次第で効果のあるハックにもなるし、効果のないハックにもなると思います。 コード自体は基本的に普通のテンプレートタグを使用してるものが大半です。全部施行しても何の意味も無いので、使えそうなハックがあっ

お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプadd_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exam

WordPress 3.1 から導入された管理バー。 僕は好きなんだけど、結構嫌いな人は多いみたいですね。 そんな人達に管理バーがあると便利だよって伝えたいエントリ。 まずは、以下の2つのプラグインをインストールしてみてください。 Debug Bar Debug Bar Console そうすると、管理バーの右端に「Debug」ってメニューが追加されるはずです。 これが相当便利。 wp-config.php に以下の3行を追加することで、このプラグインは真価を発揮します。 define('SAVEQUERIES', true); define('WP_DEBUG', true); define('WP_DEBUG_DISPLAY', false); デバッグ作業終了後は、これらはコメントアウトしておいたほうが良いでしょう。 Deprecated というメニューを選択すると、WordPres

このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS（コンテンツ管理システム）を使って作りました。 このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に