どうもお久しぶりです fujihara です。 春一番が吹き荒れ街も暖かくなってきましたね。 季節の変わり目って布団の量が難しくて風邪を引きやすいと私は 思っているので皆さんもお気をつけ下さい。 本日はYouTube Player API で動画を制御します。 目的 業務で YouTube を連続で再生させたいという依頼があり使用しました。 (詳細は省きます) コード 以下Googleのサンプルコードです。** 参考 ** iframe 組み込みの YouTube Player API リファレンス <div id="player"></div> <script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = d

Sometimes lately it can be necessary to use propriety products. Open source enthusiasts would love to have a cloud-based storage facility, but the fact remains that companies like Google, Amazon, Dropbox and Microsoft have cornered the cloud storage market. They offer reliable products for free, and this means that yes, they will scan or read your files in order to comply with legal requests or to

Sync With OneDrive in Ubuntu Via OneDrive-D (Unofficial Client) Thanks to open source, Ubuntu users now are able to sync content with Microsoft OneDrive while there is no official client for Linux. OneDrive-d is an open source project on github that intends to develop an OneDrive (formerly SkyDrive) daemon on (X)Ubuntu Linux. The program is mainly written in Python and supplemented by Bash shell s

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

対象読者 JavaScriptフレームワーク・ライブラリの選定に悩んでいる方 本格的にJavaScriptを触るのが初めてという方 jQueryでの大規模なフロントエンド開発に限界を感じている方 必要な環境 Node.jsがインストールされていることが推奨です。 React.jsとは何か React.jsは最近注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。 前提として、JavaScriptの世界でMVCのVといえば、紛れもなくDOM（Document Object Model）のことを指します。特に何も意識しないで作った場合、都合の良いDOMからデータを引っ張り出しては別のDOMを書き換えるといった、行き当たりばったりな作りになりがちです。そこで、MVCの考え方を導入することにより、データを画面とは独立した構造体として切り出し

影やテクスチャなど余計な装飾を排除したフラットデザインは、ウェブ上で使用するとユーザーがページのどこをクリックしていいかわからなくなるという欠点を持ちつつも、現在では色んな場所で使われています。なぜフラットデザインが優れているのか、そしてどうしたらフラットデザインをコンテンツに使うことができるのか、LGの公開しているムービーを見ると、非常によく分かるようになっています。 LG G3 : Graphic User Interface - YouTube これまでLGは影や光が当たったときのツヤ・テクスチャなどを使った、どちらかというと写実的なアイコンを使ってきました。 ユーザーの注意を引きやすいように、ということでさまざまな素材を追加していったわけです。しかし、レンズをつけたり…… より本格的なカメラに近づけても、ユーザーエクスペリエンスは真の意味で向上しないことに気づきます。 ガシャン、と

2015-02-24 念願の部署異動を果たしたので、最近の技術的チャレンジについてまとめた 技術 どうもこんばんは。 私事ですが、先日部署異動を果たしました。1年半くらいずっとソロ活動だったのですが、さすがに色々と気が狂いそうになってきたし存在価値を自問自答した結果、かなり無理言って新規事業に異動させてもらうことにしました。 この会社に入って初めてプロジェクト立ち上げ時から居るっていうのを経験してるわけですが、サービスもかなり面白いものになると思うし、既に頭のなかでは色んな技術的な構想とか妄想が絶賛爆発中です。 僕はいつもしれっとした顔で仕事してますが、内心は相当テンション上がってるということを理解いただければ幸いです。というわけで、今日は最近の技術的インプットとか脳内の全然まとまってない構想的なのを、公開できる範囲で書いておく。 AWS/Docker 実は入社して最初のサービスもAWSだ

GoogleDrive は Dropbox や SkyDrive と同様のオンラインストレージサービスです。 あと、Ubuntu 派の人には有名な Ubuntu One ってのもありますが、Windows版の出来がよろしくないようで自分のまわりでは使ってる人みたことないです。 個人的には Dropbox を出始めたころから使っていて、LinuxやMacやAndroidやiPhoneでストレージを共有できるので、すごく便利です。 会社では Google Apps を使ってる事情もあり、Linuxから Google Drive を自動同期できるとうれしいのですが、Google公式のLinuxクライアントは提供されておらず、有効活用できていませんでした。 今回メインPCを Ubuntu 13.04 に入れ替えたついでに Google Drive に関する情報を集めたところ、insync という便

A Microsoft OneDrive client on Linux desktop environment, written in Py3k. NOTE: VERSION 0.85 IS DEPRECATED NOTE: VERSION 1.0 IS STILL IN DEVELOPMENT Introduction The branch 1.0-dev is totally rewritten in Py3k, thereby finishing the features that are unable or itchy to implement in previous, experimental versions. TODO Lists A simple and light-weight Live Connect API written in Py3k Support both

対応OS： Windows XP/Vista/7/8/8.1/10 バージョン：1.18（2019/07/07）価格：無料 AVI / FLV / MKV / MOV / MP4 / WMV などの動画ファイルから MP3 / M4A / FLAC / OGG / WAV などの音声ファイルを抽出して保存できます。 初期設定ではMP3ファイルに変換され、元ファイルと同じフォルダーに保存されます。 MP3の場合、音質（ビットレート）、周波数、ステレオ／モノラル（チャンネル数）、音量の調整が可能です。

A brief introduction about CSS Level 4. CSS 3 was all about shadows, borders, backgrounds, 3D, transitions and animations. CSS 4 is all about select and detect things.

汎用テンプレート規格Mustacheとほぼ完全互換 http://docs.ractivejs.org/latest/mustaches 公式サイト曰く、Ractive.jsのテンプレートエンジンはMustachesと99%互換。 Mustache.js本家はこちら : https://github.com/janl/mustache.js 1. 変数表示 <script id="template" type="text/ractive"> <div>{{ value }}<div> </script>

最近、色んな方に「作風が変わったね」と言われるので、その理由を書いてみます。金土でグルメ記事を書くようになった理由もわかりますよ。 ちなみに、ペルソナとはブログの対象読者（ターゲット）という意味です。 会社を辞めたがっていた自分に向けて書いてますペルソナを考えるきっかけになったのは、グルメ記事で、一番「変わったね」と言われるカテゴリです。書き始めた理由は単純で、「行ったお店は記録しておかないともったいない」というものでした。 ですが、グルメ記事を増やしていくうちに、会社員の友だちから「週末に行くお店選びの参考になるから助かる」という声を聞き、ふと思い出したんです。 会社員時代の自分もそんなことを思ってたな、と。 金土だけはリラックスできる記事を求めていた会社員時代の僕は、日曜から木曜まで明日の仕事を憂鬱に感じていました。でも、金曜日は「今日頑張れば明日から休み」といつもと違った感覚だったん

iOS, Windows Phone, BlackBerryなど、スマホに最適化されたビジネス用のシンプルなデザインのアイコン素材を紹介します。 フォーマットはすぐ使う用から、Photoshop, Illustrator, Sketch用まで各種揃っているので、非常に便利です。

colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良いかも)が採用されています。色や彩度等を設定するだけで反映され、問題がある場合はFail、適切な場合はAAAなどの形でチェックをしてくれます。本ツールはOSSとしてMITライセンスの元、Githubで公開されています。 colorableOn Github

FluxもReactもよくわからん状態で入門して今日一日泣きそうになってたのでメモ。 というかいわゆるJavaScriptMVCをガッツリ書いたこと自体がないです。 Arda、指輪物語由来っていうあたりがよさがありますね。 あと全体的に薄いので、FluxとReactの仕組みを学びつつ、他と組み合わせたりいざとなったら捨てたり出来そうなのでよさそうっぽいなっていう雑な考えでいじりはじめました。 また、せっかくなので今回はContext層をTypeScriptにしつつComponentをCoffeeScriptにしてTemplateをreact-jadeに分離する、作者推奨っぽい構成でやってみました。 全体的な構成は mizchi-sandbox/arda-starter-project · GitHub から持ってきた感じなので、ツールの設定など特に言及のない部分は同じだとおもっていただきた

元ゲームプランナーが家族向けSNSのディレクターに WEB・IT業界では多様な働き方が実践されている一方、スタートアップ・ベンチャー企業では、急速な成長を目指すことから長時間労働が常態化しているということもしばしば。 そんな中で女性、さらにはお子さんを持つママはどんな働き方、活躍ができるのだろうか？ WEB・IT業界で働く女性クリエイターを応援、紹介する『教えてHACK GIRL！』。今回お話を伺ったのは、家族限定SNS ウェルノートを手がけるウェルスタイルの太田悠紀子さん。 まずは彼女の経歴をざっとご紹介。幼少期をアメリカで過ごし、大学卒業後はゲームフリーク社にゲームプランナーとして入社。2011年に結婚し、2013年に第一子を出産後、産休育児休暇を経て同社に復帰。2015年1月にウェルスタイルにディレクターとして入社し、プロダクト開発の企画や進捗管理を担っている。 子どもを持つことで、

回転寿司のスシローで晩飯を食べていた時、ふと、「要するに、Tumblrってエロ画像の回転寿司の事でしょ？」というフレーズが浮かんだ。そう、自分の中でのTumblrに対する認識はその程度で止まっている。 Tumblr エロサイト百選。 『超おむすび』 なんか一時期は、ブログもtwitterも全てはTumblrになる、と言わんばかり勢いもあったような印象だったけど、最近、自分の観測範囲内でTumblrという単語を見かける事が無くなった。 はてなダイアリーから引っ越すならTumblrみたいな話もあったけど、今となっては「それ、はてなブログで出来るよ」だし。 はてなからTumblrに移るための手引き ただ、残念な事に、はてなブログは悪い所までTumblrをカバーしちゃってるワケだがw はてなからTumblrに移らないたった一つの理由 - hogehoge @teramako 検索がダイアリー並にな

Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray

みなさま大変ご無沙汰してました、営業電話とは無縁の生活を送っていましたが、かかってくるときってのはあるんですね。ピンポイントでネタになりそうな素敵な営業さんでうれしかったです。 同僚「マサキさん、〇〇って会社知ってます？｛下の名前｝さんいますか？ってかかって来て最初分かりませんでした」 俺「知らないけどとりあえず出るわ、ありがとう」#営業電話黙示録 #久々の新ネタ— マサキング＠妖怪特急パンティライナー (@djkatsu_jp) 2017年1月27日 俺「もしもし、お電話代わりました」 営業「もしもし、｛下の名前｝さんですか？」 俺（馴れ馴れしいな） 俺「ええ、そうですが」 営「私、〇〇の△△と申します、Linkedinでプロフィールを拝見してお電話差し上げました」#営業電話黙示録— マサキング＠妖怪特急パンティライナー (@djkatsu_jp) 2017年1月27日 俺「はぁ（ヘッド

当方、割と国際的な案件も、希にチョイチョイやっております。 大抵の場合リージョナルな感じ（たとえば、東南アジアとか、南米とか）なので、現地のサーバーや、近傍国のサーバーを契約しちゃうのが一番早いのですけど*1、いま手元にあるちょっとクレームが付いているシステムは、国内メインで全世界でやるよ〜というシステムなので、国内にサーバーを置かないといけないやつだった。 結果として、地球の裏側のユーザーの体験が微妙でおこ！みたいな感じになってるので対応している なぜブラジルの人がおこになるのか。 日本のインターネットはかなり整備されてますし、世界各地とかなり良い回線でつながれてはいるものの、どうしたって光の速度はこえられない。 あと、直通回線が細く、かなり遠回りしてるような所、特にRTTが悪いインド、南米あたりはかなりつらめなユーザー体験になります。 あと、純粋にラストワンマイル回線が貧弱な東南アジア

こんにちは、メディアディレクターの鮫島です。 Webサイトを見ていると、時々こんなエラーページが表示されませんか？ これは、何かしらの原因でWebサイトにエラーが発生し、サイトが閲覧できない状態のときに表示されるページです。 「それぐらいは分かるよ！」と言われてしまうかもしれませんが、エラーページに表示されている「503」などの数字の意味は知っていますか？？ 数字にはちゃんとした意味があり、それぞれエラーの原因を表しています。 そこで今回は、エラー数字の意味と種類をご紹介しようと思います。 エンジニアの方は必ず知っておく必要があり、ディレクターやデザイナーの方も知っておいて損はないので、ぜひご一読ください。 まずは基礎知識 正式名称 エラーページという表現をしていますが、正しくは「HTTPステータスコード」という正式名称があります。 要するに、Webサーバーからのレスポンス状態を表す数字コ

しょうもない日記 YAPC行脚、福岡編 - uzullaがブログ とかかいた後になんとなくツイッターをみていたら、あるツイートをみまして。 packagist.jpをcloudflare対応したら、自動的にHTTPS対応できたでござる。すごい。一円も払ってないのに https://t.co/moCiiSwb44— Hiraku (@Hiraku) 2015年2月24日 それでCloudFlare(http://cloudflare.com/)がタダでSSL証明書を用意してくれるようになっていたのを知りました。 Cloudflare Free SSL/TLS | Get SSL Certificates | Cloudflare タダ！なんと甘美な響き！ オチ SNIでかまわないなら、CloudFlareをつかえばValidなSSLがタダで利用できる。 SNIとは？ NameBaseのVir

Frances Marcellin （Special to ZDNET.com） 翻訳校正： 石橋啓一郎 2015-02-25 06:00 フランスのテクノロジ業界が、今回のCES 2015でイノベーション賞が発表されたのを見て驚いたことは間違いない。「Lima」は、どこにいても、ネットにつながったすべてのデバイスからすべてのコンテンツにアクセス可能にすることで「デバイスの働きを再発明する」ことを謳っており、「コンピュータ周辺機器」部門と「ソフトウェアおよびモバイルアプリ」部門の両方でイノベーション賞を獲得した。これは、Limaのテクノロジがハードウェア製品とソフトウェア製品の2つの性質を併せ持っていることを示している。 クラウドからのステップアップ パリを拠点として活動し、Gawen Arab氏と共同でLimaを創立したSeverin Marcombes氏は、「Limaは、コンテンツをデ

デザインでシステムの品質が決まるわけではありません。しかし、それでも全くデザインされていないシステムよりも見た目が整っている方が安心して使えるでしょう。それは管理画面でも同様です。 通常、管理画面は利用者が限定的なため、デザインが適当になってしまいます。そんな寂しい管理画面もDevOOPSを使えば一気に見た目が向上するでしょう。 DevOOPSの使い方 DevOOPSには多くのテンプレートが用意されています。これらを組み合わせるだけで格好良い管理画面ができあがりそうです。Bootstrapベースなので、カスタマイズもそれほど難しくはないと思います。 DevOOPSはHTML5/JavaScript製、GPL v3のオープンソース・ソフトウェアです。 devoopsme/devoops

タイトルで全て言い尽くしましたが、自分がやりたかった 教える（正確にはコーチング）⇔開発する の両方が相互に作用するような自分がイメージしてたことがようやく実を結びました！ Connecting the dots 1年前に書いたこのエントリで以下のTweet紹介してました @ukedchat @gapingvoid There's one more image to this that you're missing... creativity. :-) @ElsiumEd pic.twitter.com/T283tvkX30— Elsium (@DavidKirtlan) February 8, 2014 これ知ったのは増井さんの講演を紹介されてる記事なのですがそこで そして大事なのが、点と点を最短距離でつなげるだけでなく、異なる組み合わせをすることで、新しい全く考えもしなかった物が作れる

12月に入社した @okapon_pon です。 ラクスルには8人目の開発メンバーとしてジョインしました。（インターン生１人を含む） 現在ラクスルではサービスの機能拡充と合わせて、開発環境改善プロジェクトというものに着手しつつあります。 私が入社した当時の開発環境は、弊社大嶋が以前書いた「ラクスルの開発フローについて」 にある通りGithub、skype、redmineを利用しており、加えてmediawiki、Gyazo-client、cacooといったツールを利用しています。 これらのツールは今でも利用しているのですが、私が入社してからの3ヶ月ほどで開発環境・開発体制も変わってきましたので紹介したいと思います。 コードレビュー体制 コードレビューにはGitHubを使っています。今どきの開発では珍しくないと思います。 ですが、これまでは少人数のスピード重視で開発していたということもあり、

「自分がほんとに好きなアプリ」をつくったら250万ダウンロードの大ヒット。「こんなフリーキックはイヤだ」の作者ハップがありのままの姿見せるまで。 独創的なゲームアプリなどで累計750万ダウンロードの「ハップ」さんにお話を伺いました。不思議な世界観のアプリはどのようにして生まれているのか？ ※株式会社ハップ　石本さん（イメージ画像） ハップができるまで。 石本さんは、アプリ開発をはじめる前は、何をされていたんでしょうか？ 石本： もともとウェブ系の会社でWEBデザイナーとして働いていました。Flashを使ったウェブサイトの構築がメインです。 それからフリーで独立して、その2年後に法人化してハップをつくりました。いまも社員はいなくて、自分一人なんですけどね。 デザイナーとして会社から独立するのは、不安はなかったですか？ 石本： それはあまりなかったです。元々いた会社も、10人くらいの小さい会社

プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ

こんにちは、技術部モバイル基盤グループの @slightair です。 今回は、クックパッドのモバイルアプリをどのような流れで開発しているか説明したいと思います。 この記事では技術的な話ではなく、どのようにして、どのようなことを考えて僕らがモバイルアプリを開発しているかに触れたいと思います。 開発体制 クックパッドにはモバイルアプリを専門で開発するようなチームはありません。 必要に応じて、誰でもモバイルアプリ開発に取り組みます。 機能追加・修正を行ったらリポジトリにプルリクエストを送ります。 プルリクエストが来たら、アプリ開発を行うエンジニア同士でレビューします。 様々な修正をひとつのバージョンにまとめるのは、僕が所属する技術部と後述するリリースマネージャーで行います。 リリースマネージャー バージョンごとに、そのリリースの責任をもつリリースマネージャーをひとり選びます。 リリースマネージ

This blog site has been archived. Go to react.dev/blog to see the recent posts. Over the weekend we pushed out our first (and hopefully only) release candidate for React v0.13! We’ve talked a little bit about the changes that are coming. The splashiest of these changes is support for ES6 Classes. You can read more about this in our beta announcement. We’re really excited about this! Sebastian also

案外成功方法より失敗集のほうがタメになりそう． ところでhost名がtaihaなのは安定性に関係ないです!!

コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 言った、言わない ビジネスシーンはもちろん、プライベートでも、よくある水掛け論です。プライベートにおける模範解答は最後に紹介しますが、ビジネスシーンにおいて、とりわけ「取引先」や「上司」が相手なら、いますぐ論争から降りなければなりません。論争の先に待つのは敗北だけだからです。 あなたが正しく、完全無欠の正義だとして、それを証明する証拠があったとしても詫びるのが正解です。むしろ、証拠があるなら即刻謝るべきです。以

もうすぐ社会人になるITエンジニア／プログラマーの卵たちはもちろん、最近注目を浴びている「プログラミング教育」によって、プログラミングと関わる機会が増えた小学生や中学生、さらには高校生や大学生まで、プログラミングを学ぶ前に読んでほしいマンガがある。「オブジェマンガじゃまめくん」だ。＠IT eBook Vol.6は、このマンガをまとめ読みできるように一冊のPDFにしている。 「オブジェマンガじゃまめくん」は2012年6～12月の毎週月曜日に掲載された6コママンガ連載で、構成は＠IT編集部、作画は上里マア氏が担当した。プログラミング言語「Java」＋「枝豆」（えだまめ）の妖精「じゃまめ（JaMame）くん」が、「.NET／VB（Visual Basic）」＋「納豆」（なっとう）の妖精「どっとなっとう（.NATto）くん」などの仲間たちと、プログラマーを困らせる「バグ」＋「豆象虫」（まめぞうむし

素早く開発しても、成果物が本来の要望とずれていたら意味が無い。ビジネス上で期待する効果を正確に反映してこそタイムリー開発だ。利用部門をツール活用に巻き込み、要望の背景やニュアンスの理解に生かそう。 NECビッグローブ：ビジネス効果の順で開発が可能に Redmine 「開発要望の背景や優先順位を理解でき、ビジネスにおける重要性がITチームに直接伝わってきた」―。 Webサービス「BIGLOBE」の開発・運用を手がけるNECビッグローブの吉野宗壱氏（サービス開発本部 主任）らのチームは、チケット管理ツールRedmineの活用範囲を広げ、サービス企画を担当する利用部門を巻き込んだ。冒頭の発言は、吉野氏がその効果を語ったものだ。 吉野氏らのチームでは、利用部門の担当者がRedmineを直接操作し、アジャイル開発のユーザーストーリー、すなわちユーザーの要求を記したチケットを発行する（図1）。チケット

GPSオフでも、バッテリーから居場所がバレる2015.02.23 17:0011,747 福田ミホ プライバシーに新たな死角が。 警察やスパイとかが、スマートフォンから人の居場所を検知できるのはご存じの通りです。ほとんどのスマートフォンにはGPSチップが内蔵されていて、そこにアクセスできればどこにいるかなんて一目瞭然です。しかし逆を言えば、GPSをオフにしたり、アプリからGPSへのアクセスを遮断してしまえば居場所を知られることはない…はずです。 が、スマートフォンのバッテリー消費状況だけを手がかりに位置情報を把握できる方法が発見されたようです。問題になるのはAndroidスマートフォンです。 スタンフォード大学とイスラエル政府による研究チームが、スマートフォンのバッテリー残量のごく小さな変化からスマートフォンの位置情報を明らかにする方法を論文として発表しました。なぜバッテリー残量から居場所

もうすぐ春ですね。この時季は異動したり転職したりで新しいプロジェクトにジョインする人が多いのではないでしょうか。 さて、そんな新しいプロジェクトにジョインしたとき、プロジェクトの状況を git リポジトリからざっと見てみようというのが今日のテーマです。 よくマージしてる人ランキング マージしてる人とレビュアーは同じことが多い。つまりコードをよく知る人がこれでわかる(マージも自分でやるプロジェクトだとそうではないだろうけど)。 $ git log --merges --format="%cn" | sort | uniq -c | sort -r | head コミッタごとのコミット数ランキング 誰がよくコード書いてるかがわかる。もしくは、こいつ他人のコード削除してばっかだなとか。 add/delete 合計コミット $ git shortlog -sn コミッタごと add/delete

先月、heroku の推しサーバが unicorn から puma に変わったという発表がありました。unicorn だとスロークライアントの影響を受けやすいというのが理由なようです。 もう少し詳しく調べてみましょう。 そもそもスロークライアントってなに その名の通り遅い回線のクライアントです。3G環境のモバイル端末などが該当します。 「unicorn だとスロークライアントの影響を受けやすい」とは unicorn はプロセスモデルのサーバであり、blocking I/O モデルを採用しています。つまり、クライアントとの通信中プロセスが専有されるということです。 例えば unicorn がワーカプロセスを3つ立ち上げていて、そこへ通信完了に10分かかるようなスロークライアントが3つ接続されたら…、続くクライアントはスロークライアントの通信が完了するまで実行を待たなければならなくなります。プ

米Mozilla Foundationは2月24日（現地時間）、Webブラウザの安定版アップデートとなる「Firefox 36」をWindows、Mac、Linux向けに公開した。Android版も間もなく公開される見込みだ。 デスクトップ版 まず、今月17日に正式な仕様として承認されたネットワーキングプロトコル「HTTP/2」をフルサポートする。HTTP/2には複数ストリームのマルチプレックス機能、ヘッダ圧縮機能、リクエストの優先度指定機能などがある。米GoogleのChromeブラウザも次期アップデートから段階的にHTTP/2をサポートすると発表している。 また、「新しいタブ」のサムネイルを「Sync」で同期できるようになった。 なお、Firefox 36 Betaの新しい設定画面は正式版には反映されていない。 Android版 Android版はまだGoogle Playに登場してい

連載目次 これまで「チームリーダーシップスキルの向上」をテーマに、会議のファシリテート方法、メンバーへの効果的な指示の出し方、チームの有用性などを、解説してきました。 連載最終回となる今回は「チーム内での助け合いの是非」について説明します。チームには助け合ってはいけないときがあるのですが、それはどういう場合なのでしょうか？ メンバー同士の仕事の貸し借りは是か非か？ チームで成果を出すには、協力し合うことが欠かせません。ここでいう「協力」は、「助け合い」とは似て非なるものです。 助け合いは、メンバーが相互に、どちらかといえば個人的な貸し借りの範囲で行うものです。もちろん、相手の仕事を手伝ったために、自分の本来の仕事に悪影響が出るような助け合いは、チームに持ち込むべきではありません。 ここに5人のチームがあり、あるシステムを期日までに完成させる予定で、それぞれに仕事が割り当てられていたとします

対象ソフトウエア：Windows 7／Windows 8／Windows 8.1／Windows Server 2008 R2／Windows Server 2012／Windows Server 2012 R2 解説 2015年2月中旬、レノボ製の個人向けPCの一部にプレインストールされた「Superfish」というソフトウエアが、深刻なセキュリティ上の問題を引き起こす危険性があることが報道された。 LenovoのノートPCに不正なアドウェア、SSL通信を傍受（ITmediaエンタープライズ） Lenovo、「Superfish」プリインストールについて公式見解を発表（ITmedia PC USER） Lenovo、不正ソフトの削除ツール公開　他のアプリに影響も（ITmediaエンタープライズ） このソフトウエアは、一緒にインストールされた「CAルート証明書」を利用して、同じコンピュータ

良かったらどうぞ。 僕は２年半前から弊社の経営について口を出し始め、実際に会社を変えたくて行動しました。このままじゃ死ぬとわかったからです。そーゆー話をベースに、エンジニアもサービス作って運用して金を稼ぐ以上、知っておいたほうがええんちゃうかなぁと思うことをまとめました。 詳しい話を聞きたい方はTwitterでもメール(gothesenpai at gmail.com)でも、適当に問い合わせて下さい。 何か１つでも得るものがあることを願います。 エンジニアのための経営学 from Michitaka Yumoto

多くの関数型プログラミングに関する記事が教えてくれるのは、抽象的な関数型のテクニックです。つまり関数合成やパイプライン、高階関数などです。この記事では違います。ここでは、プログラマが毎日書く、命令型で非関数型のコードの例を示し、それを関数型の形式へ書き換えます。 最初のセクションでは、短いデータ変換のループを取り上げ、map関数やreduce関数に書き換えていきます。2つ目のセクションではより長いループを取り上げ、ユニットに分解し、それぞれのユニットを関数型に書き換えます。3つ目のセクションでは、連続した長いデータ変換のループを関数型のパイプラインに分解します。 ここではPythonでの例を取り扱います。というのも多くのプログラマはPythonを読むのは簡単だと思っているからです。多くの例では、mapやreduce、パイプラインなどの多くの言語に共通する機能を例示するため、Python的な

Three months after arresting its administrator, U.S. federal authorities have seized the domain of notorious hacking site BreachForums. For a time, the forum was the go-to community for English speaki

英文を読んでいて分からない単語やイディオムを調べられるブラウザの拡張機能が存在しますが、同じような感じで、ウェブサイト上に出てきた数学の記号や数式を含むウェブサイトを効率よく検索できるネットサービス・拡張機能が「SearchOnMath」です。幅広い数式が検索できるので、学生だけでなく、教師や研究者にとっても使えるサービスとなっています。 SearchOnMath http://searchonmath.com/ SearchOnMath.がどういうサービスなのかは以下のムービーから確認可能です。 Browser's extensions from SearchOnMath. - YouTube まずはウェブサイトからサービスを使用してみます。トップページにあるキーボードっぽいものの中にある正弦定理などで使用される「sin(サイン)」を示すボタンをクリック。 すると、テキストボックスに「￥

はじめに RealSense 3D カメラの F200 が届きました。 RealSense は Intel による NUI 用のセンサ・SDK を扱うブランド名で、顔分析、手指・ジェスチャー検出、音声認識、背景除去、AR などが可能です。この前身として本ブログでも紹介したことのある Perceptual Computing という名称がありましたが、こちらを改めた形となるようです。 インテル® RealSense™ テクノロジー Oculus Rift + Senz3D + iisu で VR 空間内に手を入れて遊んでみた - 凹みTips インテル、3Dカメラ内蔵PCを今年後半より市場投入 ～自然なUI実現に向け「RealSense」ブランドで訴求 - PC Watch 確かに「パーセプチュアル・コンピューティング」は技術視点な名前な気がするので、「リアル・センス」の方が短くコンセプト的

こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot

米国のベンチャー企業 Mobile Media Ventures が PC 向けにカスタマイズした Android OS 「Console OS」をリリースしました。Console OS はユーザーアカウントを作成すると無料でダウンロードできます。Console OS はクラウドファンディングサイト Kickstarter の資金調達キャンペーンで発表された Android ベースのカスタム ROM で、x86 プロセッサを搭載した PC や 2-in-1 タブレットで Android をメインの OS として利用できることを目的に開発されています。Console OS ではデスクトップ PC の高速な CPU・GPU をフルに活用して Android アプリ・ゲームの動作パフォーマンスを改善したほか、デスクトップ PC やノート PC における一般的な作業でも使いやすいよう様々な改変を施

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

はじめに 本記事は複雑な構成をとるrailsアプリケーションをdockerで動作させる場合についてまとめています。 これまでにrailsを動作させるコンテナのDockerfileをどう記述するのが良いかという観点と、railsアプリケーションのプレビュー環境をdockerで構築出来るかという検証の二つの記事を公開していました。 railsをdockerで動かしたい場合の構成はどうするべきか - Qiita Docker(pool)を用いたプレビュー環境を検証する(railsアプリ開発チームの活用例) - Qiita 先に公開した二つの記事では、railsアプリケーションを単独のコンテナで動作させる場合について言及しています。 しかしアプリケーションの規模が大きくなるとrails単体だけでは無く、キャッシュにmemcachedやredis, 検索にsolrにelasticsearch, フロ

提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう！ 未経験から6ヶ月でWebデザイナーを目指しませんか？ クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2

普段ブラウザはChromeを使って、色んなサイトを比較したり、同時進行するときなど、タブをいくつも開いています。タブは便利ですが、間違ってChromeを終了させてしまったり、クラッシュしたときに誰にも怒りをぶつけられずファビョることになります。 そんな不安を解消、解決してくれる拡張機能に出会えましたので、今回はそちらをご紹介したいと思います。 参考：Chromeブラウザを拡張機能するおすすめExtensions8選「Streamus」「AutoPatchWork」など 拡張機能「Session Buddy」でタブ管理 まずはChromeの拡張機能「Session Buddy」をインストールします。 インストールは一瞬で終わり、ツールバーにアイコンが表示されます。 このアイコンをクリックすると、新しいタブが開くと同時に、管理画面が表示されます。 開いていたタブの履歴は自動保存されている 管理

映画好きの人はもうご存知だろう。 先日のアカデミー賞の授賞式で、脚色賞を受賞されたグラハム・ムーア氏のスピーチがとても感動的だった。 16才のときに自殺未遂をしたことを明かした。 しかし、そんな自分がいま華やかな場所にいる。 そして、自分と同じように、自分は他の人とはどこか違っていて、どこにも居場所がないと悩んでいる人にも、かならずいつかそんな時が訪れる、と述べた。 早口に言われた最後の言葉に、僕は震えた。 彼はこう言ったのだ。 Stay weird, stay different, and then when it’s your turn and you are standing on this stage, please pass the same message to the next person who comes along. 変なままでいいんだ、みんなと違っているままでいいん

Macの動作が重い/遅い時に試すべき対処法すべて 動きがもたつく時に試したい基本的なメンテナンス方法から各種リセット方法まで紹介 かつてOS Xと呼ばれていた時代ではOSをアップデートしたことによってMacを投げ捨てたくなるほど動作が重くなってしまう問題が起きる場合もあったが、最近のmacOSでは比較的動作が安定している。 「OS X Yosemite」の頃は、Mission Controlが固まる。文字入力も固まる。ウィンドウをスムーズに切り替えることができない。複数のウィンドウやアプリケーションを開き、文字入力をする僕にとっては作業にならなくて非常に困っていた。 試行錯誤を重ねた結果、僕のMacBook Proは絶好調だ。相変わらずメインのブラウザはGoogle Chromeで、4Kディスプレイを複数台接続してモリモリ作業をしている。動作が重くなってしまったMacを安定させる方法、もと

どうやったら6歳の女の子に「ガベージ・コレクション」や「抽象化」というプログラミングの概念が分かるのか？ 女性向けの無料プログラミング・ワークショップとして2010年に始まった「Rails Girls」創始者のリンダ・リウカス（Linda Liukas）さんは最近、子どもたちにプログラミングを教えるための絵本を描いている。主人公は、Rubyという名前の女の子だ。 「フィンランドでは2016年から学校でプログラミングが必修になります。7歳以上、男女問わずです。ですが、これまでは小さな女の子もプログラムをやるべきだ、と言う風になっていませんでした。私は女の子にもプログラミングをやってほしいと思っています。なぜなら、プログラミングやソフトウェアといったものは、もう世界中どこにもあるものですから」 リンダさんが描くのは、プログラミングの概念を日常生活にたとえた一種の喩え話だ。 プログラムの実行には

ノンプログラマーがはじめてWebサービスを作ってみた記録です。 2016.3.28 追記: リリース1年後について書きました。 はじめてのOSSリリース記 〜なぜ無料でソースコードを公開するのか？ 自己紹介 趣味でたまにプログラムを書く程度のノンプログラマー。 本業は SHIFT（ http://www.shiftinc.jp ） という会社でテスト自動化エンジニアをしています。 20代最後の年に何か新しいことを！と思い立ち、勢いでWebサービスを作ってみました。 作ったもの Chibineko - 世界で最もシンプルなテストツール https://chibineko.jp 面倒なテストはサクッと終わらせよう Chibinekoはテストケースの作成と実行管理を行うためのシンプルなテストツールです。 テスト項目を箇条書きにするだけで、あなた専用のテスト実行ページが瞬時に作成されます。 あとは

Updated version of an article first published on February 24th, 2015. Your Linux server is running slow, so you follow standard procedure and run top. You see the CPU metrics: But what do all of those 2-letter abbreviations mean? The 3 CPU states Let's take a step back. There are 3 general states your CPU can be in: Idle, which means it has nothing to do. Running a user space program, like a comma