「民泊」拡大で注目のSQUEEZEに、Pythonコミュニティで活躍する関根裕紀氏がジョイン。新CTOが考える次の一手とは？ - エンジニアtype

2015/11/06 22 users Airbnb ＣＴＯ 政令 条例 ジョイン

（写真左から）SQUEEZE代表取締役社長CEOの舘林真一氏と、CTOに就任した関根裕紀氏 外国人旅行者の急増や2020年の東京オリンピック・パラリンピック開催へ向けて、民泊・バケーションレンタル事業への注目度が高まっている。Airbnbのようなホームシェアリングサービスが台頭し、国内では今年8月「国家戦略特別区域を定める政令」が改正され、一部の地域では民泊に関する条例の整備も進み出した。ビジネス... 続きを読む

もうCSS設計で悩まない！「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -

2013/09/12 930 users プロパティ コーディング規約 規模 構造 ルール

構造やクラス名、プロパティの記述方法などをルール付ける「CSSコーディング ガイドライン」策定のための参考記事を紹介します。 チームでの共有、コーディング効率やメンテナンス性などの改善のためにも、これを機会にガイドラインを導入してみてはいかがでしょうか。 コーディング規約を作ろう "制作チームの規模が大きくなればなるほど、コードの統一性は大切" ▶ コーディング規約を作ろう Webクリエイターボッ... 続きを読む

心優しきSEM/SEOに携わる方に贈る！リスティング広告のURLの仕組み / SQUEEZE - Web Design Studio -

2013/09/09 20 users SEM-LABO SEM 発端 Twitterアカウント 発想

SEM、SEOに携わる方のツイート見ていたら気になったので、僭越ながらリスティング広告のURLの仕組みを簡単に解説します。 話の発端 Web業界向けのとあるイベントのtwitterアカウントが「リスティング広告はどんどんクリックしよう」というツイートをしたことに対して、@semlaboさんが 『「リスティング広告はどんどんクリックしよう」という発想は間違っている。 | SEM-LABO』というブロ... 続きを読む

【Ninja】jQueryとCSS3アニメーションで作る何度もクリックしたくなる「ページトップ」ボタン / SQUEEZE - Web Design Studio -

2013/09/09 116 users スクロールアニメーション Ninja 遊び心あふれる 何度

前回の記事『Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個』にならって、jQueryとCSS3アニメーションを使って遊び心あふれる何度もクリックしたくなる「ページトップ」ボタン作成してみました。 Ninjaページトップボタン ブックマークバーとスクロールアニメーションを活かしたページトップボタンにしてみました。サンプルページをご覧ください。 サンプルページ » 忍者登場はCS... 続きを読む

Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個 / SQUEEZE - Web Design Studio -

2013/09/06 37 users 遊び心 JTB Tokyo ページ上部 ボタン

Webサイトを閲覧中に、ページ上部に戻るための「ページトップ(スクロールトップ)」ボタン。ページの機能としての重要性は低く、あまり目立たない(目立たせない)ものです。そんな中でも、おっと思わせる遊び心のあふれる「ページトップ」ボタンをご紹介します。 ページトップ(スクロールトップ) ボタン 女子旅つくるプロジェクト｜JTB × KOBE COLLECTION / TOKYO RUNWAY http... 続きを読む

【jQuery】ブックマークレットの登録を分かりやすく案内する方法を考えてみた。 / SQUEEZE - Web Design Studio -

2013/09/05 15 users 画面キャプチャ jQuery 文章 ブックマークレット ボタン

ブックマークレットを登録するにはボタン(リンク)をブックマークバーにドラッグしますが、その説明は文章や画面キャプチャがほとんどです。慣れていれば説明を見なくとも登録はできていますが、ブックマークレットに馴染みのない方にでも、より直観的で分かりやすい案内する方法はないかと考えてみました。 ブックマークレットの参考サイト Tumblrのブックマークレット Tumblrのブックマークレットは、ボタンにマ... 続きを読む

Twitterでクリックするだけで変化するトリック画像を分解してみた！ / SQUEEZE - Web Design Studio -

2013/09/02 45 users エレン Twitter公式 Twitter サムネイル画像

Twitterでサムネイル画像をクリックすると変化する不思議なトリック画像がTL(タイムライン)に流れてきました。どのように実現しているのか気になったので分解してみました。 まずは、見てみましょう Twitter公式のWeb(PC/モバイル)、またはアプリでの閲覧推奨です。以下の画像をクリックして、Twitterで表示された後、再度画像をクリックして拡大表示します。 エレンをクリックしてみてくださ... 続きを読む

HTMLとCSSで手帳アイコンを書いてみました。 / SQUEEZE - Web Design Studio -

2013/08/09 22 users アピアランス イラレ イラストレーター アイコン CSS

話題の「イラストレーターで四角形オブジェクトを1つだけ配置して、すべてアピアランスで作成されたアイコン」をさらにHTMLとCSSで再現された方がいたので、HTMLとCSSだけで手帳アイコンを作ることにトライしてみました。 参考サイト まずは参考にさせていただいた元ネタはこちらです。 ・イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。｜Web Design KOJIK... 続きを読む

ブログ1記事140万円?! 滞在時間5,103,648秒=約丸2ヶ月の衝撃 / SQUEEZE - Web Design Studio -

2013/08/02 5 users 衝撃 Web Design Studio

当ブログでもっとも多くシェアいただいた「H1一つでここまで出来るCSS見出しデザインのアイデア9個」が、公開から半年を経過しているにも関わらず、いまだ多くの方にご訪問いただいてます。そこで、アクセス解析を少し覗いてみました。 人の数・時間は有限である まず今回は以下ブログを読み、はっとしてこの記事を書こうと思い立ちました。 ・Geekなぺーじ:知名度ゼロからの「ネット影響力」獲得への道 ネットを閲... 続きを読む

曜日・時間別PV見るならGoogle アナリティクス公式アプリのヒートマップが便利 / SQUEEZE - Web Design Studio -

2013/07/30 30 users サマリー アナリティクス 曜日 傾向 アカウント

Google アナリティクスの公式Androidアプリでは、曜日・時間別ページビューがヒートマップで表示され、ざっくりとした傾向を視覚的につかむには便利だったのでご紹介します。 ヒートマップでざっくり曜日・時間別の傾向をチェック 方法はとても簡単です。Google アナリティクスの公式Andoidアプリにチェックしたいアカウントを設定して「サマリー」を表示するだけ。 「今日」「昨日」「先週」「先月... 続きを読む

日本ではこれから?!流行のフラットデザイン国内事例17個+α / SQUEEZE - Web Design Studio -

2013/07/26 51 users 流行 Web Design Studio 日本

Webデザインのトレンドワード「フラットデザイン」。海外事例は多く紹介されていますが、国内事例はあまり見かけなかったのでまとめてみました。 「フラットデザイン」に明確な定義はなく、事例の選別は非常に悩みましたが、要素を含んでいるであろうサイトも含めピックアップしてみましたので参考にしていただければと思います。 フラットデザインとは 簡単に言うと「立体感やテクスチャ、影など現実に似せた装飾を排したシ... 続きを読む

「HTML5で冷気を表現したサイトがすごいな」を分解してみた！ / SQUEEZE - Web Design Studio -

2013/07/19 135 users canvas IDEA*IDEA 透過PNG 透過 冷気

「HTML5で冷気を表現したサイトがすごいな | IDEA*IDEA」で紹介されていた「メンソール系 氷冷エナジードリンク RAIZIN COOL」のリアルな冷気の表現がHTML5/Canvasで作成されているということで、どんな風に出来ているか気になったので分解してみました。 Canvasに透過pngを描画してループさせる (1)(2)(3)と、それぞれに<canvas>を配置します。そこに透過... 続きを読む

背後には気をつけろ！Gunosy砲の本当の威力 :. SQUEEZE .:

2013/06/27 20 users Gunosy砲 背後 威力

ブログやWebサイトへの新しいアクセス源としても注目されるGunosy。 Gunosy(グノシー) – http://gunosy.com/ Gunosy(グノシー)はあなたのtwitterアカウントやfacebookアカウント,はてなアカウントからあなたの興味を分析し，興味にあったニュース・記事を推薦するスマートなパーソナルマガジンです。 Gunosyの配信による爆発的なアクセスを「Gunosy... 続きを読む

バレンタインデー直前！すぐに試せるCcSSのブックマークレット＆ブログパーツ :. SQUEEZE .:

2013/02/12 8 users 見出し 実装 みなさんご存じ チョコレート ご自身

みなさんご存じ(?)のCcss = 『Chocolatecoating Style Sheet』をいろいろなサイトやご自身のサイト、ブログで簡単に試せるブックマークレット＆ブログパーツをご紹介します。 CcSSについての詳細はこちら↓ ・「バレンタインデーにまだ間に合う！ブログやサイトをチョコレート色に彩るCcSSの実装」 見出しがチョコレートに！CcSS ブックマークレット 見ているサイトの見出... 続きを読む

バレンタインデーにまだ間に合う！ブログやサイトをチョコレート色に彩るCcSSの実装 :. SQUEEZE .:

2013/02/08 6 users 贈り物 ワード みなさま 雰囲気 実装

巷ではバレンタインデー間近という雰囲気ですが、特に予定のない私からみなさまへのちょっと早いチョコレートの贈り物です。 「CcSS」聞き慣れない見慣れないワードだと思いますが ブログやサイトをチョコレート色に彩るには大事な技術となります。 そうそれは 『Chocolatecorting Style Sheet』 ・・・・・・ ・・・・ ・・・ ・ ・・・はい、それでは以下にご紹介します。 IE8くん... 続きを読む

CSSで描くスペクタクル！「ドラ○もん 3D」 :. SQUEEZE .:

2013/02/06 28 users スペクタクル CSS A’ とら テキスト

CSSで3Dにチャレンジする「ぷるぷる！飛び出す？！CSSでテキストを3Dっぽくしみた！」ではいくつか反響を頂きました。そして、その中でも気になったのが・・・ ぷるぷるしてたw 何枚も重ねたら面白そうだなぁ。(‘A’)っ｜ぷるぷる！飛び出す？！CSSでテキストを3Dっぽくしみた！ :. SQUEEZE .: squeeze.jp/blog/web-desig… — すしぱくさん (@susipak... 続きを読む

ぷるぷる！飛び出す？！CSSでテキストを3Dっぽくしみた！ :. SQUEEZE .:

2013/02/05 29 users CSS テキスト

ブログシリーズ第１弾「『ブログ元年?!』2003年流行しそうなWebサービス」の続編は、壮大過ぎてなかなか筆が進まないのでWebデザインに携わる者として制作にまつわる話題をひとつ。 まずは下の画像をご覧ください。じっと見ていると少し立体的に見えてきませんか？ （上手く見えない場合は、画面から離れたり近づいたりと、距離を前後に調整してみてください。） By brownpau これは、微妙に違う角度か... 続きを読む

H1一つでここまで出来るCSS見出しデザインのアイデア9個 :. SQUEEZE .:

2013/02/04 1103 users

ポイント 垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1p... 続きを読む

Debian -- News -- Debian 6.0 "Squeeze" released

2011/02/06 39 users released Debian 6th NEWS

Debian 6.0 Squeeze releasedFebruary 6th, 2011After 24 months of constant development, the Debian Project isproud to present its new stable version 6.0 (code nameSqueeze). Debian 6.0 is a free operatin... 続きを読む