モーショノロジー#1で発表してきました http://atnd.org/events/23608 資料: http://www.slideshare.net/penguinana/solr-11287004 Solrを使ったレシピ検索のプロトタイピング View more presentations from genta kaneyama 他の発表の資料は順次以下から見れるようになるようです。 https://www.facebook.com/motionology クックパッドではchankoという仕組みを使って本番で複数のバージョンを安全にデプロイできるようにしています。 これによって1つの場所を複数のチームが同時に改善したりできるようになりました。 chankoについては以下をお読みください。 Extensionの仕組みをMITライセンスで公開します
overlasting.net 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Almost everyone has seen how the autocomplete feature looks like. No wonder, then, Solr provides mechanisms by which we can build such functionality. In today’s entry I will show you how you can add autocomplete mechanism using faceting. Indeks Suppose you want to show some hints to the user in the on-line store, for example you want to show products name. Suppose that our index is composed of the
Tweet Pocket 日本にいても英語圏の人と接する機会が増えました。外国にいればなおさらですが、学校でも仕事場でも最初の自己紹介は大事なもの。何語であろうと、自己紹介は自分がどんな人間なのかを知ってもらう、初めの一歩です。ですが、ネイティブでない限り、使い慣れない英語でとなると、ちょっと構えてしまいますよね。 今回は、初心者でもできる限りストレスを感じず、出来れば楽しく英語で自己紹介できるポイントをおさえてみました。 1.笑顔そして声ははっきり大きくこれは、基本中の基本です。日本人の自己紹介ですと、真面目な顔をして「初めまして。私、○○と申します」と始めてもいいのでしょうが、外国人にはちょっと不気味に感じるようです。 まずは笑顔ではじめましょう。そして、私が反省の意味を込めて言いたいのは、とにかく声は大きく! 偉そうに書いてますが、私も初めはビビリまくり、留学先のクラスの自己紹介では
Hannah & Jeremiah 洋服や髪型にもトレンドがあるように、ウェブデザインにもトレンドがあります。そして背景は特にトレンドがあります。上にあげた例のいくつかの写真やイラストの背景はシャープで分かりやすいですが、いくつかは解釈することが難しいものもあります。ソリッドな背景は人気が高く、ぼんやりとしたブラーな背景もあちこちで目にするでしょう。また、ブラックやホワイト(時代遅れな使い方ではなく)だけでなく、単一のカラーの背景で奥行きをコントロールしエレメントを目立たせるように使っているサイトもあります。そして、パターンやテクスチャもよく機能する背景で、これは最近形の大きさが変化したように思われます。パターンは大きいけれど、繊細なテクスチャのように低いコントラストのアイテムを使っています。 1. シャープなイメージ 背景にシャープで強いイメージを使うことは定番と言っていいでしょう、ポイ
[Film Artwork] Trainspotting’s film poster campaign, 15 years on – トレインスポッティングのポスターキャンペーンについてのインタビュー記事 Pocket Tweet 映画Trainspotting、今年で上映されてから15年になるんだそうで。俺これ見たの大学生の時だぞ、オッサンになったなぁ・・・。とか思いました。当時印刷物のキャンペーンに携わっていたRob O’Connorというデザイナーの人へのインタビュー記事です。いかにしてあの超有名なアートワークに至ったのか(目を引くオレンジとHelvetica。今でもヴィレバンのポスターコーナーの常連ですな)、デザインプロセスについて根掘り葉掘り聞かれてます。まだ全部読んだわけじゃないけど時間ある時にゆっくり読もうかなと。Trainspottingは自分の中じゃ世界で1番好きな映画で
TOP > Design , Photoshop > さまざまな表情の木を表現できるPhotoshopブラシまとめ「25 Useful Tree Brushes for Photoshop」 個人でも企業でもエコを意識することが重要になっている現代では、エコな雰囲気を表現できる自然や木を素材として利用することも多くなっています。そんな中今回紹介するのが、さまざまな表情の木を表現できるPhotoshopブラシをまとめた「25 Useful Tree Brushes for Photoshop」です。 Leaves brush by =altergromit on deviantART 自然のイキイキとした表情や柔らかな雰囲気まで、木のさまざまな表情を捉えたPhotoshopブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳
仕事中でも、遊んでいる時でも、そして眠る時でも、ちょっとリラックスしたいな、という時に心地よい雨音をエンドレスで流し続けるサイトを紹介します。
THEは、水野学さん率いるプロダクトデザイン会社です。tween.jsが使われ、モーションと余白のとても美しいサイトになっています。 アイコンには、WebフォントであるWeb Symbols typeface、font-familyにはGeorgiaとヒラギノ明朝 Pro W3、構成は1ページのスクロール構成となっています。 THE WEB
Home > フォトショップ講座 > Photoshopで写真からマンガのキャラクターを作る方法 Photoshopで写真からマンガのキャラクターを作る方法 投稿日:2012年8月17日 レベル:初心者 ソフトウェア: このチュートリアルでは写真からマンガのキャラクターを作る方法について説明します。 特に、洋梨をマンガに登場するポップシンガーにする方法について紹介します。 このテクニックはどの写真にも使えます。実際に一度作業すれば、 口のレイヤーを使って自分の写真やFacebookの中の友達の写真を簡単にマンガにすることができます。 Step1 : はじめに Step2 : 画像にコピー・ペーストする Step3 : サングラスを配置する Step4 : ドロップシャドウをいれる Step5 : 空のレイヤーを作成する Step6 : 唇の色相を調整する Step7 : 緑色の色
TOP > Design , Font > 比較的最近発表されたレトロフォントまとめ「A New Collection of Retro Fonts」 昔ながらの雰囲気や、アンティークな雰囲気を演出するデザインを好む方も多いと思いますが、各時代を象徴するデザインテイストを表現するのは、素材探しなどに手間もかかります。そんな中今回紹介するのが、さまざまなデザインテイストに利用しやすい、比較的最近発表されたレトロフォントをまとめた「A New Collection of Retro Fonts」です。 Sierra Madre フォント ビンテージな雰囲気のフォントから、時代を象徴するテイストのフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Lemondrop font by Nymph
Event-driven programming can be overwhelming for beginners, which can make Node.js difficult to get started with. But don't let that discourage you. In this article, I will teach you some of the basics of Node.js and explain why it has become so popular. Introduction To start using Node.js, you must first understand the differences between Node.js and traditional server-side scripting environments
TOP > Design , Photoshop > 簡単に雰囲気の良い写真に加工できるアクションまとめ「Collection of New Photoshop Actions」 誰でも手軽に写真が撮影できるようになったことで、加工自体を自身で手がける方も増えてきていると思います。そんな中今回紹介するのは、簡単に雰囲気の良い写真に加工できるアクションまとめ「Collection of New Photoshop Actions」です。 (http://sweet-reality-xo.deviantart.com/art/Vintage-and-Retro-Colour-Actions-305292056) Photoshopの機能として重宝されるアクション機能を利用し、さまざまなテイストの写真加工を瞬時に可能にしてしまう、とても便利なまとめです。気になったものをピックアップしてみ
<ul class="menu"> <li id="menu01"><a href="/page01/">page01</a></li> <li id="menu02"><a href="/page02/">page02</a></li> <li id="menu03"><a href="/page03/">page03</a></li> </ul> <ul class="menu"> <li id="menu01" class="current"><a href="/page01/">page01</a></li> <li id="menu02"><a href="/page02/">page02</a></li> <li id="menu03"><a href="/page03/">page03</a></li> </ul>
CSSでtable幅を設定するためのまとめです。 以前、tableをレイアウトしたときに表示幅がなかなか思い通りにならず苦労したことがあったので、このエントリーにまとめてみました。 うまくまとまっていなかもしれませんが参考になれば幸いです。認識誤りがありましたらどこかでつぶやいてください。 記事中で使ったサンプルの表示は、Firefox/Google Chromeで確認しています。 1.table要素に幅を設定 table要素にwidthプロパティを設定すると、th要素/td要素の幅は次のようになります。 th要素/td要素の内容の幅が同じ場合は均等割りつけ th要素/td要素の内容の幅が異なる場合は長さに応じて割りつけ th要素/td要素にwidthプロパティを設定した場合、table要素に設定したwidthプロパティの値を超えない範囲で適用 例として、次のtable要素を利用します。
ご存知の方も多いと思いますが、jQueryでセレクタを複数指定する方法を紹介します。 1.セレクタを複数指定する jQueryでセレクタを複数指定するには、セレクタを次のようにカンマで区切ります。 HTML <h1>foo</h1> <h2>bar</h2> <h3>hoge</h3> jQuery $('h1, h2, h3').css('font-size','20px'); 適用前 適用後 セレクタには、要素セレクタ・IDセレクタ・classセレクタなど、異なる種類のものを設定することももちろんできます。 HTML <div id="foo"> <p>aaa</p> </div> <div> <p class="hoge">bbb</p> </div> <div id="bar"> <p>aaa<span>bbb</span>ccc</p> </div> jQuery $('#foo
TOP > Design > デザイン制作のクオリティをアップできるパターンセットまとめ「50 New And Free Pattern Sets」 デザイン制作の必須アイテムといっても過言ではないパターン素材は、さまざまなデザインシーンで利用されていると思います。そんな中今回紹介するのが、比較的最近発表されたクオリティの高いパターンセットとまとめた「50 New And Free Pattern Sets」です。 Christmas Patterns by ~Ransie3 on deviantART シンプルなパターンセットはもちろん、シーズンイベントにも使いやすいパターンセットまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Free Cute and Colorful Patterns b
This article will help walk you through using Vagrant to manage your virtual machine instances, and explain how you can take advantage of Puppet to provision various resources, like PHP and PostgreSQL. Introduction Developers have a huge selection of ways to build their web development environment. Developers have a huge selection of ways to build their web development environment. You can use "lo
どうも、筋肉痛の高橋です。 先日、江ノ島に行ってみたところ、猫とフナムシがたくさんで驚きました!特に洞窟の入り口付近がすごくて、透明フナムシの大群が・・・生シラス丼はめっちゃおいしかったです! さて、今回のネタは私の好物であるCakePHPです。 Cakeについては色々と紹介したい機能がありますが、その前に下準備から書きます。 “これから” という初心者が困らないように、最短でCakeを動作させる手順をまとめました。 ただし、筆者の都合でややMac向けです。 開発環境構築(PHP&MySQL) CakePHP初期設定(既にPHP&MySQLが動作する方はこちら) ローカルに開発環境を準備する はじめに書いておきますが、特別な知識は必要ありません。 CakePHPを動かすには、Webサーバ(Apacheなど)やDBサーバ(MySQLなど)を準備する必要がありました、が、 いまやクリックだけで
この記事は海外のベストセラー書籍を日本語化して配信するサービス「エグゼクティブブックサマリー」の抜粋です。 今回は『キャリアを再構築するための10の法則』~どんな経済状態でも生き残るための重要なスキル~(The 10 Laws of Career Reinvention : Essential Survival Skills for Any Economy)をご紹介します。この要約書で学べることは、1.厳しい経済環境の中で、キャリアの再構築が必要な理由、2.キャリア再構築の10個の法則の使い方、3.キャリアの再構築に成功した人々とその方法、4.自分のキャリアを再構築する方法です。 本当の職の安定は、自分の運命は自分でコントロールするものだと理解することで生まれる キャリアを再構築することは、重要なライフスキルである キャリアの再構築には、強い意志、献身、そして適切な姿勢が必要である 言い訳
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Web/iOS/Android/Mac:世の中にはかなりの数のタスクマネージャーがすでに出回っているので、「マルチプラットフォームの同期にも対応!」と、言われても、いまさらそれほど興奮を覚えるものではありません。しかし、『Doit.im』は、そんなタスクマネージャー過多の時代でも「使い方の簡単さ」という面で突出したアプリ。GTD愛好家の方が欲しがる機能はほとんど全て搭載されている、という多機能さもまた魅力です。 Doit.imを数年前に初めて取り上げた時にはWindows、Mac、Linux用のAdobe AIRベースのアプリでした。それ以後、アプリはウェブベースになり、携帯版が登場。今ではDoit.imはブラウザだけでなく、iPhoneやiPad、AndroidからToDoリストへアクセスしたり、Mac OS X用のミニアプリを使えたりと、さまざまな進化を遂げてきました。 週末を丸々投じ
私がRSpec使ってテスト書く時はこんな感じで書いてるよ〜ってのを書いてみた。*1 テストを書く順番について TDDでコードを書く場合、先にテストを書く事になります。 そして、そのテストを書く順番ですが、私は下記のような順番で書くように意識しています。 設計する describe を書く itを書く subjectを明確にする before(context)を明確にする その他に、気をつけている点はこんな感じ 別のメソッド呼ぶ時は基本的にstubなどで潰す contextは「〜の場合」、it は「〜であること」になるようにする 一つずつ、詳細を書きます。 設計する テストを書き始める前に、まず実装しようとしてるクラス、メソッドを簡単に設計します。 少なくとも、「クラス名」「クラスメソッド or インスタンスメソッド」「メソッド名」「メソッドの戻り値」ぐらいは決めます。 describe を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く