サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
オフィス街を歩いていると、なんだかスーツ姿がカッコわるい人って沢山見ますよね。もしかしたら、あなたも気付かないうちにそうなってはいませんか? 実は、スーツはサイズを少し間違えてしまうだけで、驚くぐらいにダサく見えてしまいます。言い換えると、スーツ姿がカッコいい人っていうのは、自分にジャストなサイズのスーツを着ている人だと言えます。 そこで、今回はジャストサイズのスーツを選ぶためのルールをご紹介します。 このルールを守ると、今現在の体型は関係なく、あなたのスーツ姿が驚くぐらいに改善されることをお約束します。 1.スーツのサイズによって見た目がこんなに違う! 早速ですが、以下の画像を見比べてみて下さい。左がジャストサイズのスーツを着たもので、右側が大きめのスーツを着た時のものです。 印象が全く違いますよね? 同じスーツを着ていても、サイズが合っていないだけで、とても野暮ったく見えてしまいます。
Skel JS downloadSkel is a lightweight framework for building responsive sites and web apps. It was deprecated in 2018 and has been replaced with “Responsive Tools.” Click here to download the updated Skeljs, now known as “Responsive Tools” click here to download the legacy Skeljs When Sagapixel first started out and it was just Frank building websites, this framework was a lifesaver. He used it on
A set of basic mixins for the LESS CSS pre-processor. Most of these mixins focus on consolidating cross-browser prefixes into single, concise declarations. LESS Elements is not an extensive mixin library — just the essentials. See the mixins in actions on the test page. To use: Download the "elements.less" file.Place it in the same folder with your other LESS files.Reference it at the top of your
Some inspiration for headers that animate when scrolling the page. You’ve surely seen those really cool on scroll effects for headers that have been around lately. One example is the header on the Riot Industries website by Phil Renaud which rotates in 3d on click and enlarges when scrolling down. Similar work has been done by Johnny Simpson where he explores Scroll Activated Fixed Header Animatio
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
emojitracker is an experiment in realtime visualization of all emoji symbols used on twitter. it updates at the speed of updates on twitter in realtime, and thus contains rapidly updating visuals that may possibly cause problems for those sensitive to such things? I'm not sure, but I don't want to risk it, so here is a warning!
Git の挙動に変なところを見つけたので、パッチを作って Git のメーリングリストに投げてみたところ、何度かのレビューを経て、無事に取り込まれた。 Git に貢献したい人とか、オープンソース開発の流れに興味がある人もいるだろうから、作業の流れを書いておくことにする。 1. バグを発見する 何はともあれ、修正したいところを見つけるところから。 先日、git difftool --dir-diff が便利すぎて泣きそうです という記事を書いたが、difftool --dir-diff の挙動を調べているうちに、一時ファイル書き戻し条件が変なことに気づいた。 手元のバージョンが古いのかとも思ったが、master ブランチでも再現したので、ちょっくら深入りしてみた。git difftool は Perl スクリプトだったので、ソースコードに print を追加しつつ挙動を探っていった。しばらく調
「Chef! Chef!」と叫ばれる昨今、そのChefに挫折した皆様、いかがお過ごしでしょうか? Chefに挫折中のid:k1LoWです。 Ansibleいいよ。Ansible。 Chefに挫折したからといってプロビジョニングツールへの憧れは消えるわけもなく、時間を見つけてはいろいろいじっていた時、 同僚からの「Ansibleというツールが良さげらしい」という情報をそのまま鵜呑みにし、PHP Matsuri 2013を通じて使ってみて今に至っています。 Ansibleいいよ。Ansible。 AnsibleはPython製のプロビジョニングツールです。ChefやPuppetと同じ領域のツールですね。 ちなみに、呼び方は、日本語英語的に「あんしぼぉ」です。「あんじぼぉ」でも「あんそぉぼぉ」でもありません。PHP Matsuri 2013でVagrantのMitchell Hashimotoさ
JavaScriptのthisの覚え方 や JavaScriptの「this」は「4つ」だけ!の授業でやったから、this はみんなばっちりだよな。じゃあ今から抜き打ちテストするぞー。まだ読んでないひとは先に上の記事を読んどくといいと思うけど、腕に自信のある人はすぐに回答を始めても構わないぞ。赤点とった奴は、今日の放課後補習だからなー。 【注意】 問題 18 ~20 について、カンマ演算子 を知らないから解けなかった、という人が結構いるみたいです。本問はカンマ演算子の知識を問うものではなく、あくまで this の振る舞いについての理解を試すものなので、本来の題意を損なわないように当該の問題は改題しました。改題後も正答とその根拠は変わりません。 得点 評価
手や指の動きを読み取って、さまざまな処理を行うアプリを作成できる「Leap Motion」の一般販売がついに開始された。その開発はどのようなものなのか? SDKに含まれる最も基本的なソース・コードを眺めてみよう。 ※2013/07/29追記: C++言語向けの連載はこちらです。 ※2013/08/29追記: VB言語向けの連載はこちらです。 2013年7月22日(米国時間)、ついにLeap Motionの一般販売が開始された。Leap Motionとは、簡単にいえばKinectの機能を手と指だけ(+手に関連付けられた道具。例えばペンなど)に絞ったデバイスである。そのため、デバイスはフリスクのケース程度の大きさで(高さ:1.27cm、横幅:3cm、奥行き:7.62cm、重さ:45.4g)、価格も(執筆時点で)8200円程度(※税金や送料を含まない場合)とお手頃だ。 その内容や可能性は、言葉で
はじめに 今すぐ辞めて欲しい、「Ruby on Rails勉強してます」「CakePHP勉強してます」 | つい全力ツッコミしてしまうエンジニアCEOのブログ | sumyappを読みました。最初ツッコミどころが凄い*1なと思ったんですが、二回読んでちょっと思い当たる節があるなと思ったので書きます。 Rails を勉強しない方が良い理由 Railsにはscaffoldがあるので間口がすごく広いです。実際それを紹介した 15m intro video*2 が理由で人気を博しました。が、奥行きが深い。どこまで学べば「Railsを使いこなせます」って言えるのかまるでわかりません。 鉄板作法が共有されていない 2005年に出てきた割に意外に鉄板作法が共有されていません。 たとえばビジネスロジックをどこに置くのかについては以下のような議論があります やはりお前らのMVCは間違っている Rails の
ユーザー獲得のためのグロースハック事例20個(アプリ・WEBサービス)今回はユーザー獲得に焦点を絞り、グロースハック事例を紹介します。また、アプリだけでなく、WEBサービスの事例もいくつか紹介しています。今後の改善のヒントが何かしらあれば嬉しいです。 ▶LP→登録 ①ダウンロードボタンを1つに カップルのメッセージアプリcouple(元Pair)では、スマホ用のLPがあります。そこでiPhone、AndroidそれぞれDLボタンがあるのではなく、ボタンは1つにし、端末ごとに飛ばすURLを変えています。 (参考)Growth Hacking: Designing Channels for Web & Mobile Apps ②検索結果から直接AppStoreへ 女子限定フリマアプリFrilでは、検索結果のタイトルをタップすると、AppStoreが開きすぐにダウンロードできます。写真アプリCa
あなたの音楽活動を サポートする バーチャル・プロダクション リスナーを増やす / 収益を安定させる / 活動の幅を広げる まずはアカウント作成
GitHubが、どのオープンソースライセンスを選択すればよいのか指針となるサイトを公開したので、それぞれの特徴を翻訳してまとめてみました。 Choosing an OSS license Apache v2 License GPL v2 MIT License Mozilla Public License Version 2.0 LGPL v2.1 BSD (3-Clause) License Artistic License 2.0 GPL v3 LGPL v3 Affero GPL Public Domain (Unlicense) No License Eclipse Public License v1.0 BSD 2-Clause license 備考:各項目の補足説明 最後の「備考:各項目の補足説明」に各項目の補足となる説明をまとめました。 Apache v2 License ソ
cocos2dっていうiPhoneでは有名なゲームエンジンがあるんだけど、それのHTML5版でcocos2d-html5ってのがある。 http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Cocos2d-html5 これ、ちょっとまともに調べてみたけどかなり凄い。 凄いんだけどいまいちZyngaの日本での頑張りが足らないのか記事が少ないので、ちょっと紹介する。 ダウンロードとか とりあえず自分で触ってみるわって人は、上のリンクからCocos2d-html5-v何がしの最新版リンクをクリックしてダウンロードすればいい。 この記事時点ではCocos2d-html5-v2.1.4が最新。 サンプルゲームはpixi.js辺りに比べるといまいちだけど、個別の機能を確認するのはcocos2d-html5のテストプログラムが使える。 http://www.c
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
はじめに インターネットの普及に伴い、世界中のものをインターネットを介して注文することが可能となっています。オークションサイト「ebay」では海外の希少な製品を非常に安い値段で手に入れることが出来ますので非常にオススメです。 アパレル、時計、アンティーク、雑貨、切手など豊富なカテゴリ。 まずはアクセスしてみよう うわ~英語じゃんと思ってしまったあなた! 全く心配いりません。 e-bayは入札、購入、取引連絡など一連の流れをシステム化しており、面倒なやりとりを行うことなく取引が可能となっています。オークションとはいえ英語のメール等のやり取りは全く必要ないのです。商品画像を見ながらこれはと思った商品を入札してみましょう! 勝負すべきジャンル 自分が得意なジャンルに絞りましょう。海外ブランド、服、シューズ、時計等他の人より自分の知識が優れているジャンルで勝負します。得意分野でないと商品が高く売れ
個人輸入なら海外オークションebay 前回の記事で海外から商品を仕入れるにはebayを利用するのが初心者でも簡単だということをご紹介しました。 個人輸入で大儲け!海外オークションサイトebayはこんなに簡単 ~登録編~ - サラリーマン休日副業で月10万円以上目指すページ ebayの決済ではPayPalを使うことをおすすめしています。日本語対応で安心。PayPalはebayの子会社であり、ebayとの親和性も非常に高く、利用に際して様々なメリットがあります。PayPalを使うメリット、PayPalの登録方法について解説したいと思います。 電子決済にPayPalを使う3つの理由 1.クレジットカード番号を入力せず安全に取引 まずPayPalの仕組みについて解説したいと思います。 オークション落札者はPayPalに自身が保有するクレジットカードを登録します。アカウントの種類はパーソナルアカウン
家計の中でいちばん大きな割合を占める「住居費」。毎月カツカツの予算でやりくりしている家庭にとって、食費や電気代をちまちま削るより、家賃をガッツリ削るほうが節約効果絶大なのは言うまでもない。その極意を、新刊『家賃を2割下げる方法』(三五館)を上梓したばかりのジャーナリスト・日向咲嗣氏に聞いた。 「家賃は契約更新ごとに上がるのが普通、よくて据え置き……という過去のイメージが、いまだに根強く残っていることに驚かされます。俯瞰して見れば、家賃の相場はリーマンショック以降、4年半で24%も下落している(東京23区内マンション)。なのに、自分の家の家賃が下がらないことには、皆さん、なんの疑問も抱かないんですよね」 ――いったん住む家を決めてしまったら、それ以降は周りの家賃の相場なんてチェックしませんからね……。家賃の相場が下がっているという実感自体、持っている人が少ないんだと思います。 「借り手のそん
次々と新しい音楽サービスが登場するにつれ、ライブラリがあちこちに分散してしまい、聴きたい曲を探すのにてんやわんや...。 そんな時、複数のサービスを統合して巨大な音楽ライブラリを構築できる、クロスプラットフォームで無料の音楽プレイヤー『Tomahawk』が便利です。 何ができるの? Tomahawkは、リゾルバ(音楽ライブラリを拡張したり、楽曲を検索するために追加できるさまざまな外部リソースのこと)や拡張機能が特徴的なデスクトップ音楽プレイヤーです。楽曲を検索したければ、PCにある音楽ファイルだけでなく、Spotify、Soundcloud、YouTube、exfmなどの音楽サービスも横断的に探してくれます。いわば、インターネット全体が自分の音楽ライブラリとなるわけです。ほかにも、Pandoraみたいなラジオ局を作ったり、友達とプレイリストを共有したり、一度に6つの曲を検索したりなどが可能
五月の終わりから Quipper で働いている。 Quipper は DeNA の co-founder である渡辺雅之氏がロンドンで創業したモバイル学習プラットフォームの会社で...みたいな話は長くなるし、読者の興味を引きそうにないのでやめておく。このへんの話を詳しく知りたい人は渡辺によるハーバード・ビジネス・レビューの連載をどうぞ。 ソフトウェア開発者にとって一番気になるのは、会社の事業内容とか売上利益よりも、「どんな環境でソフトウェア開発をしているのか」じゃないだろうか。どんなインフラを使っているのか、バージョン管理やタスク管理はどうしているのか、自動テストはどのくらいやっているのか、開発手法はアジャイルなのか、 Mac で開発できるのか、椅子は六万円以上か(冗談ですよ)、などなど。 こういった、ソフトウェア開発者が日々過ごす広義の「環境」について言えば、 Quipper はかなりい
こんにちは。 もうすぐ8月ということで、7月中に話題になったwebサービスやアプリを11個ほどご紹介します。 IFTTT IFTTTとは、Webサービスやアプリのアクションを連携させて一連の処理にしてしまうサービスです。 「もし明日が雨だったらGmailにメールを送る」といったことも可能です。サービスの名称は「If this, then that(これをすれば、あれをする)」を略したもの。たとえばスマートフォンでとった写真を自動的にDropboxにアップロード、ブログへ投稿すると自動的にツイートする設定などなど考えられるレシピは無限大。 自分でレシピを投稿したり、他ユーザーの作成したレシピを見ることもできます。エンジニア思考っぽいのサービスですが、どんどん私生活の一部分としてに入り込んできそうですね。 SUVACO(スバコ) ソーシャル・ホームデザイン・サイトです。 家づくり・インテリアに
0_icon_to_140.md アイコンを140文字にする話 なに? この前ドット絵のアイコン書いたんですよ、こんなの。 結構うまくできたかなって満足してます。 それで、このアイコン、16x16なので、そのくらいならTwitterに140文字にして投稿できないかなって思ったんです。 そういうお話。 ルールと方針を決める バイナリデータである画像を文字列に圧縮するにあたって、次のルールを決めました。 140文字に納めること(バイト数は問わず = マルチバイト文字も1文字) 一般に使われてる処理系(Rubyなど)やエンコード方式(Base64など)は前提にしてもよい それ以外のエンコード方式などは、デコード処理も含めて140文字以内に納める これをふまえて、方針を立てます。 スタート時点で、画像のサイズは16x16のpngで180バイト程度です。 単純にBase64方式でエンコードする方法を
Responsive websites are those crafted to use W3C CSS3 media queries with fluid grids and commonly also fluid images, to adapt the layout to the viewing environment. The idea of responsive web design is to make websites that fit multiple screen sizes. For the designer and developer that means they only have to work on one version of the website instead of designing one for desktop computers and ano
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations Published July 12th, 2013 Today I'm going to share with you a gallery plugin I built (yeah, like the world needs another gallery plugin, right?) after having stumbled upon SONY's products gallery while I was browsing their website a while ago. Their products' image gallery is a simple one, but two things grabbed my attention about
ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。 デモページ:Optionsからちょい下にスクロール かなり下の方までスクロールすると、二番目のアイテムが上部に貼りつきます。 Clingifyの使い方 Step 1: 外部ファイル </body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.clingify.js"></script> </body> Step 2: HTML スクロールしても上部に固定配置にする
ビジネスの現場でどうすればイノベーションを生み出せるのか。もっとも手軽な方法はブレインストーミング(以下、ブレスト)によるアイデア出しです。「あ、それなら普段からやっているよ」と言う人もいるでしょうが、ブレストにはいくつかのレベルがあると考えています。 「思いついたことを口にする」「とにかく数をひねり出す」「絶対に否定してはいけない」「筋道立てて整理しない」などのシンプルなルールのもとで、アイデアがアイデアを刺激して、通常の議論では出てこないような発想を導き出すのが、いわゆるブレスト。 一番スタンダードなブレストの手法を確認しましょう。まず、小規模な会議室にメンバーを数人集めます。ここでは7人が集まった例を紹介します。部屋には7人のほかに、1人のファシリテーターがいて進行役となります。 スタンダードなブレストに潜む落とし穴 最初にすることは、1時間で100個のアイデアを出すこと。メンバーは
上記はデモをアニメーションgifにしたもので、初期はアイテムがカード状に重なっており、クリックすると中身がするすると表示されます。 最初にぱかっと開くの面白いですね、各アイテムはホバーでハイライトもします。 実際の動きは、下記ページでご覧ください。 CSS3 Card Deck Drop Down HTML 各アイテムはリスト要素でシンプルな実装です。 <div class="card-drop"> <a class='toggle' href="#"> <i class='icon-suitcase'></i> <span class='label-active'>Everyting</span> </a> <ul> <li class='active'><a data-label="Everyting" href="#"><i class='icon-suitcase'></i> Ev
投稿日:2013年7月25日 ソフトウェア:CSS3 このチュートリアルではCSS3で縫い目風のデザインを作る方法について紹介します。 Step1 : はじめに Step2 : CSS3 Step3 : 完成 デザインの世界では、要素をより減らし、効果をより増やすことが重要になります。 要素が多すぎると、ぐちゃぐちゃになってしまいますし、逆に少なすぎると90年代のような古臭い印象を与えてしまいます。 幸せなことに、ウェブデザインには、CSS3という素晴らしい武器があります。 CSS3を使えば、ページやページ内のコンテンツにポップさが加わります。 そして、サイトをごちゃごちゃさせることなく、一部分を際立たせたりきれいに見せることができるようになります。
こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対応アプリをどのように作るのかについて、気づいたことを紹介します。 目次 デモ leap.jsの用意 イベントループ Frameオブジェクト frame.fingers frame.hands frame.gestures circle swipe keyTap screenTap 感想 デモのコード デモ まずは実際に動かしている動画を御覧ください。 空中に手をかざすだけで、ピアノを演奏することができます。 音の再生にはMIDI.jsを使用しています。 ※ 手を3Dで表示している部分は、LeapMotion標準のビジュアライザ
CSS Checkbox | Cross Browser CSS Checkbox Generator | Free Checkbox CSS 好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」。 豊富なピュアCSSでデザインされたチェックボックスを選んでダウンロードが可能です。 必要なものだけど選んで、HTMLとCSSをコピペで使えるようになっているみたいです。 クロスブラウザかつ、ピュアCSSということでとても使いやすそうです ちょっとオシャレなチェックボックスにしたい、という場合は参考にできそう 画像はこのサービスのサーバを直指定しているようなので、トラフィックの大きなサイトでは予め画像をダウンロードして使うとよいでしょう。 関連エントリ チェックボックス、ラジオボタンをクールにデザインできるjQueryプラグイン「iCheck.js」
この記事は賞味期限切れです。(更新から1年が経過しています) JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと便利にした XDateオブジェクト を実装するライブラリです。 使い方はDateとほとんど変わらず、XDateに引数を渡して初期化して使います。 XDateオブジェクトは、DateにあるsetTimeやgetFullYearなどのメソッドを継承している他、 日付の足し算を行ったり、差分を計算したり等便利なメソッドが沢山生えています。 var d = new XDate(1977, 10, 25); // 1977/1
SculptGL is a small sculpting application powered by JavaScript and webGL.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く