Techable サイト閉鎖のお知らせ 長らくのご利用、誠にありがとうございました。 当サイトは2024年12月31日をもちまして閉鎖いたしました。 これまでのご支援に心より感謝申し上げます。

インフルエンザ、ノロウィルス、そして花粉と、忙しい毎日の中で"見えない何か"を常に意識せざるを得ない今日このごろ、皆様いかがお過ごしでしょうか。今回も個人的に感じた、素晴らしいサイトの特徴をいくつかお話したいと思います。 音楽ジャンルの"栄枯盛衰" Music Timeline Googleの研究部門「Google Research」によって公開された、音楽年表『Music Timeline』です。 図1　「⁠Google Play Music」のデータを元に作られた『Music Timeline』 Googleのデジタルコンテンツ配信サービスである「Google Play Music」のユーザーライブラリに保存された、1950年以降の楽曲データを元に、音楽ジャンルの移り変わりを年代ごとの面グラフで表しています。積み重なったデータ層の厚さは、その年代における音楽ジャンルの人気に対応しており

キャッチアップ！ Windows Azure メディアサービス 第1回Windows Azure メディアサービスを使って、HTML5へのストリーミング配信を実現する はじめに Windows Azure メディアサービスは、マルチデバイス向けの動画ストリーミングをPaaSという形で提供しています。現在はサポート外ですが、MPEG-DASHというHTML5と大変相性の良い標準仕様にも試していただけます。ここでは、どうやってMPEG-DASH向けの動画配信を行うのか、簡単なサンプルコードを元に説明します。 MPEG-DASHとは? HTTPを前提にした動画配信の方式では、プログレッシブダウンロードと呼ばれる方式のみがサポートされていました。これは、HTTP GETリクエストに、Byte-Range指定をし、動画ファイルの中から断片的にデータを送信して、再生されるという仕組みです。サーバ側は、

前回の第20回「立方体のワイヤーフレームを水平に回す」でつくった立方体の四方の面を塗りたい。ただしその場合は、面をどの順序で塗るか、考えておかなければならない。そうしないと、面の重ね順が崩れる（図1⁠）⁠。今回は、「⁠ベクトルの外積」を使って解決することにしよう。 図1　順序を考えずに塗ると面の重ね順が崩れる → 面の塗り順をどう扱うか 3次元空間でオブジェクトを描く順序については、第19回「3次元空間で弾むオブジェクトとz座標による重ね順の並べ替え」で学んだ。このときは、Array.sort()メソッドにより、「⁠オブジェクトの重なりをz座標値の順に並べ替える」ことにしたのだった。今回も、配列の並べ替えで塗り順を決める手は使える。だが、Array.sort()メソッドの処理の負荷は決して軽くない。第19回※1をつぎに改めて引用した。この動画を見れば、JavaScriptの手間もうかがい知

KiwiのMocks and Stubsについての簡単な解説です。これは、最新情報では無いかもしれません。細かいことについては、公式を見ることをおすすめします。 https://github.com/allending/Kiwi/wiki/Mocks-and-Stubs Kiwiにはモックとスタブの機能が実装されています。まだ実装されていないオブジェクトと関連づいていてもテストが可能となります。 MockとNullMock モックは、実装されていないオブジェクトや実物を用いるのが難しい場合に変わりとして用いるための機能です。 Kiwiには2つのモックがあります。MockとNullMockです。 Mockは事前に特定のメッセージが送られた場合の挙動を定義して置かなければなりません。定義していないメッセージを送られた場合エラーとなり、テストは失敗します。 一方、NullMockは定義していない

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

@property (nonatomic) UIWebPaginationMode paginationMode; @property (nonatomic) UIWebPaginationBreakingMode paginationBreakingMode; @property (nonatomic) CGFloat pageLength; @property (nonatomic) CGFloat gapBetweenPages; @property (nonatomic, readonly) NSUInteger pageCount; 名前から察するに、全体的に Webのページネーション に関する機能追加のようです。 UIWebPaginationMode には次のような値が定義されています。 typedef NS_ENUM(NSInteger, UIWebPaginationMo

- (UIViewController *)findViewController id nextResponder = self.nextResponder; while (YES) { if ([nextResponder isKindOfClass:UIViewController.class]) { return nextResponder; } else if ([nextResponder isKindOfClass:UIView.class]) { nextResponder = ((UIView*)nextResponder).nextResponder; continue; } else { break; } } return nil; }

GlassFishのポート番号とリバースプロキシ GlassFishのポート番号はデフォルトで8080番ですが、Softbankの携帯やスマホは8080番が使えません。 Apache使いなら、mod_proxy_ajpかmod_jkなどを使ってGlassFishと連携できますが、私はnginx使いです。 対処策として、次のように外部から80番でアクセスしてきたら、nginxで80番を8080番に転送するようにします。 外部 -80-> 自宅Webサーバ -8080-> 自宅GlassFish このような方法を「リバースプロキシ」と言います。 nginxの設定 たとえば、「http ://xxx.yyy.zzz/jsfDemo/」のURIをGlassFishに転送する場合は、次のように設定を入れます。設定後は、nginxを再起動/再ロードします。

要 TextExpander curl rename ファイルが沢山できるので現在時刻のフォルダを作っておく 現在時刻のフォルダの作成 → 中に入る

<?php $data = [1, 2, 3, 5, 6, 10, 15, 16, 20]; $ranges = array_reduce($data, function ($current, $element) { if (count($current) == 0) { $current[] = [$element]; return $current; } $currentLastRange = end($current); $currentLastNumber = end($currentLastRange); if (($currentLastNumber + 1) == $element) { if (count($currentLastRange) > 1) { array_pop($currentLastRange); } $currentLastRange[] = $elem

前案件でBEMチックな書き方をして、あまりのクラス名の長さに キィェエエエ！！ってなった後で、 CodeGridさんでSMACSSについてのステキ記事を見つけたのでメモ。 ※以下、CodeGridさんの記事に書いてることを、自分が後で見るようにプチ要約したものです。 本記事をまだ読んだことが無い人はここよりも、本記事の方をじっくり読むのをお勧めします。 SMACSSによるCSSの設計 - ベースとレイアウト | CodeGrid CSSカテゴライズ 5つにカテゴライズして、それに準じた名前を付ける 1.ベース 2.レイアウト 3.モジュール 4.状態（ステート） 5.テーマ 1.ベースルール サイト全体で要素そのもののデフォルトスタイル

たまに忘れるのでメモ、あんまり増えないかも NSIndexPathの作成 ・indexPathのsectionとrowを割り当てて作成 NSIndexPath *indexPath = [NSIndexPath indexPathForRow:1 inSection:0]; NSInteger section = indexPath.section; // section = 0 NSInteger row = indexPath.row; // row = 1 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWha

フォントサイズを下記のように相対指定で書いた場合、稀にChromeでフォントが異常な大きさになることがある。 （62.5%が無視され、100%に対して1.6remされるように見える）

スマートフォンの音楽はイヤホンジャックから接続することで自宅のスピーカーでも再生することができますが、有線接続になってしまうためスマートフォンを自由に使用できなかったり、電話の着信音や通話内容までスピーカーに出力されてしまいます。そんな悩みを解決するため、Googleの元社員であるダニエル・コンラッド氏とショーン・ルイス氏が開発したのが、ライン入力端子からどんなスピーカーへも出力でき、ワイヤレスでスマートフォンやタブレットの音楽を再生できるという高音質コントローラー「Beep」です。 Beep | Bringing music to every room of your home. https://www.thisisbeep.com/ Beepによって家中のスピーカーからワイヤレスでスマートフォンの音楽を聞いているムービーは以下から確認できます。 This is Beep - YouTu

1: 以下、名無しにかわりましてVIPがお送りします 2014/02/03 21:43:04 ID:TTsY26y10 立ったら書く 3: 以下、名無しにかわりましてVIPがお送りします 2014/02/03 21:43:37 ID:TTsY26y10 よし立った 2: 以下、名無しにかわりましてVIPがお送りします 2014/02/03 21:43:36 ID:IjxX6kQK0 ゲームプログラミング（） 7: 以下、名無しにかわりましてVIPがお送りします 2014/02/03 21:45:36 ID:TTsY26y10 どうせHello,Worldとかお前ら見飽きてるだろうからSTG作るぞ。 C言語とかじゃスレ内で終わらんだろうし RubyとかPython使ってもいいんだがアンチ覚悟で今回はHSP使うぞ 8: 以下、名無しにかわりましてVIPがお送りします 2014/02/03 21

Free Web Resources Everyday - WebResourcesDepotMany hand-trained illustrators will design their own brushes from scratch and release them on the web. Freebies are great because they help new designers learn the basics without needing to start from scratch. Adobe Illustrator can be somewhat confusing at first – yet through practice the interface gets clearer and easier to use. I’ve compiled a nice

12pxでコードを読むの辛い感じがしてきたので、ユーザースタイルシートで大きくした。Chrome 32からデベロッパーツールに振られるIDとかも変わったので、そういう時の調べ方も含めてメモに。 /* Developer Tools */ #-blink-dev-tools .monospace, #-blink-dev-tools .source-code { font-size: 14px !important; } これでスタイルの検証ペインやコード・エディター、Networkのヘッダー検証ペインなどが14pxで表示される。一部行間が12pxに合わせてハードコーディングされているところがあって、ちょっと読みづらくなったりもするので、好みでもっと調節しても良いかも。 デベロッパー ツールなどのHTMLでできてるけど右クリックから要素を検証とか出来ないものも、やり方を知っていれば比較的簡単

『お、これブログネタになるかも。とりあえず保存しておこう！』 以前はブラウザのブックマークやお気に入りに保存するのが当たり前でしたが、現在はWebサイトをあとから閲覧するための便利ツールがたくさん出ています。 たとえば「Pocket」は、その手軽さゆえ利用者がどんどん増えていますね。ただ、保存したはいいけど読み返さなかった記事もたくさん眠っているかもしれません。あるいは、ポケットしすぎて結局あとから探すのに苦労するとかね。 そこで今回はそんな悩みを少しでも解消できるかもしれない、PocketとEvernoteの連携を試してみたのでご紹介します。具体的には、「Pocketで星をつけた記事のみEvernoteに勝手に送ってくれる」という方法です。 PocketとEvernoteを使ってみよう 今回の方法は、こちらの記事で紹介されていたものです。 PocketとEvernoteを連携させてスマー

関連キーワード Apple | Google | iPad | タブレット | スマートフォン ノートPCやタブレット、スマートフォンの画面を、家のリビングやオフィスの会議室にある60インチの高精細テレビ（HDTV）のような大画面に映したい場合、どうするか。幸いなことに、ケーブルを使うにしても使わないにしても、たくさんの方法がある。だがこのことは、同時に悪い知らせでもある。どの方法もハードウェアと端子に依存しており、特に無線を使う方法では混乱が起こりやすいからだ。以下では、これらの方法の基本を解説しよう。 関連記事 徹底レビュー：軽さと速さを手にした「iPad Air」は完璧なタブレットなのか？ 徹底レビュー：移行しない理由が見当たらない「iPhone 5s」の正しい進化 徹底レビュー：Android乗り換え組が後悔する、「iOS 7」の使える新機能 徹底レビュー：異彩タブレット「Surf

アジャイルな見積りと計画づくり 価値あるソフトウェアを育てる概念と技法 Mike Cohn, 安井 力（訳）, 角谷信太郎（訳） マイナビ出版 3,168円 (2,880円+税) ソフトウェア開発の難題である見積りと計画づくりを「アジャイル」にすることで、開発の現実に即した、誤差の少ない計画づくりができるようになる。その技法を、分かりやすく説いた1冊。 関連サイト本書の関連ページが用意されています。 アジャイルな見積りと計画づくり 価値あるソフトウェアを育てる概念と技法｜マイナビブックス内容紹介「イントロダクション」より 本書のタイトルを「アジャイルプロジェクトの見積りと計画づくり」とすることもできた。だが実際には「アジャイルな見積りと計画づくり」というタイトルになっている。2つの違いは些細に見えるかもしれないが、そうではない。採用した現在のタイトルは、見積りや計画づくりといったプロセスを

2/7にリクルートテクノロジーズで行われた、elasticsearch勉強会での資料です。Read less

インストール Cydiaより通常通りインストールしてください。 Searchタブより「AutoTouch」と検索すると出てきます。 より詳しいインストール方法は下記記事をご覧ください。 【Cydia の 使い方！ ～全部解説～ [JBApp]】 購入方法 『AutoTouch for iOS 7』では5分制限となる無料版としても使用可能ですし、制限無しの有料版としても使用可能です。 もし購入するという場合はホーム画面に追加される『AutoTouch』アプリを起動し、画面左下の歯車アイコンより設定を呼び出し、『ライセンス』項目から購入してください。 アプリ紹介 『AutoTouch for iOS 7』の基本機能としては、指の動き＆操作手順を記録し、それを元に操作手順を再現しながら自動操作することが出来る様になります。 例えば、下記の画像は「オリジナル」のクマちゃんを描いている時に【指の動き

Herokuの使い方は忘れやすい Heroku、便利ですよね。 さくっとWebアプリ公開したりテスト用の環境作ったりするには最適ですよね。 今日僕も久しぶりにHeroku触ったんですが、半年ぶりくらいだったので使い方を忘れていて、色々ググるはめになりました。 たしか半年前も同じようなことをしていた気がするので、忘備録を兼ねてまとめておきます。 まずはHerokuのアカウントを取る 以下の公式サイトに行ってアカウントを取っておいて下さい。 Heroku | Cloud Application Platform Heroku Toolbeltのインストール 次に、toolbeltをインストールしましょう。 ローカル端末からHerokuを操作するために必要なHerokuのCLIツールは、去年くらいまではgemとして提供されていました。 今は、Heroku Toolbeltというのを使ってインスト

『FeedlyTool』 バージョン：0.0.53 価格：無料 対応ブラウザー：Chrome RSSフィードリーダーの鉄板『Feedly』。公式サイト(関連リンク)から拡張機能なしで快適に閲覧できるようになったが、その使いやすさを損なうことなく、さらに便利な機能を追加してくれるChrome拡張機能。 右上のギアボタンから表示方法を“Title Only”に切り替えると、記事タイトル先頭の数字でツイート数や“いいね！”の数、“はてぶ”登録数を確認でき、話題の記事を取りこぼさない。また“fullfeed”や“readability”で記事を開くとウインドウーを閉じる手間が不要で、スムーズに記事をチェックできる。 ↑タイトル下部の“fullfeed”や“readability”などをクリックすると、記事全文をインラインで表示できる。すばやく切り替えるなら、クリックするよりも各サービスに対応した“

2/6(Thu) に株式会社ドリコムとピクシブ株式会社の合同で GitLab 魔改造カンファレンスが行われました 会場はドリコムさんのオフィスでとてもおしゃれな感じでした ドリコム攻めに来ました— 麺類 (@catatsuy) February 6, 2014 ドリコム綺麗すぎて圧倒されてる— 麺類 (@catatsuy) February 6, 2014 ドリコムさんから 3 人，ピクシブからも私を含めて 3 人が発表しました 私が発表した理由として，ピクシブでは一部のサーバーを除いてサーバーの root をインフラの人間しか持てません なので GitLab など新しいツールを使うにはインフラの協力が不可欠なのですが，私が GitLab 導入を提案した一人だったので成り行きで GitLab 導入やその後の運用を適当な感じでやっていました そんな中，魔改造カンファレンスの話が回ってきたので

ハンファQセルズジャパンは、バッテリー内蔵のBluetoothスピーカー「HS-BMR003」を2月7日に発売した。Web限定販売で、価格は3280円。 Bluetooth 3.0に対応したモノラル使用のワイヤレススピーカー。IPX4相当の防沫使用で、背面には吸盤を備えているため、浴室などのタイルやガラスへ吸着設置できるという。マイクも内蔵しており、ハンズフリー通話が可能だ。通話ボタンなどは側面に並んでいる。’ バッテリーの駆動時間は最大約6時間。充電は付属のケーブルを使用してUSB ACアダプターかPCのUSB端子から行える。

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

はじめに みなさん、こんにちは。 昨日発売した「Everyday Rails - RSpecによるRailsテスト入門」の反響は予想以上で、早くも100名以上の方々に購入していただきました。 購入してくださったみなさん、本当にありがとうございます。心より感謝します。 「Everyday Rails - RSpecによるRailsテスト入門」って何？という方は、昨日公開したエントリをご覧下さい。 RSpec初心者必読！「Everyday Rails - RSpecによるRailsテスト入門」を発売しました - give IT a try また、電子書籍の購入はこちらからどうぞ。 Everyday Rails - RSpecによるRailsテスト入門 - Leanpub この本は現時点ではまだ「ベータ版」で、これから「最後の仕上げ」が残っているのですが、思った以上にたくさんの方々が読んで下さっ

すりゴマです。 今日もいい感じにすり潰していきますね。 photo by Wonderlane すりゴマのように、たくさんアプリを入れて常駐させていると、画面上のメニューバーにいっぱいアイコンが並びます。 中には頻繁に使わないのもありますが、やっぱり常駐させておきたくなります。。 いわゆる、使うときにサクッと起ち上げたいというやつですね。 (*´∀｀*) でも、たくさん常駐させているとアイコンが増えてしまい幅を取るようになって、アプリによっては増えすぎたアイコンがそのアプリのメニューで隠れてしまいます。 (´・ω・`) そんなとき、アプリ側のメニュー群の表示、非表示を簡単に切り替え、解消してくれる便利なアプリが「AccessMenuBarApps」です！ アプリ常駐派には必須アプリだ！ ちなみに、最近のすりゴマのMacBookAirのメニューバーはこんな状態です。 仕方ないのですが、Pow

赤とグレーのコンビネーション。 【Textwell】ReLineのデザインもフラットしてみました iOS7風を考えたけど、なんか違うかも。行編集アクションのReLine。前のデザインだとゴツゴツとしていたのでペラペラにしてみました。オマケで機能強化してます。相変わらず行儀悪いスクリプトですけど。ソ... エディタは文字単位で編集するものですが、それだと木を見て森を見ず。森を見るのがこのReLineです。Vimの行編集をイメージ。行単位での削除や移動が出来ます。 Textwell 1.1.7 分類: 仕事効率化,ユーティリティ 価格: \300 (Sociomedia) ところが、使っていると不満に思う。不自然に感じる部分がありました。LIFO(Last in First out)でスタックするんですが、これが視覚的に分かりにくい。「最後に入れたものが最初に取り出される」。このコンセプトに馴

2014/03/22追記 2014/03/22に確認してみたところ、携帯電話との関連付けを行なっていないアカウントでも、アプリケーション登録出来るようになっていました。 数アカウントでしか試していないので、実際のところ、どうなっているのかは不明ですが、とりあえず、追記しておきます。 追記 アクセス解析眺めてたら、この記事結構参照されているようで･･･。 この記事投稿後にわかったことについて追記しておきます。 twitter.com（devじゃない方）のアカウント設定から、言語設定を英語にすることで、ドキュメントにある通りの、携帯番号の登録が可能になります。 また、Twitterの公式クライアントでログインしたあとアプリ登録が通るようになった方もいるようです。 本文中に記載している、キャリアメールの登録で通る方・通らない方がいるようなので、通らない場合は上記の方法を試してください。 （番号登

これは知っておいて損はないでしょう！ Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで（Bootstrap本来の機能も使いつつ）リッチな

「nasne」（外部リンク）は、ネットワークにつなげて利用するハードディスクレコーダー。「プレイステーション3」との併用が前提と思われがちだが、番組の録画・再生だけなら単体で使用可能。最新モデルは容量1TBのハードディスクを内蔵しており、ネットワーク越しに番組の録画予約・番組視聴ができるハードウェアとして人気を集めている。 DTCP-IP／DLNA対応アプリ「TwonkyBeam」を使うことで、地上／BS／CSデジタル放送の録画予約から録画番組再生、ライブ視聴までを実現できる。iOS機器で初めてnasneをセットアップする際には、ソニーの公式アプリ「S-Entrance」で先に初期設定を済ませておこう。すでにPS3などほかのハードでnasneの初期設定を済ませている場合は、以下の手順で操作可能だ。 CHAN-TORUで録画予約

・普段どんなサイトを見てますか？ 最近、ブログで、Gunosyなりvingowの話題をよくしてる。 でもこういうWebサービスって知らない人はまったく知らないよね。 それで１度まとめておくのもいいかなって思って今回の記事を書く。 有名なWebサービスばかりだから全部知ってる人は知ってると思うけど、 自分がブログを書く上でこういうWebサイトを使ってるって言うのは、 ブログを始めた初心者さんが見たときにもいいと思うからね。 それにタイトルに書いてあるとおりで、 紹介するサイトはすべて自分が使ってるサイト。 手の内を暴露する感じなので、 ブログをやってる人は参考になると思うよ。 ・ブログに役立つおすすめサイト ［No.１］ Gunosy（グノシー） ・Gunosy。 Gunosyは独自のアルゴリズムで自分に合ったサイトを毎日紹介してくれるよ。 使っていて情報が合わない日もあれば、 ほしかった情

文字を入力すれば一瞬でロゴ画像が完成し、用意されている複数の素材を駆使すれば簡単にそれっぽいデザインのロゴ画像を作れるのが「Squarespace Logo」です。作成したロゴは名刺やウェブサイト用のロゴとして使ったり、TwitterやFacebookなどのプロフィール画像にしてもよさげで、スタイリッシュなロゴからかわいらしいロゴまでさまざまなタイプのロゴの作成ができます。 Squarespace Logo — Squarespace http://www.squarespace.com/logo Squarespace Logoでロゴ画像を作る際は、トップページの名刺についている黒枠部分にロゴに使いたい文字を入力し、横にある矢印アイコンをクリックするだけでOK。 これでロゴが完成！ いかにもそれっぽいロゴが、恐るべき速度で完成してしまいました……。 作成したロゴはそのまま使用してもいいの