正しいcoffee-scriptの環境づくり vim - Qiita
" vimにcoffeeファイルタイプを認識させる au BufRead,BufNewFile,BufReadPre *.coffee set filetype=coffee " インデントを設定 autocmd FileType coffee setlocal sw=2 sts=2 ts=2 et " taglistの設定 coffeeを追加 " let g:tlist_coffee_settings = 'coffee;f:function;v:variable' " QuickRunのcoffee " let g:quickrun_config['coffee'] = { " \'command' : 'coffee', " \'exec' : ['%c -cbp %s'] " \} "------------------------------------ " vim-coffee
rails, rspecでVimのsnippetを使うためのベストプラクティス (自己流) - Qiita
Vimにはtextmateちっくなsnippet補完を実現するためのプラグインがいくつかあります。 neocomplcache-snippets-complete, snipMate, UltiSnipなどなど。 私が利用しているのは、neocomplcache-snippets-completeなので、それを利用する時の流れについての話です。 neocomplecacheを使っていると、補完が統合されるので、neocomplecacheユーザーは大体これに落ち着くと思います。 ちょっと調べたところだと、UltiSnipはかなり高機能っぽいのですが、pythonインターフェースが必要で、ちょっと複雑過ぎるかもしれません。 読み込みのルール 現在のneocomplecacheは、内部でvimのバッファが持っているファイルタイプとは別に、 独自のファイルタイプ情報を持っています。 最近になって
3D Restaurant Menu Concept | Codrops
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items. Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. We’ve experimented with some simple concepts for restaurant websites and came up with a 3D folded menu (a real menu, not a “web” menu). The result is a
アニメーションのイージング処理をjQueryやCSSで実装する際に記述方法を確認できる「Easing Functions Cheat Sheet」｜BLACKFLAG
以前ここでjQueryでアニメーションにイージング処理をつける際の方法として 「jQueryアニメーションにイージング（easing）処理をつけるプラグイン 【イージング動作サンプル一覧】」と題した記事を紹介しましたが、 同じようにイージング動作をリスト化したサイトで jQueryだけでなくCSS（CSS3）アニメーションを使ってのイージング処理の記述方法を 紹介しているチートシートサイト「Easing Functions Cheat Sheet」が この先とても役に立ちそうだったので自分用メモとしてご紹介。 Easing Functions Cheat Sheet 画面上には30種類のイージングがベジェ曲線で表現された一覧で並べられていて 一つ一つにマウスオーバーすることで赤い矢印によって動作サンプルを 確認することができるようになっています。 使いたいイージングをクリックすることで コ
Custom Scrollbars in WebKit
Before each of the browser vendors we like was providing unique CSS controls, Internet Explorer was setting the tone. One such example is IE's early implementation of CSS filters. Internet Explorer was also the first browser that allowed developers to, for better or worse, customize the display of scrollbars. We had a laugh about scrollbar customization back then, but fast forward to today and W
iPhoneの傾きで画像を回転させられるようにする「lenticular.js」:phpspot開発日誌
lenticular.js - tilt-controlled images iPhoneの傾きで画像を回転させられるようにする「lenticular.js」 パソコン、iPhoneの両方で見て頂きたいですが、iPhoneでアクセスした場合はiPhoneの傾きと同時に画像が回転。 パソコンで見ればマウス位置に応じて画像を回転させることができます。 近い未来のECサイトではこういう形で商品を見ることができるようになっているのかも。 今後、他にも傾きを使って色々とWEBサイトもどんどん便利になっていくのかも 関連エントリ iPhoneアプリ作成に使えるPSD素材集１０ iPhone風のあのスクロールをPCでも実現できる「jQuery.flickable」 iPhoneのON/OFFスイッチをHTML5/CSS3の形式でジェネレート
EASY PIE CHART by rendro
Lightweight jQuery plugin to render and animate nice pie charts with the HTML5 canvas element View the Project on GitHub rendro/easy-pie-chart Download ZIP File Download TAR Ball View On GitHub easy pie chart Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values. These charts are highly customizable, very easy to implement, scale to the resolu
- Megaptery
Application espion Android ou iPhone numéro 1 au monde Avez-vous entendu dire qu’il existe un moyen facile d’attraper un partenaire infidèle sans qu’il le sache ? Obtenez un accès à distance et consultez les données de son téléphone ! Traqueur pour téléphone Android de mSpy, le meilleur moyen pour espionner le smartphone Android et iPhone Si vous cherchez un moyen d’espionner un téléphone Android
これがHTML？と言いたくなるようなPDF変換ソフトウェア·pdf2htmlEX MOONGIFT
pdf2htmlEXはレイアウトの再現性を極めたPDFからHTMLへの変換ソフトウェアです。 PDFはそのままでは容易に編集できないフォーマットです。そこが利点でもあり欠点でもあります。PDFを別フォーマットに変換するソフトウェアは幾つかありますが、今回は驚いてしまうくらい品質高いHTML変換を行うpdf2htmlEXを紹介します。 これがHTMLだと思えないくらいの再現度です。 計算式にも対応。 段組み、画像埋め込みも問題なし。 白黒に限らず扱えます。 中国語。マルチバイト対応です。 まるで素のPDFを表示しているかのような再現度の高さがpdf2htmlEXの売りです。PDFを一つのHTMLファイルとして出力し、色や文字の装飾も反映します。リンクもそのまま使えます。なお、Type3のフォントには対応しておらず、テキスト以外のオブジェクトは画像としてレンダリングされるようになっています。
Download HybridAuth
I. HybridAuth Library HybridAuth Core library which include OpenID, Facebook, Twitter, LinkedIn, MySpace, Google, Yahoo Foursquare, AOL , and Windows Live. Download HybridAuth 2.1.0 » And the additional providers package contains many others social services you may want to use such as Github, Gowalla, Tumblr, Viadeo, Vimeo, LastFM and more. Download the additional providers package 1.7 » II. Third
Twitter、Facebook、Google、GitHub…多数のプロバイダに対応した認証ライブラリ·HybridAuth MOONGIFT
HybridAuthはFacebookやTwitterをはじめ多数のプロバイダに対応した認証統合ライブラリです。 Webサービスを作っていてたびたび発生するのが認証システムです。ID/PWの他、最近では外部のソーシャルサービスを使うケースも多々あります。そこで多数の認証システム対応を一手に引き受けてくれるHybridAuthを使ってみましょう。 サインインします。多数のプロバイダーに対応しています。 権限の承認が出ます。 Googleアカウントの情報が無事取得できました。 こんな感じにフローティングのウィジェットもあります。 HybridAuthはTwitterやFacebook、Google、Yahoo、MySpace、Windows Live、Foursquare、AOLなどが基本的に対応し、さらにGitHubやVimeo、Tumblrなども追加で対応します。CodeIgniter、C
じつは特殊なGoogleアナリティクスの「参照元」［第24回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
アクセス解析を行うにあたり、「参照元」を知らずに済ますことはできない。 「参照元」とは、ひとことで言えば、ユーザーがどのWebページから訪問して来たのかを表すデータのことだ。「アクセス元」「リファラー」などとも呼ばれることもある。 しかし、Googleアナリティクスの参照元データは少々特別な仕様で、他のアクセス解析ツールとはかなり異なる。しかも、そのことが正確に理解されていることはまれだ。 今回と次回の2回に分けて、Googleアナリティクスの参照元データとレポートについて、くわしく説明したい。 こんなに違うGoogleアナリティクスの参照元データまずは図1をご覧いただこう。これはあるサイトに3つのアクセス解析のツール（すべてJavaScriptの計測タグ型）を実装し、同じ月の月次データを使い、それぞれの参照元の集計データをもとに作成したグラフだ。 参照元を「参照元なし」「検索エンジン」「
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Capistranoのタスク一覧 - プログラマでありたい
Capistranoのタスクが、具体的にどのように動くか調べてみました。最初は下記のドキュメントを参考にしていたのですが、結局ソースを見たほうが10倍簡単に理解できました。コード中のrecipes/deploy.rb辺りを一度読むことを強くお勧めします。 Capistrano recipes: deploy capistrano/lib/capistrano/recipes/deploy.rb at master · capistrano/capistrano ほとんどのタスクが基本コマンドの組み合わせ実行です。この原則を知っているだけで、deployの挙動の大部分が解るようになります。 Tasks一覧 ・deploy update + restart ・deploy:check 依存性のチェック。Gem等のモジュールだけでなく、ファイルやパス等も依存性としてチェック出来る。またdepen
デプロイツールにCapistranoを使うことにしました。 - 40歳からのキャリアチェンジ
WEB+DB PRESS Vol.51でデプロイ/ファイル転送の特集記事があったのでそれを読んでいて以前から言葉だけは知っていたCapistranoを使って、 Mac上で開発 Capistrano利用してテスト環境であるVirtualBox上でDebianにデプロイして動作確認 動作確認して問題なかったら、本番環境であるさくらVPSの方にCapistranoでデプロイ みたいなワークフロー整備しようと決めました。 対象となるサーバ 以下２つで、それぞれ公開鍵認証出来るように設定済 VirtualBox上のDebian さくらVPSで稼働させているDebian Capistrano利用する以前にsshの設定見直し 毎回 # VirtualBox上のDebian ssh -p 50022 localhost # さくらVPSのDebian ssh xxx.xxx.xxx.xxx みたいな感じで
Capistranoを使ってDjangoのプロジェクトをデプロイする - 偏った言語信者の垂れ流し
Djangoのプロジェクトのデプロイを楽にしたくて、Capistranoを使おうと思った。 サーバはUbuntu。 リモートでデプロイを実行するなら、サーバにはCapistranoがいらないっぽい。 まあ、サーバで作業することもあるのでとりあえずインストールしておく。 デプロイ先のサーバにはsshが必須で、SVNリポジトリからチェックアウトさせるならsubversionもクライアント、サーバ共に必須かな。 RubyとRDocはaptでインストールしました。Railsのことを考えてRubyのバージョンは1.8にしておいた。 $ sudo apt-get install ruby1.8 $ sudo apt-get install rdocここで少しはまった。rubyのコマンドが通らないのはなんでかなーと思ったら/usr/binにruby1.8はあるけどエイリアスが作成されてなかった。lnでエ
VMware Fusion に CentOS 6.2 をインストールする | mawatari.jp
VMware Fusion 4 に CentOS 6.2 をインストールする際の手順を以下に示します。VMware Fusion 4 は、MacOS向けのソフトウェアです。 Windows 向けの VMware Player でも、ほぼ同じ手順です。 自身でカスタマイズできるように最小構成でのインストールとなります。以下はあくまで一例にすぎませんが、OSのインストールを自身で経験したことがなく、勉強会に参加される方は参考にしてください。ここで設定した内容はインストール後にも変更できます。 事前にCentOSのダウンロードが必要です。色々なインストールの仕方はありますが、「CentOS-6.2-x86_64-bin-DVD1.iso」をダウンロードすれば間違いありません。 インストール手順 VMware Fusionを起動し、左下の「新規作成」ボタンをクリックします。 「ディスクを使用せずに
Cocoaの日々: [iOS] AES128暗号化ライブラリ FBEncryptor 公開
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど AESで暗号化・復号化できる CCCrypt の簡易ラッパー FBEncryptor を作りました。結果（バイナリ値）を Base64 で受け取ることもできます。 dev5tec/FBEncryptor - GitHub 暗号化方式 アルゴリズム：AES 128 モード：CBC 鍵長：256ビット パディング：PKCS7これ一種類だけ インストール GitHubからプロジェクトをダウンロードした後 Xcode 4 で開く。その中から下記のファイルを自分のプロジェクトへコピーして追加する。 FBEncryptorAES.h FBEncryptorAES.m NSData+Base64.h NSData+Base64.m 使い方 NSDataベースの暗号化・復号化 Data系メソッドを使う
![Cocoaの日々: [iOS] AES128暗号化ライブラリ FBEncryptor 公開](https://cdn-ak-scissors.b.st-hatena.com/image/square/57dd5e51ac67431bd15b7618e51a0231a0b6574f/height=288;version=1;width=512/http%3A%2F%2F1.bp.blogspot.com%2F-be_MkaoFSmg%2FTegiuZ8MV2I%2FAAAAAAAAGJI%2F03XbU25H3gM%2Fs1600%2F110602-0001.jpg)
脱Excel！ Redmineでアジャイル開発を楽々管理
ソフトウェア開発のタスクをチケットに登録すると、作業を始めるチケット管理をメインに、進ちょく管理、問題管理などができる。 バグ管理システムだけでなく課題管理システム（ITS：Issue Tracking System）で運用する開発プロセスは、チケット駆動開発（TiDD：Ticket Driven Development）と呼ばれ、最近注目されている。 Ruby1.9の開発はRedmineで管理されているように、近ごろは事例も増えている。 Redmine運用前の問題点 筆者がRedmine運用前に持っていたプロジェクト管理の問題点は下記2点だった。 1．Excelでのタスク管理の限界 従来からプロジェクトマネージャやプロジェクトリーダーの多くは、進ちょく管理やタスク管理をExcelで行ってきた。 プロジェクト管理では顧客へ進ちょく報告するために、残工数と残タスク数を計算する必要がある。だが
CakePHP Best Practices: Fat Models and Skinny Controllers - bitfluxx.com
Written 23 Jan 2008 Since I’ve been doing a lot of Rails work, I’ve been doing a lot of reading on Rails and MVC frameworks best practices. One of the base principals the Rails community that I’ve come across more than once is the “Fat models and skinny controllers” methodology. Say what? Let me tell you. When you first start working with MVC frameworks, you’re first instinct is to put nearly all
Web アプリの MVC 設計まとめ - もやし日記
MVC 設計について考えていたときに、ちょうどその辺りの話をされている方々が居たので、今の考えをまとめてみました。 目次 前提 肥大化するコントローラを避ける ビジネスロジックをどこに書けば良いのか コントローラとモデルの間にもう一つの層があるとうまくいく？ まとめ 前提対象は Web アプリケーションで、画面数（ビューの数）は数個〜100個程度の規模です。WordPress、Twitter、37signals のサービスのようなものを作ろうとするとき、どういう MVC 設計をしていくかについて考えます。巨大なシステム、金融系システム、基幹系システムなどを作る場合とは異なる考え方もあると思います（そもそも MVC を使わない、など）。 肥大化するコントローラを避ける例えば、八百屋さんで「６０円で仕入れたリンゴ１つを１００円で売った」こと（Sales Transaction）を記録する場合を
えせMVCについてそろそろ一言言っておくか - ひがやすを技術ブログ
Ruby on Railsの最大の問題点は、それが持つ「一見そのフレームワークがMVCの形をとりながら、MVCの最も大切なところを外している『えせMVC』である」点にある RailsのえせMVC疑惑で盛り上がってますね。Railsが「えせMVCフレームワーク」ではないのは、みんな知っていると思うので、記事、コメントをみて勘違いしている人が多そうな部分に一言書いておきます。 まず、おかしいのはsatoshiさんのこの意見。 PhotoShareは主にRailsで作られているので、ModelはActiveRecordが担当しているわけだが、Modelのレイヤーが非常に薄いために（O/Rマッピングをしているだけ）、データベースの整合性の責任がController側にある。そのため、ちょっとした機能変更のたびにAPIレベルでのテストを大量に走らせなければならないし、それでもどうしてもミスが生じてし
ハイパフォーマンスCSSの記述方法 : Weblog : SimpleIsm
CSS すでにいろいろ出回っていますが、そういった情報は1つだけあれば良いわけではなく、それらの情報をまとめたり、精査していって、さらにより良いものになっていくのがWebの良いところだと思います。業務を行う中でメモしていたものが貯まってきたので、その理由とかを調べてみたのでまとめます。まぁ前置きはこれぐらいにして本題。 CSSをシンプルに効率良く書くということは、ネットワーク転送量の低下、パース速度の向上、そしてHTMLとのマッチング効率化に繋がります。そしてそれは即ち、ページのパフォーマンスを向上させることに繋がります。 また、「効率的なスタイル指定をする」と考えながら臨むと肩に力が入ってしまいますが、「非効率なスタイル指定をしない」という視点で考えていけば、自ずと軽量で効率的なCSSを記述することができると思います。 パターンマッチング(Pattern matching)について 「非
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iTunesからのインポートもできるシンプルなデザインの音楽プレーヤ·Sonora MOONGIFT
gitで日本語ファイル名を表示する | ホゲホゲロック
企画アイデアがざくざく生まれるUX発想シート＋UX的発想の超基本 | 実践！ プロも使うラピッドUX手法
Encrypt Time Machine Backups with Mac OS X