わたしのTwitterのアカウントをフォローしてくれている皆さんは、毎月のように月末になると「請求書書きたくない」「口述で請求書書いてくれるサービスが欲しい」と呟いているのをご存じでしょう。わたしが世の中で一番嫌いな物、それは決算と請求書書きとナベツネであります。ナベツネは物じゃ無くて人なんだが。 特に自分はMacなので、なかなか素人でも使える（ここ大事）請求書のソフトが無い。特に個人事業主レベルだと、領収書は一括して税理士さんに送るので帳簿は付けない。よって単に｢請求書を出すだけ」のシンプルなのでいいのだが、これがなかなか無い。マジで無い。 じゃあExcelでやればいいじゃんと思う人が大半だが、自分はExcelが大嫌いでほとんど使えないのだ（開き直り）。断固として集計とかは自分ではやらない。で、請求書のテンプレートを友人にいただいて使っていたが、Excelが嫌いだからそもそも使いづらい。

Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a

自社サービスにAPIを実装する事ってあまりないですよね。 kamadoのプロダクトも現在はAPIは公開してません。 もし提供するのであれば、簡易的な方法ですが、ユーザーテーブルにtokenカラムを追加して、API用のルーティングを作成する…という方法が考えられると思います。 しかし、その実装時間でより良いAPIが実装出来るとしたら素晴らしいですよね。 そこで紹介したいのがgem doorkeeperです。 日本語の記事が見当たらなかったので記事にしました。 github https://github.com/applicake/doorkeeper gem doorkeeperってどんな機能があるのか？ 簡単に説明すると、 ・アプリケーションの管理機能 ・アプリケーションの承認管理 ・スコープの設定 いってしまえば、Facebook API(に近い実装)そのまま実装出来ます。 しかもOAu

MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時

大学生ですが、20分ぐらいでシンプルなwebサービスを作ってみました。 汚部屋通知サービス　http://osoji.essay.jp/ 20分という短い時間であったためデザインに関しては全く手を加えていませんが機能的には問題ないかなと思います。開発時間が長いものは現時点では集中力が切れそうなのでとりあえず簡単なものから作っておいて、一つずつステップアップしていきたいと考えています。 このサービスを作る際に、多くの人に当てはまり、ネタになりそうなことをコンセプトにしようと考えました。例えば、みんな思ってるけどなかなか口に出せないことだったり、、etc 今回はフレームワークなんか一切使っていませんが、次回以降はrailsを用いてつくっていきたいと思います。

ミョウバンとは、古くから消臭剤や料理など、幅広く使われる食品添加物です。生ミョウバンと焼きミョウバンがあり、主な用途としては・・・ ・ナスの漬物など発色を良くする ・芋類などの煮崩れを防ぐ ・野菜のアク抜き ・消臭、殺菌作用 ・結晶を作る ちなみに焼きミョウバンとは、生ミョウバンを加熱、脱水したもので、結晶を作りたい場合は、生ミョウバンを使用すると良いそうです。 ミョウバンパワーが凄すぎる！ 1. まずは原液を作ろう「水：ミョウバン＝30：1」で混ぜる。つまり水1.5Lならミョウバン50g、水500mlならミョウバン17gです。水だとなかなか溶けないので使う2～3日前に混ぜておきましょう。分量が合っててきちんと溶ければ透明になります。 2. お湯を使うとすぐ溶ける40℃ぐらいのぬるま湯でも数時間で溶けます。ペットボトルに入れて一緒にお風呂に入ってシェイクしとけば、翌日には使えるはずです。

例に漏れず件のエントリーに影響を受けまして、Ruby on Rails を利用したサービスを作ってみました。 一つもアクセスがないため宣伝ついでに利用したgemや作成する際に参照したサイトを載せますので、「Rails初心者っす」とか、自分と同じく「そもそもプログラミングとか知らねっす」という方はちょっとしたナレッジとしてご活用くださいまっせ。開発ガンガンやってる方には価値ある情報たぶんないよー。 作った人新卒入社四年目の会社を今秋退職プログラミング未経験過去に流行ったテキストサイトの影響でhtmlとcssは多少書けるブラウジングの大半はアダルトサイトの閲覧とどのつまり、性的に健康な青年が休職中で暇でした。 作ったものアダルトサイト専用のソーシャルブックマークサービス名前「SiCOLIP（シコリップ）」URL「http://sicolip.elasticbeanstalk.com/」シコった

完全に一致を作るための勉強法 たくさんのアクセスありがとうございました。 コメントもたくさん頂いてまして、それにお答えするのに「ブログでもつくろうかいな」とのぼせましたが、そんなテーマで続くわけもないので、やはりアノニマスダイアリーにしました。 【製作期間について】 まず、皆さん仕事しながらたった4ヶ月で！と褒めて頂いてますが、たったじゃないですよ。4ヶ月って。 仕事が終わって、毎日2～3時間。土日関係無くやると、多分300時間くらいになります。 専門学校の2年間の授業時間がこのくらいだったりするんじゃないですかね。結構長いです。 【モチベーションの維持について】 モチベーションを保つのがすごいというのも褒めてもらいましたが、私は一回やり始めると、意外に長く続きます。 コツがあるんです。 毎年、日々の単純作業が続かない新入社員が入ってきますが、そんな新人に言います。 「息をするように続ける

Devise の README は懇切丁寧だが、その分クソ長いので、読むのに疲れる。後続のために訳してみることにした。無保証。OAuth2 の部分は飛ばした。長いし。差し迫ったら訳します。 Devise Devise は Warden をベースにした Rails のためのフレキシブルな認証ソリューションです。 Rackベース Rails エンジンに基づいた完全な MVC ソリューション 1回の認証で複数のロールを持たせることができます あなたが必要な部分だけ使えるモジュラー構造というコンセプトに基づいています 以下の11のモジュールで構成されています： Database Authenticatable ユーザーがサインインする時に認証するためにパスワードをデータベースに暗号化し保存します。この認証は POST リクエストまたはBasic認証を通して行われます。 Token Authenti

はじめに こんにちは川崎です。最近はじめてgitを使う機会がありましたので復習してみます。 このエントリーは私がgitを使い始めたばかりのログを元にして、まとめた内容にしています。 gitをインストール、コマンドを使う準備 gitを使うにはgitのインストールが必要です。使っている環境に合わせてgitをインストールします。 私の環境はmacなのでportsでインストールしました。 $ sudo port -d selfupdate $ sudo port install git-core +gitweb +svn インストールが完了したかどうかはgit --versionコマンドで確認できます。 $ git --version git version 1.7.3 gitのversionが表示されたのでインストールされているようです。準備完了です。 はじめてgitを使うときは gitを使うた

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

nginxとは？ nginxはロシアで開発されている軽量で高速なWebサーバです。 現在シェアは 7% 近くあるようです。もちろんApacheに比べれば少ないですが、Apache 55%、IIS 25%, nginx 7%で3番目に使われているWebサーバになります。 昔は、Pound+Lighttpd+Apacheの組み合わせをよく使っていましたが、ここ数年はnginx+Apacheとかになりました。 主に、静的コンテンツをnginxが受け持ち、PHPなどの動的コンテンツはApacheに渡す形になります。Railsを使う場合は、nginx+Unicornの組み合わせが多いです。 いまさらな感じもありますが、インフラ周りの見直しも含めて紹介したいと思います。 静的コンテンツをnginxに任せる nginx+Apacheの場合の設定は次のようになります。（nginxがport 80、Apac

ついに昨日、Googleリーダーがサービス終了となりました。 新しくRSSリーダーの乗り換え先を考えている方も多いのではないでしょうか。 私は当分Feedlyを使おうかと思っています。 もしよければFeedlyでも購読していただけると嬉しいです。 ↓クリックで登録できます！ そこで、Feedlyを拡張できるスクリプトとかないかなぁと探したところ、いくつか良さそうなものを見つけました。 Chrome拡張機能やFirefoxアドオンも探そうと思ったんですが、 とりあえずはGreasemonkeyで使えるスクリプトのみを紹介しますね。 たくさん試したんですが、半分くらい使えなかったりして思ったほど量は多くないです‥。 Feedlyへ乗り換えたひとは気に入ったものをインストールしてみるとよいでしょう。 RSSリーダー「Feedly」で覚えておくと便利な機能＆使い方 15個まとめも合わせてどうぞ。

設立コストがかかる：株式会社を設立する場合、定款認証手数料や登録免許税など24万円程度コストがかかります。 社会保険料の支払いが発生する：社会保険への加入が必要です。従業員が増えるほど会社が負担する社会保険料も増加します。 法人住民税の均等割：赤字であっても年間およそ7万円を納めなければいけません。 報酬：社長の給料は1年間変更できません。所得税と住民税がかかるため、高額な役員報酬を設定すると税負担が大きくなるケースがある。 必要な手続きが多い：源泉徴収の納付や各種保険の手続きなどやるべきことが多いです。 まだ売上げや利益計画に確実な見込みがない場合は個人事業主から始めるのも良い選択肢です。または、株式会社より設立費用の安い合同会社という選択肢もあります。 ※合同会社のメリットは、『急増中！起業を考えているなら知っておきたい合同会社のメリット6つ』をご覧下さい。 一方で、例えば、合同会社や

2017年2月22日 CSS 以前「効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！」という記事で紹介したSass／SCSS。皆さん使ってますか？今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「Compass」というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 Sassの基礎知識 @mixin の基本的な使い方 リンクカラーを一括設定 ベンダープレフィックス 透明度 絶対位置の指定 rem を使ったフォントサイズ指定 レティナディスプレイ対応画像 Compassについて軽く。 Sas

作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana

こちらのエントリーが大変参考になったので、僕らが作ってる怖話.jp（kowabana.jp）のシステム構成や開発方法についても公開していこうと思います。 怖話.jpはスマホ向けWebサービスなのでPC向けとはPVとかの傾向がちょっと違うかも知れません。 怖話.jpとは スマホで17,000話以上のサウンドノベル風の怖い話が閲覧・投稿できるサイト（アプリではありません）です。詳しくは下記エントリーを参照してください。 スマホでサウンドノベル風怖い話投稿サイト | FJORD, LLC（合同会社フィヨルド） 7月16日にRubyKaigi2011に合わせて無理矢理ベータテストオープンして、8月9日に正式オープンしましたので正式オープンからは１ヶ月経ってないまだまだのサイトです。開発期間は約１ヶ月ぐらいです。 サイト情報 （これAnalyticsを直接貼るのはどうやればいいんだろう？） 直近一ヶ

PHPの実行環境をPaaS型クラウドとして提供している「PHP fog」はブログで、いままで6カ月だった無料サービスの利用期間を、永久に無料のままにすると発表しました。しかも3つのアプリケーションまで無料にするとのこと。 もちろん無料で使えるリソースの範囲はそれほど大きくありませんが、PHPアプリケーションを自由にデプロイできるため、例えばWordpressを入れて自由にブログを運営する、といったことができるはず。 実はPHP fogだけでなくPaaS型クラウドでは無料でずっと利用できるコースを設定しているサービスがいくつもあります。この機会にまとめてみました。 PHP fog まずはそのPHP fog。名前の通りPHPの実行環境をクラウド上で提供します。MySQLデータベースもあらかじめ用意されており、WordPress、Drupal、Sugar CRM、Joomlaといった有名どころの