Inspiration for Button Styles and Effects | Codrops
A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects. Today we’d like to share some fresh button styles and effects with you. The current “button trend” is quite exciting since there are a variety of design details in use which allow for a great diversity of styles. There are lots of thin lines but also bold typogr
Online Chart Builder - ChartBlocks
Create beautiful custom charts. ChartBlocks takes your data from spreadsheets to shareable graphics — no coding necessary. Sign up for free What is ChartBlocks? ChartBlocks empowers you to seamlessly import, create and share data visualization. Hundreds of design options make it easy for you to choose how you want to tell the story of your data. Sign up now—It’s free Easily import your data Howeve
Kionin Inc.
Hello there, we're KioninWe make telcom and people data better Learn More A little about usWe are a small team improving the world of telecom and people data with the latest in technology. We've worked to improve everything from the quality of the data, to the ways you can access it, to the ultimate cost of it. We manage billions of records. For any request for data we don't have, we instantly ret
2週間ごとに著作権放棄された写真を公開・配布するストックフォトサービス・「stokpic」
stokpicは2週間毎に著作権放棄(CC0)された写真素材を公開、配布するストックフォトサービスです。配布される素材もクオリティの高いものが多い印象です。勿論過去に公開された写真もアーカイブされています。今となってはこのたぐいのサービスも珍しくなくなりましたが、覚えておいても損はなさそうですね。 stokpic
New JavaScript techniques for rapid page loads
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Prism Effect Slider with Canvas | Codrops
A tutorial on how to create a slider with a “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique. Today we’d like to show you how to build a simple slider with an interesting “prism” effect. The idea is to place a shape in front of the slider and “reflect” the images of each slide, in order to create the illusion of a prism. We’ll be using the HTML5 canvas element an
カヤックUI部による3月のよいアプリまとめ
今日は UI部 が3月のよいアプリをお届けします 今年の目標は10キロダイエット、進捗は+1キロです。わりえもんです。 ３月も今日で終わり...ということは今年も1/4がもう過ぎたということですね！ UI部では、毎週あるテーマに基づいてアプリの事例を集めて知見を共有しています！ ゲームチーム・自社サ−ビス・クライアントワークのメンバーがいる分、いろんな方向のアプリ の話があがって、面白いものです！ それでは、3月 KAYAC の UI部のメンバーが気になったアプリ10点をご紹介します！ 3月を振り返って気持ちよく4月を迎えましょう！ ゲームアプリ Dark Echo http://www.darkechogame.com これまたおしゃれミニマル系ゲームです！ 音の反響をビジュアル化、それを手掛かりに進む迷路ゲームです。 発想にもびっくり。是非みなさん自分のiPhoneで体験してみてくださ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CSSで括弧を表現したサンプル - NxWorld
丸括弧（） 頭から微妙な見栄えですが、**丸括弧（）**を表現してみたものです。 HTMLとCSSはそれぞれ下記のようになっており、擬似要素を使って生成したものにborder-radiusを指定します。 <div class="parenthesis"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. ... </p> </div> .parenthesis { position: relative; width: 500px; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .parenthesis::before, .parenthesis::after { position: absolute; top:
ウェブデザイナーなら挑戦してみたい、16進数から色をあてるゲーム『Guess The HEX』 | 100SHIKI
ちょっとやってみたけど全然だめだった苦笑。 Guess The HEXでは、16進数から色を当てるゲームを楽しむことができる。 3つほどレベルが用意されているが、一番やさしいものでもなかなか難しいのではなかろうか。 これができたからといってデザインができる、というわけではなかろうが、ぴたりと当てられると気持ちいいかもですな。
新サービスを立ち上げる際、エンジニアとしてやって良かった 9個の事 - Money Forward Developers Blog
エンジニアの渋谷です。 マネーフォワードは3月30日に【給与計算ソフト - MFクラウド給与】という新サービスをローンチさせていただきました。 マネーフォワード、クラウド型給与計算ソフト『MFクラウド給与』(β版)を無料提供開始～法改正や税制改正にも自動対応。企業の給与計算・労務をもっとスマートに～ クラウド給与計算ソフト マネーフォワード クラウド上で完結する本格的な給与計算サービスとして、リアルタイム給与計算機能や料率自動反映などを備えております。 本サービスの企画自体は、昨年年末に３人でスタートし、年明けから様々な方にお手伝いいただきながら、約３ヶ月の開発期間でローンチしました。 今回は、新サービスをゼロから作り上げるにあたり、エンジニアとしてやって良かった、と思えた事を９つばかり紹介させていただきます。 １：リリース前確認シート 企画がスタートした時に、【ビジョン】【ミッション】と
新しいものが大好きなグッドパッチで3月に話題になったアプリ、サービス、デザインまとめ（2015） | Goodpatch Blog
こんにちは！３月も今日で終わりです。桜が満開で綺麗ですね。４月からGoodpachはオフィスが二箇所になります！それでは、今月も楽しいアプリやサービスをたくさん紹介します。 過去の月間まとめ記事→月間まとめ一覧 Napkin http://www.designwithnapkin.com/ 画像、文字、アイコンなどを配置してiPhone上でモックアップを作成できるアプリです。グリッドを引くことができるので、簡単に綺麗に揃えられるのが便利です。 Periscope https://www.periscope.tv/ Periscopeは、Twitterによって１月に買収されたTwitter上で動画をリアルタイムに配信できるアプリです。配信に時間制限はなく、画面をタップするとハートを何度でも送ることができるのが特徴的です。 Eighty http://www.eightyapp.com/ Ei
髪色や髪型に悩んだときにオススメしてくれるサイト「ヘアカラー占い」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
フロントエンドを楽にするために
フロントエンドを楽にするために Qiitaを支えたい技術 at 時雨祭 About HN: mizchi Qiitaの方からきました(入社半年たったらしい) Reactオジサンはそろそろ飽きてきた Angularに興味が無いのでこっちにきた 最近の業務 Kobito for Windows Closedβ中: もうちょい待ってろ お前らウェブエンジニアはWindows使わないのでβユーザー集めにくいんじゃ 省力モード 一昨日がClosedβリリースだったんで察してくれ！！！ ついさっきまでバグフィックス用のビルド作ってた Qiitaを支える技術? 4ヶ月ほどほぼソロ作業 正直カウボーイぎみ OSSでドキュメントガンガン書いてカバー(したい) 業務から派生したOSS mizchi/arda Flux フレームワーク mizchi/stone-skin IndexedDb ラッパー mizch
新人プログラマーに読ませて 欲しいネーミングの大切さ - codic ブログ
ネーミングについてまじめに長文を書いてみました。もし、あなたの会社にネーミングに疎い新人プログラマーがいたら読ませてやってください。 ちなみに、この記事はシステム開発のネーミングについて書いています。また、このブログの特性上、英語でのネーミングを想定していますが、日本語のネーミングでも同様に考えることができると思います。 1. ネーミングの大切さ 一般に、熟練のプログラマーほど、プログラミングにおける ネーミングに時間をかけます。それはなぜでしょうか。 あなたが付けたその変数名 data は、その時点では、自分のために付けた「目印的なもの」であったかもしれません。しかし、そのソースコードを引き継いだ担当者など多くの人が、その名前を見ることになります。 // データを取得する var data = getData(1); そしてその名前は、そのソースコードを見る人に「僕は○○する変数だよー！
Blink-Diff – Yahoo!製の画像差分表示ツール
あなたは今、目の前に同じような画像ファイルが複数あって、どこが違うのか調べないといけません。文字が違うかも知れませんし、アイコンの並びが違うかも知れません。はたまた色が1%だけ違う可能性もあります。そんなのをすべての画像に対して行うのは大変なことです。 そこでBlink-Diffを使ってみましょう。Blink-DiffはYahoo! Inc.の開発した画像差分表示ツールです。 Blink-Diffの使い方 Blink-Diffの使い方は簡単です。二つの画像と、その差分の出力先を指定するだけです。 $ blink-diff --output test.png YDN_Color.png YDN_Missing.png Blink-Diff 1.0.7 Copyright (C) 2014 Yahoo! Inc. FAIL 最後にFAILと出ていますがコマンド自体は成功しているようです。 Bl
やってみよう Flux + React | コラム | MDMによる端末やスマートフォン管理ならMobiConnect
FluxとはFacebookが提唱しているReact向けのアーキテクチャです。(フレームワークではないとのこと) Reactとは同じくFacebookが開発しているJavaScriptクライアントアプリケーションのビューのライブラリです。 Virtual DOMという仕組みを持っていて、ビューの変更差分だけを実際のDOMに反映するため高速に動作する特徴があります。 Reactはビューの機能しかないので、Reactだけではアプリを組めません。そこをカバーするのがFluxです。 Fluxの概念図は下記のとおりです。 Fluxの三大要素はViews(React)、Dispatcher、Storeです。 これらの間をデータは一方向に流れます。(unidirectional data flow) Viewで発生したユーザー操作はActionを経由してDispatcherを呼び出します。D
理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その2）Inline Layout─Frontrend Conference
理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その2）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第3回目です。 vertical-alignごとのアイコンの揃え位置 前回に引き続き、vertical-alignの利用方法について解説していきます。今回はまず、文頭に置いたアイコン画像を、vertical-alignを用いて位置調節する方法から見ていきます。 以下の様なHTMLがあったとします。
IFTTT / 404 Error
The requested page or file does not exist. Explore Applets instead!
食べ歩きの達人が選ぶ「東京のポテトサラダ」10選｜男子ハック
食べ歩きの達人ことタベアルキストが「リピートしている」「人に教えたくなる」の２つの視点でお店を厳選。今回は東京のポテトサラダ10選をご紹介します。 ポテトサラダも奥が深い！東京で食べれる美味しいポテトサラダはココだ！ポテトサラダの発祥は諸説ありますが、日本においては1925年（大正14年）の国産マヨネーズ発売開始が１つの起点と言えそうです。 キューピーの創始者、中島董一郎氏がアメリカで食べて感激し、マヨネーズを作るきっかけになった料理がポテトサラダだったという逸話もあり、ポテトサラダとマヨネーズの間には切っても切れない縁があります。 ポテトサラダの基本はジャガイモとマヨネーズの組み合わせですが、芋の種類や、具種類、味付けのアレンジでバリエーションは無限大。 芋のタイプは、ホクホク系・なめらか系・複合系。具の種類は、定番系・アレンジ系。味付けの種類は、マヨネーズ主体・個性派。王道から個性派ま
littlebox – スタイルシートだけで作られたアイコン集
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近はアイコンを画像で提供することが少なくなってきています。バイナリなのでサイズの可変に弱く、サイズも大きくなりがちです。そこで使われるのがWeb Fontなのですが、こちらもちょっとした内容なのにサイズが大きくなってしまいがちです。 そこで使ってみたいのがlittleboxです。スタイルシートだけで作られたシンプルなアイコン集です。 littleboxの使い方 littleboxは一つのクラスですべてを表現しているのではなく、例えばカメラの場合は .lb-camera で四角を描き、:beforeと:afterで他の部品を描いています。そのためアイコンの色を変える場合は、 .lb-*, .lb-*::before .lb-*::after { border-color: /*YO
Being busy is lazy
A cross icon used to close notifications Close Notification icon
TEDトークで覆される、これまで信じてきた5つの常識 | ライフハッカー・ジャパン
「幸せになるにはどうすればいいか？」「どうすれば従業員に一生懸命仕事をしようと思ってもらえるか？」「身の回りの現実とそうでないものをどうすれば見分けられるか？」 すべての答えがすでにわかっているという人もいるかもしれませんが、TEDトークのこれまでの人気動画トップ20を見れば、おそらく考えが変わるでしょう。ビル・ゲイツやスティングをはじめとするスピーカーたちが共有する、この世の最高水準の考え、最高だと証明された方法、洞察力に満ちた内容の動画がTEDのウェブサイトにはあります。そのどれもが素晴らしく一見の価値があります。 そんなハイレベルな中にあって、ひときわ輝くトークはどんなものでしょうか？ いくつか例をあげてご紹介しましょう。面白くて、刺激的な考え方だけでなく、これまでの偏見や思い込みも覆されるはずです。これまで真実だと思っていた下記の5つのことは、TEDトークによって揺るがされるでしょ
エレクトロ・システム株式会社 公式 Google+
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
Mac の開発環境構築を自動化する (2015 年初旬編) - t-wadaのブログ
背景 愛用していた MBP15" が一ヶ月ほど前に突然亡くなり、急遽 MBP13" を買って環境構築を行ったので記録しておく。 (その後噂の薄くて軽くて新しい Macbook が出ただけでなく MBP13" までマイナーアップデートされたりしたが、悔しくはない。悔しくはないぞ！！) Brewfile オワコン問題 開発環境の構築は Homebrew と Homebrew Cask を入れて Brewfile を書き、 brew bundle すれば終わりかと思いきや、もう Brewfile はオワコンになってしまったらしい。 (3/25 追記) Brewfile がオワコンなのではなく Homebrew 本体から bundle コマンドが外されただけで、 元となった brewdle コマンドは健在で、もっと便利な brew-file もあるとのことです。 参考: Brewfileはオワコン
“DevOps”がないスタートアップの“DevXXX”の話
2015/03/22 JAWS-UG 2015 ~ クラウドへダイブ
あなたの未来のキャリアのために時間を投資しよう | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
Private Presentation
Private content!This content has been marked as private by the uploader.
Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
API Documentation & Design Tools for Teams | Swagger
API Development forEveryone Simplify your API development with our open-source and professional tools, built to help you and your team efficiently design and document APIs at scale. Find your toolRead the docs Trusted by Empowering API Development Streamline your workflow with unparalleled API specification support Swagger places API specifications such as OpenAPI, AsyncAPI, and JSON Schema at the
デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ
一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coolors オススメの組み合わせを次々に表示してくれるオンラインサービス。 スペースキーor右のアイコンでランダムカラー、ロックでカラー固定、さまざまなファイル形式にエクスポートもできます。
iOSアプリの様々なUXを比較できるサイト「UX Archive」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
業務で使えるオープンソース（151）·デザインベースフレームワーク MOONGIFT
今回のテーマはデザインベースフレームワークです。BootstrapやZurbなど様々なWebデザインフレームワークが存在しますが、あまりに多機能であるためにデザイン上の縛りが強く、Webデザイナーの方には嫌がられる傾向があります。 そこで今回は縛りが強くない、カスタマイズ前提のスタイルシートフレームワークを紹介します。便利な機能だけ使ってWebサイトを構築してください。 ## レスポンシブグリッド 一番多い機能としてはレスポンシブなグリッドではないかと思います。レスポンシブの場合、幅をパーセントで計算する必要があり、かつ大半が12等分されたグリッドを使って画面設計ができるようになっています。 かつネストしたグリッドなどの設計も面倒なもので、Bootstrapでもそうした部分だけ使っている方は多いのではないでしょうか。とはいえBootstrapでは機能が多すぎる感があるので、グリッドだけ提供
【普通の水は卒業！】細胞が喜ぶ「フレーバーウォーター」でキレイをつくろう | TABI LABO
まもなく始まる新生活。新しい環境に馴染むのは大変だし、ストレスを抱えることもきっと、たくさんあるはず。心もカラダも疲れてしまわないよう、きちんとデトックス方法を考えておきましょう。 この春も依然、大注目なのが水に少量の果汁やフルーツ・野菜の香りを加えた「フレーバーウォーター」です。水をたくさん飲んで、カラダの調子を整えることは、一番の健康法。毒素排出にも効果的ですよ。 ただ単に見た目の鮮やかさだけに囚われず、しっかり美容に効果ありな組み合わせをチョイスしましょう。他の野菜やフルーツとの相性抜群で、美容効果の高い４つの素材をご紹介！ 見た目も爽やかになる 「ミント」 ミントの葉に含まれる「メントール」は、脳を活性化させて集中力UPにもつながります。目覚めの一杯にピッタリ。気になるお肌の調子を整えてくれるから、ニキビ予防も期待できる？ 肌と心に潤いを与える 「オレンジ」 ビタミンCやカロテ
Auto-formatting JavaScript Code Style
Today, we’re going to look at the powerful new auto-formatting feature in JSCS for automatically applying style guide rules in our scripts. This has been in-development for some time and is in my view, a game changer. JSCSIn a number of the OSS projects we hack on at Google, we love using JSCS for linting JS against rules in our style guide. JSCS excels at catching style issues like mixing spaces
Web制作に役立つ便利すぎるブックマークレットのまとめ
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
もうgulpで憔悴しない - 低依存gulpfileのレシピ - Qiita
【追記150805】さらに憔悴しないための有用な記事『アカベコマイリ | gulp なしの Web フロントエンド開発』が掲載されましたので、こちらもお勧めします。 こんにちは、@armorik83です。皆さん、Grunt / gulp使ってますか。おなじみなので、ここでは説明はしません。 この記事の要点 なぜGrunt / gulpは憔悴に至るのか、経緯と問題点 npm run-scriptの仕組みについて package.jsonにscriptを羅列することに対する是非 シンプルなgulpfileについての提言 経緯 さて、先日このような記事が界隈で広まっていました。 Grunt/Gulpで憔悴したおっさんの話 この記事については同意できるところと、そうでもないところと、両方有りました。ただ、Grunt / gulpを使っていて色々歯がゆさを感じている方は昨今増えているだろうと感じます
Chrome 42 Beta: Push Notifications, Promoting Add to Home Screen and ES6 Classes
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
成功している人とは「一生懸命努力した普通の人」 | ライフハッカー・ジャパン
なぜか人は、自分は生まれつき成功するだけの才能がないのだと思い込みがちです。最初から人よりも秀でた能力を持っている人もいるかもしれませんが、どんな分野でも成功するにはその道を極めるまで精進しなければなりません。才能はただの出発地点に過ぎないのです。 実際には、"生まれ持った才能"の存在を証明するのは不可能です。身体能力などは特に、遺伝的にある種の才能を持っている人がいます。しかし、ほとんどの人は身体能力だけで成功することはありません。 誰もが得意になりたいと思うことがあります。充実できることをやり、それなりのお金を稼ぐことができれば、快適な生活やいい人生を送ることができます。お金がないと、成功した人をうらやましそうに見ながら、ソファに寝転んで人生を無為に過ごすことになります。自分にも成功するような才能があったら...！ と思っているかもしれませんが、自分の才能は変えられます。才能を変えられ
驚きの安さ！実売2750円で買えるBluetoothヘッドホン「Bluedio HT タービン（狩猟版）」 | 教えて君.net
驚きの安さ！実売2750円で買えるBluetoothヘッドホン「Bluedio HT タービン（狩猟版）」 あまりヘッドホンにこだわりのない人にはコスパに優れた5000円以下の製品がオススメだが、この価格帯の製品の難点が壊れやすいこと。特にケーブルの断線が多く、それが嫌で無線方式の製品を探している人もいるだろう。「Bluedio HT タービン（狩猟版）」はBluetooth対応の無線ヘッドホンで、実売価格は2000円台という驚きの安さ。 「Bluedio HT タービン（狩猟版）」はBluetooth接続のワイヤレスヘッドホンだ。最大の魅力は価格。実売価格2750円という、無線とは思えない低価格製品。音質に関しても、手軽に音楽を聴く分には充分なクオリティを発揮してくれる。カラーバリエーションも豊富でブラックのほかにもレッド、ブルー、ホワイトを用意し、好みに合わせて選択できる。 ワイヤレス
vimでちょっとしたワードを調べる時に使うアレ5つ｜TechRacho by BPS株式会社
目次 1. スペルチェック 2. Kコマンドによるマニュアル参照 3. Google サジェストによる補完 4. 英語辞書を引く 5. スニペット 1. スペルチェック スペルチェックは便利ですが、カラースキーマによっては見えなくなることもあります vimrcにこんな感じに設定しておくとF9キーでスペルチェックをON/OFFできます nnoremap <F9> :call SpellToggle()<CR> function! SpellToggle() setlocal spell! if exists("g:syntax_on") syntax off else syntax on endif endfunction 2. Kコマンドによるマニュアル参照 ノーマルモードでK(Shift+k)でファイルタイプに応じたマニュアルを参照できます 使用するにはファイルタイプの検出をONにしてお
Vimプラグイン初心者がスニペット機能を導入して、独自スニペットを追加できるまでの流れ - Qiita
背景 競技プログラミングで遊んでると、使い回しが効くようなコードはスニペット機能を使って素早く挿入したくなった。 Vimプラグインはあまり使ったことがないため、インストール周りで少し手こずったのでメモ化。 スニペットとは？ コード・スニペット。簡単に言うと定型構文を素早く挿入できる機能。 Vimでもプラグインを導入すればスニペット機能を利用できる。 この辺りを参照すると雰囲気がつかめると思う。 VimでPHPの補完にスニペットを使ったら捗った件 - Qiita 導入手順 プラグイン管理ツールの導入 Shougo/neobundle.vim Neobundleは、Vimプラグインを管理するためのプラグイン。 gitから落としてくる。 mkdir -p ~/.vim/bundle git clone git@github.com:Shougo/neobundle.vim.git ~/.vim/
Reddit - Dive into anything
I am Sir Tim Berners-Lee, inventor of the Web. Join me to talk about making the future of technology more human, reddit. AMA! EDIT -- AMA is over BUT ... Thanks to all for your questions! Please continue the conversation here on Reddit and with WIRED and Nokia here http://www.wired.com/maketechhuman As we all work to #maketechhuman ... just because I am leaving doesn't mean you can't thrash out th
VimのNeosnippetを使ってみる: Octopress用のsnippetも作ってみる
B! 14 0 0 0 Vimの Neosnippet というプラグインを入れたまままともに使ってなかったので 使えるようにしてみたら思った以上に便利だったので ちゃんと使っていこうと思ったのでメモ。 Neosnippet インストールするプラグイン スニペットの構造 Neosnippetの設定 vim-octopress-snippets Neosnippet もともと Neocomplcache という補完強化プラグイン 1 を使っている時に、スニペット部分が分離されて なんとなく指示通りに入れていた、と言うもの。 これまでまともにスニペットを使えてなかったので 今回使い始めるに当たってのメモです。 インストールするプラグイン Shougo/neocomplete.vim: スニペットの補完。必須ではないがあると圧倒的に便利。 if_luaでないVimな場合はShougo/neocom
食物繊維は玄米の8倍！？ ミランダ・カーも愛用するスーパー食材「チアシード」 | TABI LABO
最強のダイエット食材!? 近年、ビタミンや抗酸化物質など健康に不可欠な栄養素を多量に含む食品が「スーパーフード」として注目を浴びている。その中でもとりわけ秀逸な一品が、このチアシードだ。 アメリカではここ数年大きな注目を浴びており、セレブや自然食派に多数の愛好者を持つ。今更？と思う人はおさらいのつもりで。「詳しく知りたい！」な人には、スーパー食材・チアシードの正体を解き明かしていきたい。 チアシードって、そもそもナニ？ チアシードは、シソ科ミント属の「チア」という植物の種。元々はメキシコを中心に南米大陸で栽培されており、マヤやアステカの民族の主要な食糧源のひとつだったという。 「チアシードと水さえあれば、人は生きていける」と言われたほどのこの食材、いったいどんな栄養素が含まれているのだろう？ 注目すべきは、オメガ3脂肪酸と食物繊維 チアシードには、植物性タンパク質、ビタミン、ミネラルなど豊
「障害者＝感動のストーリー」ではありません。 車いすの女性コメディアンのスピーチが刺さる | TABI LABO
コメディアンにしてジャーナリストであるステラ・ヤング。 先天的な障害を持ち、車椅子で生活する彼女がTEDでスピーチした内容が、話題を集めている。 彼女が障害を考える上で、大切なことは3つあるという。それは「障害があるからと言って特別ではないこと」「他の人と同じように、身体を使いこなしていること」「障害を『感動ストーリー』として消費しないこと」。 1.障害があるからと言って、特別ではない ただ生きているだけで、何かを達成しているかのように扱うことは、逆に障害がある人のできることを低く見積もりすぎている。 2.身体の限界と付き合うことは、他の人も同じ もちろん障害があることは大変だけれど、努力して何かをできるようにしたり、身体の限界と付き合うという意味では他の人となんら変わらない。 3.障害は、あなたに感動を提供するモノではない 障害がある人は、何か感動的な話をする存在だと思われている。障
【奥が深い】世界的人気ライターが語る、「パスタソースと幸せ」の本質について | TABI LABO
今、世界で最も人気があるライターと言われるマルコム・グラッドウェルがTEDで語った「完璧なパスタソースの追求と、幸せの本質について」というスピーチが興味深い。 彼の著書「天才! 成功する人々の法則」「逆転! 強敵や逆境に勝てる秘密」などは日本を含む世界で、いずれも200万部超えの大ベストセラーになっているが、さすがにパスタソースと幸せなんて、一見何も関係ないように思える。 マルコムが伝えたい「本質的な幸せ」を手に入れる上で知っておきたい大切な3つのコトは、 1 本当に自分が欲しいものを知ること 2 完全も不完全もない、あるのは好みだけと知ること 3 多様性を受け入れること 彼は一体何を伝えようとしているのか。 思わずトーク術に引き込まれる、軽快なスピーチを見て頂こう。 最もアメリカ人の 幸福に貢献した人は？ マルコム・グラッドウェルが語るのは「過去20年間で、他の誰よりもアメリカ人の幸
All your base, are belong to us — or what base size do em-based media queries use? :: Fleeting Epiphanies
All your base, are belong to us — or what base size do em-based media queries use? by Stephanie Rewis on March 10, 2015 Yesterday, we had a discussion at work about rems, ems and percentages. I’ve used ems for media queries for years. I’ve used rems for font sizing for a couple of years. I felt like I had a pretty good handle on how it all works. Most of you probably understand the difference, but
理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その1）Inline Layout─Frontrend Conference
理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その1）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第2回目です。 なぜ画像の下部にスペースができてしまうのか？ 今回の記事では、vertical-alignについて解説していきます。前回は、行のレイアウトが、font-sizeとline-heightによりどう変わるのかを見てきました。この行の中で、要素を縦位置のどこに配置するかを決定するのがvertical-alignです。これを理解すると、前回の疑問、「なぜ画像の下部にスペースができてしまうのか」が分かりま
「クラブ行こーよ、朝6時に！」早朝から踊りまくるイベントが、世界中でブーム？ | TABI LABO
以下の動画はロンドンで始まった、「Morning Gloryville」というイベントの様子。普通のクラブイベントとはちょっと違っていて、平日の早朝6時半からスタートし、午前10時半には終了してしまうパーティなのだ！ クラブといえば深夜に始まり、薄暗い中大音量のダンスミュージックに合わせてお酒を片手に踊り明かす、というのが従来のイメージ。 でも、このイベントは全くそれとは違っていて、部屋には朝日が差し込み、飲み物はお酒の代わりにフレッシュコーヒーやスムージー。朝食にぴったりなバナナやリンゴなど果物も提供されている。おまけにマッサージまであったり・・・。子連れのお父さんやお母さんもいれば、ヨガを楽しむ人たちも。まるで野外フェスのようだけど、時間が来るとフロアから去っていつもの仕事や学校に向かうそう。 ニューヨークでも流行り始めてる？ もともとクラブの暗いイメージを払拭し、クラブで踊ることの楽
ファミコンからPCエンジンまでこれ1台でOK！ 11種類のレトロゲームができる互換機「レトロフリーク」
サイバーガジェットから1台で11種類のゲームができる互換機「レトロフリーク」が登場します。現在開発中で2015年春発売予定。 レトロフリーク ファミコン、スーパーファミコン、ゲームボーイ、ゲームボーイカラー、ゲームボーイアドバンス、メガドライブ、PCエンジンに同機種の海外版などを含めた全11種類のゲームソフトに対応。また、映像と音声はHDMI出力が可能。ゲーム画面は自動的に720pにアップスケーリングされ、アナログ接続だった従来のレトロゲーム機本体よりも高品質な映像と音声でプレイできます。 HDMI出力ならレトロゲームの映像がこんなに高品質に レトロゲーム機が多くてかさばるという人にも、もっとクリアな映像・音声でプレイしたいという人にもうれしい商品になりそう。価格や機能などの詳細は今後公式サイトや公式Twitterなどで発表される予定となっています。 （c）2015 CYBER Gadge
付き合っても長続きしないのは◯◯に問題があった！ 恋が続かない女性の特徴と対処法
誰と付き合っても長続きしない。体目当ての男性ばかり寄ってきたり、浮気されたりと明らかにダメ男を選んでしまったりして、友達からも男運が悪いと言われる女性っていますよね。 そんな女性にはある特徴があるのです。恋が長続きしない女性に共通する傾向と対策をまとめてみました。 すぐに体の関係になってしまう男性から求められると拒めなくてすぐにエッチしてしまう女性は、恋が長続きしにくいです。それは、男性から飽きられやすいからということだけではなく「体を許さないと好きになってもらえない」という自信のなさのあらわれから来ていることが多いからなのです。拒んだら嫌われるかもしれない、と思っているうちは本当の恋愛ができません。ただその気持ちを利用しようとする男性ばかり寄ってきてしまいます。 自分では気付いていなくても、どこか男性に対して自信がなかったり、過去の失恋が原因で自分の価値が感じられず、自分自身を大事にでき
優れたプログラマに対しての、管理職への昇進以外のキャリアパス | POSTD
あなたは、これからキャリアを切り拓こうとしている素晴らしいエンジニアたちを抱えています。チームは優れた成果を出して成長し続けているので、何らかの具体的な方法で賞賛したいと考えています。すぐに思いつくことは、特にエンジニアたちがそのチーム内ですでに事実上リーダーの役割を果たしている場合には、彼らにチーム内での役職を与えて昇進させることでしょう。でもその報酬は、本当にエンジニアたちが望んでいるものでしょうか？ もしかしたら彼ら自身も、昇進は望むべきもの、と思い込んでいるだけではないでしょうか？ 人材マネジメント力は別のスキル エンジニアの世界では、エンジニアたちが技術面ではピークに達した後に、これまで習得したものとは全く別の、社交面だとかソフト面におけるスキルを学ぶよう求められることがよくあります。これらは、エンジニアたちが過去のキャリアではほとんど気にしていなかったものです。このようなスキル
今まで経験したプロジェクトでありがちな展開と、エンジニアとしてアウトプットしていくパターン - mizchi's blog
なんか最近、(比較的)アウトプットしてないな、とふと気づいたんだけど、よく考えたらプロジェクトの進捗のフェーズによってアウトプットの分量が偏るのはいつものことだなー、とも思った。 それらのフェーズを前期、中期、後期、運営期で考えみる。 初期段階 おそらくライブラリの選定段階から始まる。この時期のアウトプットは、いわゆる「やってみた系」の記事が増える。ウェブに出る記事だと、これが大多数をしめる。汎用性が高く、技術的に挑戦的なものが多い。(立場的な話をするとQiitaはそういう記事がたくさん共有されると助かる) 選定が終わった段階で、アーキテクト的な役割の人は、たぶんこうあるべきだ、みたいな思想を形成する。それをクラス図やコード規約や役割に応じたドメイン特化基底クラスとして表現したりする。DDD的なアレならこれをユビキタス言語の構築としてプロジェクトを通してやるべきなんだろう。 使う予定のフレ
お金が貯まる人の３２の日々の習慣・考え方とは？
お金が貯まる人の３２の日々の習慣・考え方とは？ どうも、お金を貯めるのが苦手なマネタヌですｗ 世の中には、お金をうまく使って貯めてる人もいれば、無駄遣いをしている人もいます。 割合で言うと、お金を無駄遣いしてしまう人がほとんどではないでしょうか？ トイレをキレイにしている トイレを毎日キレイにしている人は、お金が貯まると言われています。 トイレ掃除と聞くと「嫌だな～」と感じる人もいますが、掃除をしてピカピカにすると、心もスッキリします。 気になる人が、金遣いが荒いのか、それともしっかりしているのか、トイレをチェックして判断しましょう。 早寝早起き こちらは定番ですね。お金の管理がうまくできている人は、早寝早起きの人が多いようです。 また、セロトニン（幸せホルモン）の 分泌量も増加するので、運気もよくなるようです。 関連記事⇒お金持ちの人が大切にしている７つの習慣とは？ 整理整頓ができている
Is UX-not-UI
A UX/UI designer combines creativity and analytics in his work. He is responsible for the usability and aesthetics of websites and applications, and thus helps businesses develop and achieve their…Continue readingUX/UI designer profession To successfully promote products and services in the digital environment, businesses need UX/UI designers. Their task is to design user interfaces that are comfo
From Map/Reduce to JavaScript Functional Programming – Mozilla Hacks - the Web developer blog
Since ECMAScript 5.1, Array.prototype.map & Array.prototype.reduce were introduced to major browsers. These two functions not only allow developers to describe a computation more clearly, but also to simplify the work of writing loops for traversing an array; especially when the looping code actually is for mapping the array to a new array, or for the accumulation, checksum, and other similar redu
API Reference
Introduction Welcome to the Kittn API! You can use our API to access Kittn API endpoints, which can get information on various cats, kittens, and breeds in our database. We have language bindings in Shell, Ruby, and Python! You can view code examples in the dark area to the right, and you can switch the programming language of the examples with the tabs in the top right. This example API documenta
【前編】僕が2人の億万長者から盗んだ、成功に欠かせない「20の習慣」 | TABI LABO
【2日連続シリーズ】 億万長者の間近で盗んだ 成功するための秘密 今回紹介するのは、プロのマッチ・メーカー、作家、PRスペシャリストと多岐にわたって活躍するPaul C. Brunson氏が書いた、Huffington Postで話題の記事。 彼が2人の億万長者、Enver Yucel氏(Bahcesehir Universityを設立するなど、教育界で影響力を持つトルコ出身の起業家)とOprah Winfrey氏(インタビュー番組「Oprah Winfrey show」のホストとして有名なTVネットワーク経営者、女優、慈善事業家として多方面で活躍)と、一緒に仕事をした経験を元にまとめた「成功するための20の習慣」。 Photo by Ed Gregory Brunson氏自身、実はかなりの成功者でもある。そんな彼が「すごい！」と尊敬して止まない、2人の億万長者に共通する習慣とはいった
プログラマを悩ませること Top 10 | POSTD
10. 「何か」は分かるが「なぜ」が分からないコメント プログラミング入門コースでは、早い段階かつ頻繁にコメントを記述することを生徒に教えます。プログラムを書き始めた初期段階（ごく単純なコードであっても、時に理解し難いことがあります）では、これは実際に役立つことなのですが、習慣にとらわれてしまうプログラマが多くいます。 上記のコードが何をするのか分かりますか？ 私は分かりません。 問題は、多くのコメントがそのコードが 何をする のかを説明していますが、 なぜ そのコードが書かれているかが説明されていません。では、異なるコメントが書かれた同じコードを見てみましょう。 こちらの方が分かりやすいですね。何が起きているのかを完全に理解できるとは言えませんが、最低でもなぜこのコードが必要なのかが文脈から判断することができます。 コメントは、構文を理解してもらうためにではなく、読み手がコードを理解しや
Introducing Aurelia | Aurelia
I'm totally stoked!!! Why? Because I finally get to share Aurelia with the JavaScript world. What is it you might ask? It's a next generation JavaScript client framework unlike anything else available today. Cut to The ChaseSeveral months ago I left the Angular team to return to my own framework. I've been working relentlessly to bring it to you as soon as possible and as a result, today I'm annou
lz-string: JavaScript compression, fast!
Goal lz-string was designed to fulfill the need of storing large amounts of data in localStorage, specifically on mobile devices. localStorage being usually limited to 5MB, all you can compress is that much more data you can store. You don't care about the blah-blah? The demo. The GitHub repository. The user guide. What about other libraries? All I could find was: some LZW implementations which gi
Simple CSS-Only Row and Column Highlighting | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Highlighting rows of a table is pretty darn easy in CSS. tr:hover { background: yellow; } does well there. But highlighting columns has always been a little trickier, because there is no single HTML element that is parent to table cells in a column. A dash of JavaScript can
VOYAGE GROUP エンジニアブログ : 知らなきゃ損するVOYAGE GROUPエンジニアが薦めるブログ、ウェブサイト
2015年01月30日16:41 カテゴリ 知らなきゃ損するVOYAGE GROUPエンジニアが薦めるブログ、ウェブサイト こんにちは、ECナビでアプリケーションエンジニアとして働いている@araiguma47です。 つい先日今年が始まったと思ったらもう１か月経ってしまいました。 年々時間が過ぎるのが早くなっている気がします。 VOYAGE GROUPエンジニアが普段見ているブログやウェブサイトをヒアリングしたところ、技術に関することから普段愛用しているサイトまで色々集まりました。◇技術系ブログ、まとめサイト ブログ・サイトコメント推薦者イイネ！ 徳丸浩の日記ITエンジニア必見のセキュリティに関することが書かれているブログ@araiguma47koheisg SICP暇になったらみて問題といてる@suzu_vjewel Rebuild結構更新多くて全部聞けないけどシニアエンジニアの意見が聞
経験豊富な幼稚園教師（4児の母）に学ぶ、しつけの極意6選 | ライフハッカー・ジャパン
学校や幼稚園でわが子を見ると、家での姿とまったく違っていて驚くことがあると思います。幼稚園の先生として、親からよく聞かれるのがしつけについての質問。そこでこの記事では、14年間の教員経験と4児を育てた経験を持つ母として、現場と家庭で学んだしつけテクニックを紹介しましょう。 「うちの子が、すすんで教室の掃除をしてる！ しかも、喜んでおもちゃをシェアしてるなんて！」 そんな光景を目にすると、保護者はたいていこう言います。 あの子、家ではいつも散らかしてばかりだし、弟にもおもちゃを貸してあげないんですよ！ 一体どうしたら、あんな風にしつけることができるんですか？ 私自身、4児の母なので、その気持ちはわかります。幸い私の場合、長年教育現場で培ったテクニックがありました。それをわが子にも適用したところ、教室と同じ効果を家庭でも得ることができたのです。 そこで、しつけに特に役立つ6つの秘訣を紹介したい
React Native — write native apps with React.js - /dev/zine
At React.js Conf 2015 Facebook announced React Native — a way to write native iOS and Android applications with JavaScript using the familiar React.js. What is React Native React Native is a way to build native apps in JavaScript using React.js for user interface. It doesn't use DOM for rendering, instead, it renders with native UI views. You write normal React components, but instead of using low
pecoを使い始めた - $shibayu36->blog;
なんかpercol最近いきなり流行ってるなーと思ってたら、percolのgo版pecoがいつの間にか出てて流行ってた。ターミナル版anything的なpercolをzawの代わりに試してみた - $shibayu36->blog;みたいな感じで、昔からpercol使っててまあいいかと思ってたけど 設定ファイルが分かりやすい brewで簡単に入れることが出来る そこそこ開発されてる というメリットもありそうなので乗り換えようとしてみている。 https://github.com/peco/peco pecoのファイル運用 前と大体同じ感じでやる。基本的にこういうツールは自分でいろいろ作りたくなってきて、設定が増えてきて破滅するので、ファイルを置くディレクトリを決めておいてそこに置いておくことにする。 .zshrc : 決めたディレクトリのファイルの全ロードと、キーバインドの設定 ~/.zsh
もしゾンビパニックが起こったら、一刻も早く岩手県へ逃げるのが正解 | sign
ゾンビ。死者が何らかの力で蘇り、死体のまま動き回る。人間の肉を食らう習性を持ち、襲われた者もまたゾンビになってしまう……。 街中でゾンビと出くわせば、すぐに殺されてしまう皆さんに朗報です。ついに、ゾンビパニックを生き延びる方法がわかってきました。もう大丈夫です。 A team of Cornell University researchers focusing on a fictional zombie outbreak as an approach to disease modeling suggests heading for the hills, in the Rockies, to save your ‘braains’ from the ‘undead.’
NativeScript - 夢再び。JavaScriptでiOS/Androidアプリを開発 MOONGIFT
ワンソース、マルチプラットフォームは甘美な響きであり、誰もが夢見る存在です。ずっと昔から言われており、アプリ開発において最も望まれている存在かも知れません。 かつてはTitaniumが有力候補が出てきたのですが、最近ではあまり聞かれません。そこで登場したのがNativeScriptです。 NativeScriptの使い方 NativeScriptはCLIで操作します。node/Homebrew/mono/JDK/ant/Android SDKなどが必要です。準備が終わったら、 $ npm i -g nativescript にてインストールができます。 コマンドは次のようになります。 // 対応プラットフォームを追加 tns platform add android tns platform add ios // デバイスで実行 tns run android tns run ios //
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy
Web Debugging Proxy Application for Windows, Mac OS and Linux Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information). Read More Recent Developments For discussion on the latest ch
新しいiMacにインストールしたアプリと設定を全部紹介
2013年2月某日。会社のデスクに新しいiMac(OS X 10.8.2)が届いたので、まっさらな状態から、インストールしたアプリと設定した内容をまとめておきます。 仕事はいわゆるマークアップエンジニアなので、Webサイトを作成するコーダーさんには役に立つ情報なのではないかなと思っております。 また、これからホームページを作成する人や、Macを最近購入したといった人にも参考にして頂けるかなと思います。ちなみに私自身は、Macを使い始めて半年くらいの初心者です。 Dropbox まずは設定に必要なファイルをDropboxに置いておいてあったので、早速インストールします。 Dropboxカメラインポートを利用していないので無効にしています。 設定 > 一般 > Dropboxカメラインポートの有効化のチェックをはずします。 ダウンロード速度とアップロード速度を早くします。 帯域 > 設定の変更
1グラムでも痩せたいあなたへ。海外で話題の「最先端エクササイズ・10選」を先取り！ | TABI LABO
今年こそ痩せてやる！勇み足でそんな新年の抱負を立てたものの、気がつけばもう何ヶ月も経って体重はほとんど落ちてない・・・、そう肩を落としている方も少なくないはず。 今回は、そんな悩めるダイエッターたちのために、海外で流行している10種類の最新エクササイズを一気にご紹介！楽しいエクササイズを導入すれば、念願のシェイプアップの近道になるかも。 01. アンティグラビティ フィットネス ニューヨーク発の新感覚エクササイズ。独自開発のハンモックを使用して、ヨガの動きを取り入れたフィットネスを行うもの。東京でも取り入れているスタジオは増え始めているのだとか。 02. プレイコア 公園などの遊具を使ったエクササイズ。童心に帰って楽しみながら、存分に汗をかいて身体を鍛えることができる。ただし、子どもが遊びたがっていたら遊具の優先権は譲るべし・・・。 03. アニマル・フロー ヨガに動物の動きを取
買うよりも作った方がおいしい食材ベスト10 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
たとえば、CTOになる計画をたててみる - クックパッド開発者ブログ
クックパッドで広告領域の企画や実装などを担当している大野です。 2015年期から広告領域ががふたつの事業部に分かれ、私は「新規広告開発部」に所属しています。この事業部は、新しい顧客や販路から収益を上げることと、既存を含む広告の配信を技術的に最適化して収益効率を向上させること、のふたつの目的から新設されました。 事業部に所属するメンバーは、営業やエンジニアといった職種に関わらず、それぞれ収益に対してコミットしています。そして、収益源やビジネスモデルはそれぞれ異なっています。 今回は、特にエンジニアがこうした環境において、やることおよびその優先度をどのように議論して決定しているかを紹介します。やりたいことやアイディアをどう出していくかについては本稿では議論しません。 ちょうど25日に公開された成田による議論 が参考になります。 優先度 = 回収可能額 * 必要投資規模 いきなり結論めいた話です
【レシピ】今田も絶賛！一流料理人の夜食「カリカリチーズリゾット」が5分で出来るのに超美味い！ - ライフハックブログKo's Style
0. お湯120㏄をわかす 1. コンビーフ50gをスプーンでほぐし、温かいご飯にのせるコンビーフは肉のうまみが強く、具材にも出汁にもなる万能食材とのこと。 2. 1にフリーズドライのトマトスープ１個をのせ、お湯120㏄をかけてよく混ぜる 3. ふたをし２分置く少し置くことで、ご飯にコンビーフのうまみが乗ってくるのだとか。 4. 待つ間に、皿に置いたクッキングペーパーに粉チーズ15gをふりかけ、レンジで１分加熱粉チーズをレンジでカリカリの板状にできるとのこと。 しかし、なぜか私がやってみるとうまく固まってくれませんでした（汗）。 TVではパルメザンチーズを使っていました。 しかたなく、とろけるスライスチーズを同様にクッキングペーパーに置いてレンジしたところ、うまく固まりました。 5. 3のご飯を盛りつけ、4のチーズを乗せて完成。 まとめチーズを割って一緒に食べると、サクサクした食感がたまり
WebエンジニアのためのSwift言語入門 - ICS MEDIA
Mac、iPhone・iPad、そしてApple Watch。これらのApple製品上で動くアプリはObjective-CとSwiftという言語で開発できます。Swiftは2014年に発表され、他のプログラミング言語の長所を多く取り入れたプログラミング言語です。何かしらのプログラミングの経験がある開発者にはもちろん、これからプログラミングを始める人にも比較的学習しやすいものとなっています。今回はiOSアプリにおけるパーティクル表現を通して、ActionScript 3.0やJavaScriptのようなウェブ開発技術と比較しながらSwiftを始めてみましょう。 デモについて Swiftで作られたパーティクルアニメーションをiPhone 6 Plus上で動かすデモです。画面上でフリックした場所にパーティクルが発生し、時間の経過とともに色が変わっていきます。 ソースコードはGitHubで公開して
【#90秒が恐ろしすぎ】それでも飛びたい・・・死と隣り合わせの「ウイングスーツ・フライング」 | TABI LABO
鳥のように空を飛べたら・・・。子どものころ、大空を見上げてそう願ったかもしれない。そんな夢を実現してしまう驚異のアイテムがこの「ウイングスーツ」だ！ 正直、怖い！ 空飛ぶ夢のアイテムだけど、 危険すぎ！ 身体全体を翼のようにできる特殊ジャンプスーツは、身に着けた姿から、「ムササビスーツ」とも呼ばれている。 では、このスーツを身に着ければ誰でも簡単に空を飛べるのか？もちろんカンタンなわけはなく、スーツを扱うためには、世界標準のルールで、最低200回以上のスカイダイビングの滑空経験と、インストラクターの個別指導が必須。 紹介した動画でJeb Corliss氏が行っているのは、「ベースジャンピング」という競技。これは普通のスカイダイビングとは違い、建造物や断崖などからパラシュートを背負って飛び降りる。 着地点までの高さが低いことや、地面や崖すれすれの場所をすさまじい速度で飛んでいくので、あらゆ
正しい腹筋の鍛え方！最短で効率良く鍛えるトレーニング法と食事方法 [筋トレ・筋肉トレーニング] All About
腹筋運動といえば、足を押さえて寝転がった状態から上半身を起こす運動を思い浮かべる方が多いと思います。これは「シットアップ」と呼ばれるトレーニング方法です。 でも、できるだけ短期間で鍛え上げられたお腹を手に入れたいのであれば、画像のように足を上げて、上半身を丸めるようにする「クランチ」と呼ばれるトレーニング方法がおすすめです。 【やり方】 1：膝を立てた状態で仰向けに寝ます。両手は頭の後ろで組んでおきます。 2：片足ずつ足を持ち上げて、膝が90度になるところに持ってきます。この時、足の力で持ち上げるのではなく、腹筋を使って持ち上げ、お腹の力で足を支えてキープします。 3：この状態で、頭→上半身の順で起こし、丸まります。ポイントは、起き上がるときに、息を吐きながらお腹を薄めて、腹筋を使うように意識することです。あと、手で頭を押さないようにしましょう。 4：上半身→頭の順で倒して、2のポジション
![正しい腹筋の鍛え方！最短で効率良く鍛えるトレーニング法と食事方法 [筋トレ・筋肉トレーニング] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/b79290ca0b03b5d36788671f1689a5de21709f00/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F9%2F3%2F8%2F7%2F4%2F1662450046%2Ftopimg_original.jpeg)
5人の歯車が見事に噛み合った！個性が出まくってる「SHINee」の新作PVのダンス♪【Your Number】
5人の歯車が見事に噛み合った！個性が出まくってる「SHINee」の新作PVのダンス♪【Your Number】 2015年3月11日に発売された「SHINee」のシングル 「Your Number」が1位になったことで更にPVとダンスに注目が集まっています！ おしゃれなイントロでスタイリッシュに佇む様子でもうテンションが上がってきます！ 出典：https://www.youtube.com/ 決める時はカッコよく決めながらも、彼らの無邪気なかわいらしさも全面に押し出されています♪ 5人のキャラクター性が垣間見えて好感度上がっちゃいます！！ 出典：https://www.youtube.com/ 誰一人かけていてもこんなカッコいいビデオにはならなかったことでしょう！ 一見の価値ありなダンスビデオです！ 動画はこちら！
【２万ＲＴ！？】アンパンマンのトリビュート漫画作品「ツブアンマン」がリアルすぎる | TABI LABO
2013年の1月に公開されてからというもの瞬く間にそのウワサが広がった漫画作品で、元デザイナーでもあるイラストレーター「マッチロ」さんの作品。寺田克也や松本大洋を彷彿とさせるSFチックでありながらも人間くささのある画風は多くの人々を驚かせました。本人にとっても予想以上に多くの人々に受け入れられたようで、感謝のイラストも作成しています。 Retweet数とView数も 記念イラスト化 かなりリアルなアンパンマンの世界・・・いやツブアンマンの世界。作者のマッチロさんについてもっと知りたい方はFacebookページを要チェック！他にもアイデアフルなイラストを楽しむことができます。 それにしてもこのストーリー、切ないですね・・・。 Licensed material used with permission by macchiro
【そりゃ自殺もするわ】東京のサラリーマン生活を記録したビデオが、海外で話題に | TABI LABO
YouTubeに投稿された東京で働く外国人サラリーマンの一週間を記録した動画が話題になっている。動画の男性、Stuさんの一日の予定は以下のようなもの。 07:30 起床 08:00 朝食 09:30 出社 23:15 退社 00:00 帰宅 00:30 グラノーラを買いに出る → グラノーラを食べる 01:00 就寝 13時間以上の労働が基本 更に、金曜日に至っては15時間を超える労働時間。終電にのるためにダッシュして、更に土曜日も10時間を超える労働！初めはハツラツとした表情を見せていたStuさんも、週の終わりに近づけば近づくほど、見る見るうちに生気が失われて行く・・・。動画を見た人々の反応はこうだ。 「働くことしかできないのになんで生きてるんだ？」 「で、いくら稼いだんだ？」 「ドラッグでもやってるんじゃないのか？」 「そりゃ自殺するわ」 「日本に行きたいと思ってるけど、本当はこうじ
950ページ超え！ Androidアプリの開発入門テキストが完全無料公開中！
これから「Androidアプリを作ってみたい！」という人や、「もっと体系的に勉強したい！」という人に朗報です！ アプリ開発スクールで知られる「TechInstitute」から、アプリの設計・開発・公開まで網羅した初心者向けの入門テキストが、なんと無料で公開されているのでご紹介したいと思います！ 950ページを超えるボリューム満点のテキスト！「TechInstitute」のWebサイトで公開されている「専用ページ」にアクセスすると、誰でもすぐにテキストをダウンロードすることが出来ます！ トピック毎に、興味のある分野だけダウンロードしたり、「まとめてDL」ボタンから一気にテキストを入手することも可能。 ファイルはPDFで提供されており、全部で950ページを超える大ボリュームの内容は以下の通り！ ＜目次＞ ファーストステップ プログラミングとは何か コンピュータとスマートフォン 初回のプランニン
【まるで異世界】東京から「文字」を消したら、静かになった・・・ | TABI LABO
グラフィックデザイナーのNicolas Damiens氏が創り出したもうひとつの東京風景「Tokyo No Ads」が凄い。日常から「文字」を消したらどうなるのか？という素朴な疑問に応えたアート作品。看板や広告の文字が、これまでどれだけ目に入ってきていたのかが浮き彫りになる。 消えているのが「文字」だけっていう事実が信じられないくらい、東京から何かが消えてしまった感覚になる・・・。 Licensed material used with permission by Tokyo No Ads 世界とつながる、MOVEする - TABI LABO
総勢88作品！？「映画のダンスシーン“のみ”」をまとめた動画が素晴らしいと話題に！
これは凄い！ 出典：https://www.youtube.com/ Walk the Moonの「Shut Up and Dance」に乗せて、様々な映画のダンスシーンがまとめられています♪ なんと総勢88作品！！これは凄い…。 出典：https://www.youtube.com/ シャルウィダンスや美女と野獣など、メジャーなものも数多く使われています。 「あ！この映画見たことある！！」と、少し嬉しくなってしまうことでしょう♪ 動画はこちら！ 使われている映画はこれ！ 0:04 Silver Linings Playbook 0:06 Reality Bites 0:08 Something Borrowed 0:12 Love Actually 0:15 Charlie’s Angels 0:17 Dirty Dancing 0:20 Big 0:23 Reservoir Dogs
Webサイトを様々なデバイスに対応させる為の軽量なjQueryプラグイン・「Restive.JS」
Restive.JSはWebサイトを様々なデバイスに対応させるためのスクリプトです。デバイスを検出してbody要素にclassを加える、任意のサイズでブレークポイントを作成する、任意のDOM要素のみにclassを付与する等をシンプルなコードで出来るみたいですね。ライセンスはMITとの事です。 Restive.JS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://lattapartners.com/offline-data-in-the-browser/
illustrio: Editable stock images at your fingertips
http://heartbeats./
GitHub - milankinen/livereactload: Live code editing with Browserify and React
idLinker: Explains the kind of web services you use & how to find you
Drophost
marching cubes music player by geraldine erman - Experiments with Google
FontPair - Helps you pair Google Fonts together
the new code – not found – blog / 1007
YoutubeやImgur、Githubリポジトリ、jsFiddle等のURLをリッチメディアに変換するライブラリ・「Olly.js」
Script Roundup: vim-showspaces, ColumnTags.vim
最高にうまいナポリタンの作り方 ペペロンチーノ編＋α : キニ速
Beagle: Create more compelling proposals, faster
TotalSpaces2
クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト:phpspot開発日誌
GitHub - ben-eb/postcss-zindex: DEPRECATED, see https://github.com/cssnano/cssnano | Reduce z-index values with PostCSS.
Expert led courses for front-end web developers.
http://caspervonb.com/javascript/tools/live-edit-javascript-amok/
Azusa Colors Keynote Theme by sanographix
Responsive Field Day Portland!
People Are Already Downloading Project Spartan
The On Demand Global Workforce - oDesk
Engadget | Technology News & Reviews
Software Engineering Intelligence
ReadMe
ReadBug: The Netflix for magazines
SwipeColor: An addictive game about colors and gestures
営業さんまで、社員全員がSQLを使う 「越境型組織」 ができるまでの3+1のポイント | リブセンス
Infinite Zoom by Nikolaus Baumgarten - Experiments with Google
「壁ドン」は、海外の女性にも効果有り？実際にやってみた動画が凄い！ | TABI LABO
Hakim / Flipside
画像に対応したカラーパレットを作成することができる「Color Palette from Image」が無料化した本日のMacアプリセールまとめ | ソフトアンテナ
GitHub - n-yuji/keyboard-font: キーボードの記号フォント（Keyboard-JP-Regular.otf）です。
GitHub - cheeriojs/cheerio: The fast, flexible, and elegant library for parsing and manipulating HTML and XML.
israelidanny/ie8linter · GitHub - A little tool to lint websites for IE8 compatibility, with warnings for possible pitfalls
Google Earth Pro is now free
GitHub - tckmn/mkcast: [OBSOLETE - see readme] A tool for creating GIF screencasts of a terminal, with key presses overlaid.![GitHub - tckmn/mkcast: [OBSOLETE - see readme] A tool for creating GIF screencasts of a terminal, with key presses overlaid.](https://cdn-ak-scissors.b.st-hatena.com/image/square/3125588be06f2e05aba0d433f3d369cb6a86f293/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fed57e8cfd5afd017c991bec4f9a67eac51d95077888e90ddf4692c0a86d7d9f0%2Ftckmn%2Fmkcast)
peco – ターミナルでもUnite.vim的な – | チラシの裏
Airtable: A realtime, spreadsheet database hybrid
GitHub - standard/standard: 🌟 JavaScript Style Guide, with linter & automatic code fixer
dotfiles/.vimrc at master · strozw/dotfiles · GitHub
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ
なんだこの展開ｗEDWINの新CM「瑛太 vs 水原希子」ダンスがセンス抜群で面白い！
#19秒で大爆笑！ 世界一リコーダーがへたくそな男が「タイタニック」を演奏（笑） | TABI LABO
【動画】元陸上選手が、ラグビーに転向したら誰も追いつけなかった（笑） | TABI LABO
#21秒から特にスゴイ。謎の「ブレスエクササイズ」動画が面白すぎる | TABI LABO
