In this episode we’re going to use Paperclip and a jQuery plugin called Jcrop to crop images on a web page. Say we have a Rails application, for example a forum, that allows users to register with a username and an avatar graphic to represent themselves. The application uses Paperclip to automatically crop and resize the image, but we’d like the user to have some control over how the cropping is d
前回はJavaScriptのプロトタイプチェーンについて、図解を用いることでなんとか理解できました。今回はスコープチェーンに挑戦してみます。前回と同じく「1. 図解を用いる」「2. 用語を明確に定義する」「3. Standard ECMA-262 3rd editionを情報ソースとする」というアプローチで紐解いて行きます。 用語の定義 ・本エントリの文章における表記は、以下の表の「ECMA-262 3rd」に統一する ・本エントリの図における表記は、以下の表の「本エントリの略称」に統一する ・本エントリ内におけるES3とは、Standard ECMA-262 3rd editionを指す ECMA-262 3rd 本エントリの略称 JavaScript(サイ本)第5版(日本語) Execution Contexts EC 実行コンテキスト Variable Object VO 変数定義の
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた!以下、情報ソースはなるべくECMAScript仕様書(3rd)を元にするようにして書きました なぜ分かりづらいのか? そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか?自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
前回の記事では、Sass 3.3で追加される「&」の新機能と@at-rootについて解説しました。今回は新しいデータタイプの「マップ」について解説します。 マップは色々な使い道があると思いますし、使い方によってはかなり便利なものですので、ライブラリを作っている方などは特に覚えておくと良いと思います。 マップとは マップは任意の名前と値のペアが集まったもので、名前をキーにして値を設定したり、取り出して使います。 マップの書き方ですが、名前と値をコロン(:)で区切り、複数記述する場合はカンマ(,)で区切り、それらを丸括弧(())で囲みます。CSSのスタイルの書き方とちょっと似ていますね。 // マップ $map: ( key1: value1, // key1にvalue1を設定 key2: value2, key3: value3, ); // CSSのスタイル selector { pro
いまがんばっているアプリ「漫画で学ぶ英語」のインフラ整備をしました。 目次 1. やりたいこと 2. 全体の構成を考える 3. プロジェクトの構成 4. どのテスト配信プラットフォームを使うか 5. ビルド毎にバージョンをあげること 5.1. versionCodeの採番体型を考える 5.2. バージョンアップスクリプト 6. 開発ビルド、リリースビルド、βビルドを作成する 7. ビルドごとに異なるアプリケーションアイコンを設定する 8. DeployGateにプッシュするタスクを追加する 9. APTを実行する 10. BitBucketのコミット時にJenkinsでビルドする 11. Jenkinsでビルドを走らせる 11.1. BitBucketからソースコードを取得する 11.2. Gradle clean 11.3. 署名鍵をコピーする 11.4.
複数人で AngularJS を利用した Web アプリケーションを構築するときに必要なルールをまとめてみました。 ( あくまで策定中のルールであり、今後も改変する可能性があります。また、ベストプラクティスを謳うものではありません ) 使用 AngularJS のバージョン angular.js 1.2.5 angular-route.js 1.2.5 参考サイト Dan Wahlin's Blog | Structuring AngularJS Code http://weblogs.asp.net/dwahlin/archive/2013/12/01/structuring-angularjs-code.aspx GitHub | mgechev / angularjs-style-guide / README-ja-jp.md https://github.com/mgechev/a
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか?(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Mavericks(OS X 10.9)のユーザーインターフェースは、基本的には前バージョンのMountain Lion(OS X 10.8)を踏襲しています。「Finderタブ」や「タグ」といった新機能を除けばMountain Lionとほぼ同じで、正直なところ目新しさを感じないのも事実。 しかし、実はものすごく細かいところで、結構いろいろと変化しているんです。Dockで起動中のアプリを示すインジケーターの形が丸から棒状に変わったのはかなりわかりやすいほう。中にはルーペでみないとわからないような、「なんでここを変える必要があったの?」と問いただしたくなるような部分も。 というわけで、そんなMavericksのデザインの細かすぎる変更点を、ランク別に見ていきましょう。 初級:Dockのテクスチャー OS Xのインターフェースの象徴ともいえる「Dock」。このテクスチャーが、Mountain
株式会社サイバーエージェントの連結子会社で、小学生向けプログラミング事業の株式会社CA Tech Kidsが、小学生向けプログラミング学習のテキストを期間限定で無料公開しています。 公開しているテキストは、株式会社CA Tech Kidsが小学生向けのプログラミングイベント「Tech Kids Hackathon2013」(テックキッズハッカソン2013)を11月16日(土)、12月1日(日)の2日間にわたり開催し、そのイベントで使用したものです。 そのイベントには、小学生述べ80名が参加し、文部科学省の提供するプログラミング学習用ウェブサイト「プログラミン」を使って、自分だけのオリジナルゲームやオリジナルアニメーションを開発しました。 また、開発した作品は、文部科学省の主催するプログラミングコンテスト「プログラミン×宇宙兄弟コンテスト」に応募しているようです。 CA Tech Kidsで
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 最近、Twitterに関する記事を余り投稿してこなかったSEO Japanですが、世間的にはIPO、そして利用者数も増え続けているようで着実にさらなる盛り上がりを見せているようです。日本でも世界の秒間ツイート数のトップ5を日本が独占するなど、その人気は衰えを知らないばかりか、若年層を中心に益々普及を見せているようです。Twitterをマーケティングに活用したい・してきた企業も数多くあると思いますが、今回はTwitterに関する様々な統計を集めた記事をThe Next Webから。中にはあなたのTwitterマーケティングの常識を覆すような、意外なデータもある? — SEO Japan 以下の記事
先日、ビジネスホテルに泊まったときの話である。 花の金曜日にも関わらず次の日が早く、またかなり疲れていたので、早々に床についた私だったが深夜に隣の部屋から聞こえた変な声にうなされて、目が覚めた。 あまり声を大にして言いたくないが、なんとも艶かしい"an an"みたいな声が響いているのだ。夜のガールズコレクションでも盛り上がっているのだろうか。 正直いってしんどい。もちろん男たるもの興味が無いといえばウソになるが こちらとしては早く寝たいのである。ビジネスホテルは壁が薄いらしいのでこんな事もあるのか、と思って目をつぶってやり過ごす事にする。 だが5分経っても、10分経っても声が一向に収まる気配がない。 何か止める手立てはないものか。ちょっと耳を塞いでみたり、布団を被ってみたが防音もできなかった。こんな状況だったからだ。 そうこうしている内にふと声が止み、何やら普通に話してる感じになったので「
Macでは、「ターミナル」を使うことで、さまざまな隠し機能・隠し設定にアクセスできます。 ターミナルは、触れる機会のない人にとっては「そもそも何?」ってものかもしれません。しかし使ってみれば、Macをいじる楽しさに目覚めるはず。今回は、簡単なコマンドで使える隠れた機能・設定ご紹介します。 (1)Dockをコーナーに配置する/(2)ウェジェットをデスクトップに表示する/(3)隠しファイルを表示する/(4)Dockを2Dにする/(5)シングルアプリケーションモードを有効にする/(6)クイックルック内のテキストをコピーする/(7)iTunesにポップアップ通知機能を追加する/(8)デバッグモードを有効にする/(9)連絡帳でデバックメニューを使う/(10)カレンダーでデバックメニューを使う/(11)ディスクユーティリティでデバックメニューを使う/(12)起動時のチャイム音を消す/(13)Dockが
仕事でExcelを使っていて、「もっと早く見栄えの良い資料を作れたらなぁ」と思っていませんか?Excel(エクセル)の便利な使い方が分かる記事まとめ でも、もう大丈夫! 本日は、 絶対に知っておくべきExcelの便利ワザ効率UPに必須の時短ワザデータの見栄えを良くする小ワザこんなことまでできるの?!という上級ワザ など、知っていると驚くほど差がつくExcelの技をすべてご紹介します。 数あるExcel記事の中から使える記事を厳選したので、是非参考にしてみてください。 1. 知っていると絶対便利なExcelの技 簡単なのに、知っていると作業時間が驚くほど短縮できる技を紹介している良記事を厳選しました。どれも一つ一つの技は簡単なので、必ず今日から使えます! ① Do you know these Double-click Tricks in Excel? (あなたは知ってる?ダブルクリックだけ
追記: ※この記事は、「既にアプリ開発者である人」がより生産性を上げれることを願って書いた記事になります。 よく理解してない方がこの記事を参考にして「これを使ったら簡単になるらしいよ」という解釈をするための記事ではありません。 利用すれば便利になる「かもしれない」というものであることを理解しておいてください。 アプリの開発は早く、その上クオリティ高く完成させるのが良いと思います。 自分で、便利クラスなどを作成している人も多くいるとは思いますが、 iOSはオープンソースなライブラリが充実しているので、できるだけ利用をして 早く確実に開発を終わらせちゃいましょう。 ライセンスはそれぞれを参照して確認してください。 ARCへの対応有無もよく確認してみましょう。 ※見出しタイトルがリンクになっています。 SDWebImage インターネット経由で画像を取得し、UIImageViewへ表示するとき、
オシャレ派Vimmerの皆さま、こんばんは。 Vimの配色を司る「カラースキーム」はお好きですか?お好きですよね。 だって、このブログで一番アクセスされているのが、カラースキームに関する記事なんですから。 僕もカラースキームが大好物です。 「hybrid」というステキなスキームを使うようになってからも、新作を求めてときどき旅に出ています。 — この記事は、Vim Advent Calendar 2013の17日目の記事です。 昨日の記事は、c0hamaさんによる「fugitive.vim をもっと使いこなす」。 カラースキームってどうやって探してる?みんな大好きカラースキーム。 どうやって自分好みのものを探しているのか思い返してみると、大きく分けて2通りほどでしょうか。 1.がんばって検索するひとつめは、「vim colorscheme おすすめ」みたいなキーワードで検索する方法。最も定番
はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか?とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome(もしくはChromium)と聞いて「あっ、SSHクライアントのことか!」と思われた方には少し物足りないか
先日、非公式ですがQiitaのクライアントアプリをリリースしました。 ※Qiitaサポートチームに問い合わせ、許可を得て公開をしております その名も 『週刊Qiita』 追記: Androidアプリリリース! Androidアプリもリリースしました! こちらも是非ご利用ください!! ダウンロードはこちらから または、AppStoreで「qiita」で検索。 ぜひ、ダウンロードをお願いしますm(__)m どんなアプリ? Qiitaの週間ストックランキングを閲覧するためのiPhoneアプリです。 毎週水曜日にランキングが更新され、その一週間の間にたくさんストックされた投稿を閲覧することができます。 QiitaのページはWebViewですが、一度Qiitaにログインしておけば、Cookieが有効な限りログイン状態を維持しておけるため、気になった投稿は簡単にストックできます。 ストック数ランキング
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く