nginx のキャッシュを全て削除する方法nginx のキャッシュを一度全て削除したい時には /var/cache/nginx ディレクトリ以下のファイルを削除します。環境によって場所が違う場合がありますので気をつけて下さい。
はじめてのスマートフォンサイト制作「jQuery Mobile を使った制作編」
前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して（スマホサイトを別 URL で作成せず）スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基本的なことは全て下記サイトにありますので、jQuery Mo
はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
個人 Web サービス屋の生活資金集めとモチベーション維持についてのお話 | ウェブル
Web サービスで生活すると言って独立して8ヶ月目になります。もう Web サービスで生活できるーという感じでは全然なくて、少しずつ少しずつ増えている程度です。そんな状態ですが、一度今の私の考えをまとめてみたいと思います。自分のやる気アップのためも兼ねています。 8ヶ月間での収益変化について 序盤 独立間近はこのような比率でサービスだけでは税金払うだけでキツかったので受託を組み込んでいました。ちなみに個人事業主の税金は会社員より高めなのです。 後半 8ヶ月経ってこのような感じになりました。サービスも増えて受託も減って、ブログにもスポンサーが付いてるおかげで増えました。その他は自由な立場を利用していろいろやってます。 独立序盤の生活費はどこからやってくるのか 独立間近はもちろんサービスからの収益はたくさんは無かったので、序盤は生活資金を集めるために受託をメインでやっていました。サイト売買など
PHP で簡単にサーバーを監視して一定ラインを超えたらメール通知するコード
ロードアベレージ通知するだけなら負荷監視ツールを入れるより、PHP なりで書くほうが楽で簡単とのことで友達に教えてもらいましたので、ひとつ書いてみました。以下のコードを loadave.php など適当な名前で保存して cron で定期実行すれば良いです。 <?php mb_language("ja"); mb_internal_encoding("UTF-8"); date_default_timezone_set('Asia/Tokyo'); $servername = 'localhost '; // サーバー名(任意) $mail1 = 'info@example.com'; // 通知先1 $mail2 = 'alert@example.com'; // 通知先2 $notice1 = '3.00'; // 通知ライン1 $notice2 = '5.00'; // 通知ライン2
誰でも簡単に IE で CSS3 を使える様にする方法を分かりやすく書いておきました
.hoge { border-radius: 10px; behavior: url(/wp-content/themes/hoge/scripts/ie-css3.htc); } ただ、ここがポイントです。 You would expect URLs in behavior: url(…) to be relative to the current directory as they are in a background-image: url(…) style for example, but instead Microsoft decided to ignore standards here and make them relative to the docroot instead. So behavior: url(ie-css3.htc) should work if ie-cs
備忘録ブログを書くとき他人のサイトに書いてあることを自分のブログに載せたい時はどうするのがベストかについて | ウェブル
昨日技術向上のために備忘録タイプのブログを書こうという記事を公開したところ、一件メールで質問を頂きました。私の言葉に置き換えていますが、以下のような内容です。 技術的な事を Web 上で調べて、誰かのブログの記事が引っかかると、その内容が知りたかった内容と合致していたけど、学んだ内容を自分のブログにアップしたら内容のコピーになってしまう恐れがあるのではないでしょうか。 この質問にブログで回答させて頂きます。 仰るとおり、そのままですとコピーになります。殆ど同じ内容だと問題になりますね。ですが、記事は必ず書くべきです。 例え同じ事でも記事を書くと2つ良い事がある ブログに書くと絶対に忘れなくなる 見ただけでは絶対に忘れます。ブックマークだけで終わってはいけないです。自分の言葉で改めて説明することで記憶に、人生に残ります。 これから同じことを調べる人のためになる 例えば今回調べたら情報が1つだ
HTML からリンクのタイトルと URL を PHP Simple HTML DOM Parser を使って取得する
PHP Simple HTML DOM Parser で HTML からリンクを取得することができます。以下のサイトが参考になりました。この記事では具体的に HTML からリンクを取得する方法を解説します。 PHPでHTMLをパースする | zaru blog PHP Simple HTML DOM Parser をダウンロード PHP Simple HTML DOM Parser というライブラリを使うとできます。以下のサイトからライブラリをダウンロードしてきます。 PHP Simple HTML DOM Parser リンクのタイトルと URL を取得する リストなどにリンクが含まれているような HTML からリンクを取り出す例です。 $output = <<< DOC <ul> <li><a href="http://example.com/1">Title1</a></li> <l
はじめての MySQL で100万件のデータを管理する時に行ったチューニングまとめ
MySQL の勉強をせずにフレームワーク等で SQL を書かずに Web サイトを構築していました。データ数も2万件程度でしたので、そこまで困ることはありませんでしたが、今回100万弱の商品データを扱う機会ができたので、MySQL のチューニングや発行する SQL について見直す機会がありました。 この記事では MySQL を高速化するのに行った対策など勉強したものを自分用にメモしておきました。 条件式で比較するカラムにインデックスを使用して高速化 商品コードで存在しない商品を見つけて、商品をDBに登録するという処理を行っている場合、4万件超えたころから処理に2秒以上かかるようになってきます。12万件超えた頃には10秒程度かかるようになってしまいましたが、商品コードのフィールドに対してカラムインデックスを貼ることで0.2秒に短縮することができました。 MySQL のリファレンスにも以下のよ
簡単にグラフを作れる Google Chart Tools を使ってグラフを作成する方法
Google Chart Tools を使うととても便利なグラフを簡単に作ることができます。ちょっとした統計データなどを掲載するときに大変便利です。 Google Chart Tools – Google Code 例えば円グラフは以下のようにして簡単に作れます。 コードは以下のような感じ。addColumn でカラムを追加して、addRows で値の数を定義したら、setValue で値を追加していきます。 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback
Twitter を mixi みたいにするサービス「ツイトモ」をリリースしたので裏話をします | ウェブル
Twitter アカウントだけでシンプルブログを開設したり、プロフィールページを生成したり、ユーザーを年齢、性別、趣味などで検索できるサービス「ツイトモ」をリリースしました。 Twitomo | Twitterの友達作りをもっと便利に せっかくなのでツイトモの開発の仕方や Web サービスの開発で私が心がけるようになったことをまとめていきたいともいます。また、独立後の状況なども2ヶ月ぶりにまとめたいと思います。 公開から1時間で登録ユーザー数100人超えました。 ツイトモを開発しようと思った動機 ウェブル名義以外で SEO 研究のためにも新規サービスを数件立ち上げたのですが、良いのか悪いのか大失敗に終わってしまいまして、やはり人に使ってもらえるサービスが一番強いと思ったのがきっかけです。 Twitter の関連サービスに Twilog というものがありまして、開発者の ropross さん
簡単にできる OGP を組み込むまでの最短手順
OGP 関係でいろいろと整理したので自分用にメモ。もうちょっとしっかり解説した以下の2つの記事がおすすめです。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記 SEOの2倍アクセスを稼ぐFacebook活用術 「いいね！」ボタンと「OGP」の設定方法を超解説 – ガジェット通信 OGP 組み込みの際の基本の記述 以下のコードを貼りつけてページによって必要な情報が流し込まれるようにすればそれで完了です。アプリケーションIDはアプリケーションを作成をしてすぐに取得することができます。 <!DOCTYPE html> <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <head> <title>ページのタイトル
HTML と CSS のみでタブを作るサンプル
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 ul.tab { margin: 0; padding: 0; border-bottom: 2px #ddd solid; } ul.tab li { float: left; margin: 0 0 0 5px; position: relative; bottom: -2px; list-style-type: none; border: 1px #ddd solid; border-top: none; border-bottom: 2px #ddd solid; } ul.tab
引きこもりや非リア向けの SNS「ヒッキー」をリリースしました | ウェブル
引きこもりや非リア向けの SNS 「ヒッキー」をリリースしました。 引きこもり・非リアのためのSNS – hixi(ヒッキー) リア充ホビロンな人たちが使うサービス 昔と比べて最近は一般の人も Web を利用するようになり、私の居場所がなくなってしまったような気がしています。そのため明確に私たちのような引きこもりや非リアが笑顔で暮らせる世界を構築しました。 OpenPNE を利用して12時間で制作しました OpenPNE を使って土曜日の14時から制作を開始して日曜日の朝6時に完成しました。主にデザインやテンプレートの修正をしているだけで、機能としては OpenPNE そのままとなっています。今後会員数の増加に合わせてデザインのリニューアルやオリジナル機能の実装などを行っていきます。 広まるのかとても心配 このようなサービスを作る人が滅多にいないので、こんなサービスが広まるかとても心配で
低コストで簡単にできるフリーランスの Web 屋の人に知ってもらいたいデータバックアップ方法いろいろ | ウェブル
先日「日本中の人が知ってるであろう物凄いフリーランスの Web 屋の電球さん」と Twitter で話していたらバックアップを定期的に手動で行ってると聞いて驚きました。今の時代なら、バックアップは自動で取ることができますよ。 私も5月20日からフリーランスになるので、フリーランスのみんなに無料できるバックアップから低コストでできる究極のバックアップまでいろいろ紹介します。 対策をしなければデータは必ず消滅します 今まで対応してこなかった人はデータが消滅した体験がないから対応しないんじゃないでしょうか。私は過去に4年分の思い出を全て失っているためこれくらい神経質になっています。今持っているデータが消滅したことを想像して、私と同じ過ちを繰り返さないように対策をしましょうね。 Dropbox でできる無料のバックアップ Dropbox のファイルはクラウドに送信されます。だから自分のパソコンが壊
初心者でも10秒でできる WordPress プラグインの作り方
WordPress のプラグインを作るには以下のページが参考になります。 プラグインの作成 – WordPress Codex 日本語版 以上のページを見ると WordPress のプラグインは難しいように見えますが、実は以下のファイルを保存して /wordpress/wp-content/plugin/ ディレクトリにポイっと入れるだけでプラグインとして動きます。 プラグインを作るときの雛形 以下のコードを example.php として保存すれば終わりです。 <?php /* Plugin Name: プラグインの名前 Plugin URI: プラグインの配布URL Description: プラグインの説明 Version: 1.0 Author: プラグイン作者名 Author URI: プラグイン作者URL */ // ここにコードを書く ?>
10分で作る Twitter に定期ツイートする PHP スクリプト
Twitter で定期ツイートする Web サービスがあると思ったら意外になくて驚きましたので PHP で簡単に作ってみました。設置方法を紹介します。ちなみにこのスクリプトは即興で作ったサンプルですので、みなさん個人個人で組んでみましょう。 今回の記事で作ったサンプルはダウンロードして勉強用にお使いください。 regularTweets ダウンロード Twitter に定期ツイートするスクリプトの仕様 共用サーバーなどの cron の実行間隔に制限のあるサーバーを想定 cron でスクリプト起動した時間から10分過去までのものをツイート 一度ツイートしたものは再度ツイートされないようにタスク管理 全体の構成 index.php tweets.yaml logs.yaml PEAR spyc index.php 実際に定期ツイートをするスクリプトを書きます。 1 2 3 4 5 6 7 8
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめての Github で自作のライブラリを公開するためのリポジトリ作成や設定まとめ
はじめてのさくら VPS + CentOS の初期設定からチューニングなどの作業まとめ
WordPress で簡単にオリジナルのショートコードを作る方法