今回の取材先 庄家（しょうや） 〒170-0013　東京都豊島区東池袋1-23-1 第１ソシアルビル 1F 03-3984-4480 http://r.gnavi.co.jp/a330400/ ※なお、今回の「こづゆ」は庄家さんにご協力いただき特別に作っていただきました。通常メニューにはございませんのでご注意ください。 作者：田中圭一 サラリーマン兼業マンガ家、最近は京都精華大学の特任准教授も兼任している。代表的な著作に「神罰」「死ぬかと思ったH」など （編集：編集プロダクション studio woofoo） Twitter：はぁとふる売国奴（keiichisennsei） Facebook：http://www.facebook.com/keiichisennsei 池袋のもつ鍋店はこちらから。 http://r.gnavi.co.jp/area/aream2157/motunabe/r

自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML・CSS 一部をのぞき、今回はサンプルとして基本的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント

日経平均の上昇は“バブル再来”というわけではない　後藤達也氏×藤野英人氏が語る、投資熱が高まる日本の現在地

例年、3月末には学生アルバイトが退職するため店舗のスタッフが減るが、今年は景気浮揚の影響もあり、それを補う採用がうまくいかなかった。一部店舗においては人手不足が原因で閉店を余儀なくされ、せっかく「すき家」の牛丼が食べたいとご足労いただいたお客様には、ご迷惑をおかけして大変申し訳なく思っている。 また、採用が思うようにいかずに一部のアルバイト諸君、クルーのみなさんの負担も増えた。こうした状況は急速に回復しつつあるが、3月末から4月にかけて、そういう店舗が発生したということについては、対策が必要であるという認識を持っている。 現状をお話すると、人手不足で閉店しているのは28店、リニューアルを目的とした閉店なども合わせると、5月14日現在、184店が閉店中だ。（人員不足の影響はすき家だけ大きいように見えると指摘されるが）すき家は全国に約2000店舗あるので、目立つということはあるだろう。100店

5/19放送の「あさイチ」では「女の人生2度おいしく～タカラジェンヌの第2幕～」として退団後のタカラジェンヌの活躍が紹介された。今年、100周年を迎えた宝塚歌劇団。これまでに宝塚を支えたタカラジェンヌは4400人を超えているそうだ。 人生を切り開くタカラジェンヌがすごい 退団後、宝塚で学んだ哲学を大切にしながら他業種に挑戦しているタカラジェンヌたち。 34歳で歯科医を志した桝谷多紀子さんは、宝塚時代に教師から言われた「あなたがやらないから出来ない。やれば出来るのよ」という言葉を胸に努力を続け、45歳の時に国家試験に合格。 桝谷さんは「人間はいつかできるんだということを宝塚で学ばせていただいた。努力さえすればいつかできる」と語っている。 タカラジェンヌが大切にしている「ブスの25箇条」 また、番組内で鍼灸師になった橋本実瑞貴さんが大切にしている哲学として「ブスの25ヶ条」が紹介され、話題にな

ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか？レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH

Redirecting… Click here if you are not redirected.

圧縮を有効にしろ スクロールせずに見えるコンテンツのレンダリングブロックしろ 画像を最適化しろ JavaScript を縮小しろ ブラウザのキャッシュを活用しろ リソース（HTML、CSS、JavaScript）を縮小しろ JavaScript を縮小しろ サーバーの応答時間を短縮しろ 以下、まずは初心者の方のでも実装が簡単そうなものから紹介します。 リソース（HTML、CSS、JavaScript）を縮小しろ CSSやjs、HTMLを圧縮して最適化（Minify）します。要は、空白とか改行とかコメントとかをギュッとします。オンラインツールがあるので簡単です。 tool http://www.creativyst.com/Prod/3/ ①に現在のCSSやjavascriptをコピーして②を押すだけ。 作成された③をコピーして張り替えればOKです。 但し、可読性は落ちるので常にCSSとかを

【サイボウズ式編集部より】この「ブロガーズ・コラム」は、著名ブロガーをサイボウズの外部から招いて、チームワークに関するコラムを執筆いただいています。今回は、日野瑛太郎さんによる「話し合い重視で雰囲気の良いチームが必ず成果を出せるわけではない」という話です。 「民主的」であることはチームにとって重要か？ 僕がまだ会社員として働いていたころの話です。 ある時期に所属していたチームは、とても「民主的なチーム」でした。チームリーダーは意見を押し付けるような物言いを一切しない人で、メンバーの話をとてもよく聞いてくれました。プロダクトの仕様を決める際にも役職関係なく思ったことが言えるので、「気が進まないけど、仕事だからしょうがねーな」といったようなやさぐれた気持ちで働くことが非常に少なく、気持ちの面ではだいぶ働きやすく感じていました。 しかしこのチームは（働いていた会社はサイボウズではありません。念の

スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」 普段スマホ用のブラウザ判別を行うために利用しているjQueyプラグインを公開したのでご紹介します・ ダウンロード / GitHub 利用方法 jQuery本体を読み込んだ後にダウンロードしたjquery.browser.sp.jsを読み込みます。 <script src="jquery.js"></script> <script src="jquery.browser.sp.js"></script> そうすると以下の様な$.browserオブジェクトが利用できるようになります。

Webサイト構築サービスベンチャーに注目しよう 国内ではほとんど知られていないが、実は欧米では、Webサイト構築サービスを主力にするスタートアップの躍進が注目されている。 彼らの多くは、HTMLやCSSの知識を必要とせず、WYSIWYG型のWeb制作ツールと運営用のサーバ・ネットワークも同時に提供するという統合型のサービスだ。もちろん昨今のサービスであればモバイル対応もなされている。昨年には代表的なWebサイト構築企業であるWixがNASDAQに上場をはたしているし、2014年に入って大型増資に成功したスタートアップのニュースも続いている。もはやWordPressやMovableTypeでWebサイトを制作している場合ではないのかもしれない、とまで思ってしまう。 まずプレイヤーの紹介をしよう。 Wix.com イスラエルのベンチャーであるWixは、2013年11月にIPOをはたした。1.2

どうも〜こんにちはぁ！好きな食べ物は、SEO（スーパー・エッグ・オムライス）でありますライターの、のび太です。 サイト作りで忘れちゃいけないのがSEO。検索結果で1つでも上位に表示させるため、そして、アクセスアップのためにSEO対策はどんなサイトでも重要です。 WordPressには、SEOを強化するための便利なプラグインがたくさんあります。今回はその中でも特に使えると思ったものを厳選して8つご紹介したいと思います。 ※ここでご紹介するプラグインがすべてのサイトで100%使える保証はありません。使用する際は自己責任でお願いいたします。 SEOを強化するWordPress無料プラグイン8選 All In One SEO Pack https://wordpress.org/plugins/all-in-one-seo-pack/ SEOプラグインとして、定番中の定番なのが「All in On

第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。［2014-04-19］ ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。Read less

「BigQueryは120億行を5秒でフルスキャン可能」は本当か？ 先日、kaheiさんがGoogle BigQuery（Googleクラウドの大規模クエリサービス）について、こんなエントリを書いていた。 とにかくパフォーマンスがすごい。（Fluentd Meetupでの）プレゼン中のデモで、ディスクに収められた5億件のデータをSQLでフルスキャンするのに3秒しかかからない。9億件のデータを正規表現を含んだSQLでスキャンしても、7秒で終わる（これ、記憶がちょっとあいまい。もう少しかかったかも）。これには驚いた。佐藤さんがGoogleに入社して一番驚いた技術が、一般公開される前のBigQueryだったと言っていたが、その気持ちはわかる。 From Fluentd Meetupに行ってきました これを読んだ時、BigQueryの検索スピードについてちょっと補足したくなった。確かにFluent

作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ

『45歳から5億円を稼ぐ勉強法』（植田統著、阪急コミュニケーションズ）の著者は、48歳から勉強を始め、50歳のとき司法試験に一発合格。独立2年目で年収3000万円を突破したという弁護士。そして本書では、そんな自らの経験に基づいて、人生の第2ステージである45歳から70歳までの間に稼ぐための勉強方を伝授しているわけです。 しかも「最初から最後まで読む必要はなく、自分にとってヒントになるものを見つけてもらえればそれでいい」という本書の言葉からもわかるように、とても実用的な構成になっています。きょうは第3章「70歳まで現役を続けるための5つの発想転換」に目を向けてみましょう。 自己完結力を備える 45歳は、第一の会社人生を終え、第二の会社人生へ向けての出発点。会社という大きな傘の下、多くの人と手分けしてやってきたことを、すべて自分でやらなければならなくなる。つまり、なんでもひととおり自分でこなす

12億人に社会貢献をさせることはできるか。不可能に見えますが、これをやってのけた男がいます。彼の名はルイス・フォン・アーン（Luis Von Ahn）。インターネット上のスパムを防止するシステム「CAPCHA（キャプチャ）」を開発した人物としても知られ、後にクラウドソーシングの概念を取り入れた「reCAPCHA（リキャプチャ）」を発明し、Google社に売却した人物でもあります。米国で「天才」とも呼ばれる彼が今注目する分野は「語学学習」です。彼が開発した語学学習アプリ「Duolingo（デュオリンゴ）」は、昨年のApple社が選ぶ「年間ベストアプリ賞」にも選ばれました。 今回、ライフハッカー［日本版］は、アーン氏の来日に合わせインタビューをする機会を得ました。彼が語ってくれたは、クラウドソーシングが秘める可能性から、語学に注目した理由、プロジェクトに残された今後の課題まで。彼の情熱に胸が熱

北方 雅人 日経トップリーダー編集長 1991年一橋大学社会学部卒業後、日経BP社に入社。日経ベンチャー（現日経トップリーダー）、日経レストランなど経営誌の編集部を経て、2010年より日経トップリーダー副編集長。17年1月より現職。中小企業経営のスペシャリスト。 この著者の記事を見る

以前「人間とは、集中するといい仕事をする。だらだらしてると駄目」というラジオの備忘録を記事にしました。 （生産性が低い原因は上司？「長時間労働は糧になる？仕事に打ち込むことの本当の意味」ラジオ備忘録 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】） 「効率的に成果を上げるためには、短い時間で集中することが重要」 このフレーズは、以前「時間」について勉強していたときにもよく目にしました。 【1時間は「20分が3つある」として行動する】「時間/手帳/朝活」について本気で勉強する【1】 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】 【生産性＝集中×努力】ストップウオッチで時間を計るだけで人は集中できる。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】 何故、短い時間で集中することが重要なのでしょうか？ その答えは、「脳が冴えている状態は長時間は続かない」から

何かと便利なEvernoteのショートカットキー。クイックノートを起動したりスクリーンキャプチャを撮ったり、Evernoteへのメモを効率化してくれます。 その中で「コピーしたものをペーストするショートカットキー」が存在します。 これ、実はコピーしたファイルにも有効。つまりコピーしたファイルを即時Evernoteに貼り付けられるんです。これが非常に便利で、Evernoteへのインプット作業のスピードを劇的に向上させてくれます。 Evernoteのコピペショートカットキー PCにEvernoteをインストールしていれば、あらゆるものを即時Evernoteに保存できるショートカットキーが使えます。 例えばMacの場合、以下のような機能が使えるようになっています。 特にクイックノートは非常に便利。Macのメニューバーからウインドウが出てきて、どんな時でもメモを取れます。そこから画面キャプチャも撮