こんにちは、お久しぶり、初めまして。Backlog開発班の川上です。私は現在Backlogのアカウント認証、契約、お支払いに関する機能をヌーラボの共通基盤である「ヌーラボアカウント」に統合するプロジェクト(長い！)のチームに参加しています。 このチームではアジャイルソフトウェア開発手法の1つであるスクラムを取り入れており、そのなかでいくつかの改善をおこなってきました。今回はスクラムを用いたBacklogの開発改善のなかでも、うまくいっているものを2つ紹介します。 取り組みその１. ペアプログラミング 遡ることプロジェクト立ち上げ時、チームにはBacklogの実装や開発に使うプログラミング言語であるScalaに明るくないメンバーもいたため、どうにかしてそれぞれの知識を伝達する必要がありました。 そこでペアプログラミングを取り入れたところ、無事メンバーそれぞれが一人でも不安なくやっていけるよう

和風の縦書きで綺麗なサイトのデザイン作りたいな… 依頼が来てから考えても遅い！ということで実例を元にデザイナーとして和風の縦書きサイトを作る時に気をつけたことをご紹介します。 和風の縦書きサイトを作ることになった経緯 まずは経緯から。あるクライアントさんからコーポレートサイトリニューアルのご相談をいただきました。ヒアリングをしていく中でいくつかの「キーワード」が浮かび上がってきました。 そのキーワードが以下。 「伝統」「日本」「女性」「和」「ゆっくりした時間」「高い品質」…。 ふむふむ。キーワードを元にデザインコンセプトを固めていく最初の段階で、頭の中には「縦書き+明朝体が絶対に合う！」という確信がありました。Webサイトの多くは横書きですよね。日本の文化でもある縦書きの表現は伝統、日本らしさを伝えることができると感じ、提案することにしました。 「縦書き、横書き」のバランス 縦書きは右から

Home > ブログ > 初心者でも簡単おしゃれ！思わずクリックしたくなるバナーデザインのコツ 広告制作依頼方法 「Photoshopは触れるけど、素人っぽい…」おしゃれなバナーデザインに悩める初心者に朗報の作り方とコツ！ また、「バナーくらい簡単に作ることできそう。自作や格安バナー制作で済ませたい」 デザイナー選定と予算に悩む、バナー注文ご検討の方も必見。 自分で作る内製派にはデザイン力アップの方法、 発注企業にはタイトルバナー制作依頼価格や集客効果の違う部分を 解説します。 プロデザインなら、どこに依頼しても一緒…ではありません。 新人やデザインの苦手なWeb担当者は、「ダサい」など言われた方も少なくないはず。 「バナーっていうのかい？贅沢な名だねぇ。」 「今からお前の作る画像はバーナーだ！分かったら返事するんだ」 ・・・とならないよう、バナーを研究し、手を動かし、クリック率の高いデザ

皆さんの2017年ベストショット記事を楽しく拝見して、自分もやってみたくなりました。 …といっても常に記録写真的な撮影ばかりなので、なかなかコレといった写真を選べないのですが、出掛ける度に毎回写真を撮っていれば、そこそこお気に入りの1枚や2枚はあるものです。そんな中から「今年の印象深い体験」と結びついた写真を10枚選んでみました。 1月：八ヶ岳・硫黄岳*1／E-M1 II＋M.12-100mm 2月：北海道・濤沸湖*2／E-M1 II＋M.12-100mm 3月：府中郷土の森博物館*3／E-M1 II＋M.40-150mm＋MC-14 3月：八ヶ岳・東天狗岳*4／E-M1 II＋M.12-100mm 5月：蝶ヶ岳*5／E-M1 II＋M.12-100mm 5月：北海道・羅臼*6／E-M1 II＋M.40-150mm＋MC-14 9月：富士山・御殿場ルート*7／α7＋FE16-35mm ZA

Chromeデベロッパーツール、使いこなしていますか？ モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証など、どんどん進化しています。これは便利です！ Webサイトのテストはますます複雑になっています。ほんの数種類のブラウザーで機能の互換性を確認していた時代は遠い昔の話。ピカピカの傑作サイトも、OS、画面解像度、マシン性能が異なる幅広いデバイス（モバイル、タブレット、デスクトップ）での動作確認が求められます。極端な話、開発そのものと同じくらい時間がかかってしまうことさえあります。 Webサイトのテストはタッチスクリーンと高解像度画面の登場でさらに複雑になりました。通常のPCにマウスとキーボードをつないで開発していたら、せっかくのWebサイトがどう動くか確認するのは困難です。たとえば、マウスポインタを乗せたときの動作などは必ずしも機能せず、

当社はCookieを使用して、お客様が当社のWebサイトでより良い体験を得られるようにしています。引き続き閲覧する場合は、プライバシーポリシーに同意したことになります。

どうも！アプリケーション基盤チームの@yokotaso です。 2017/11/13 にサイボウズLiveの長時間にわたる障害が発生しご迷惑をおかけしました。 技術的な調査が一段落し、対応を進めております。 障害にいたった原因と対応のお話をさせていただきます。 簡単なまとめ Java8u152以降で、CPU負荷が高まる現象 Java標準のデシリアライズとSecurity Managerの相性が悪くなった 解決策は現時点では存在しない。サイボウズLiveでは、Java標準のデシリアライズをやめる準備段階 障害発生時の状況 障害発生の数時間前に、運用マシンのメンテナンスを行っておりました。 Javaのマイナーアップデート カーネルのアップデート その他、設定ファイルなどの更新 障害発生時には次のような現象が見られました。 JavaプロセスがCPU高負荷状態 MySQLに大量のロック及びエラーが

2017年も残りわずか。年末特集としてそれぞれの分野におけるトップランナー23名に「2017年に衝撃・感銘を受けた一冊」を伺いました。あなたが年末年始に読みたい一冊はどれ？ トップランナー23名が選んだ、「2017年に衝撃・感銘を受けた一冊」 2017年もまもなく終わり。年末年始、休暇をとって、読書の時間にあてる方も多いのではないでしょうか。 そこで、これまでCAREER HACKに登場してくださったトップランナー23名の方々に「2017年衝撃・感銘を受けた一冊」を伺いました。それぞれの分野で業界をリードする彼ら、彼女らは、一体どんな本を手に取り、どんな一節が心に深く突き刺さったのか。 その一冊にはきっと多くの学び、刺激が詰まっているはず。2018年に向けてエネルギーがもらえる、そんな本をご紹介します！ ※人名の50音順に掲載。回答者は敬称略とする。 ［本をご紹介してくださった方々］ ・荻

「いま、どのエディタが一番人気なのか」 宗教戦争※になぞらえるほどの議論を巻き起こすこの問題に、転職ドラフトチームはデータから答えを出してみたいと思います。 すでに登録済みの方はご承知のとおり、転職ドラフトの登録フォームには「好きなエディタ」を入力する項目が用意されています。そのデータを集計の上、審査を通過したユーザーのみを対象として、「昨対比」「年代比」「言語別」といった多視点から分析を行なってみました。 さて、あなたが愛用するエディタはいったいどこに位置しているでしょうか？（どんな結果になっていても怒らないでください…） 【集計対象】 転職ドラフトの審査を通過したユーザー1642人 【目次】 2017年度版 エディタ使用率を大公開！ ヤングVSアダルト！年代別エディタ使用率比較 エディタ別 指名率＆指名数比較 エディタ別 GitHub＆Qiita入力率 プログラミング言語別 エディタ使

この記事はNIFTY Advent Calendar 2017の24日目の記事です。 昨日は@megane42さんのNeo4j を駆使して格ゲーに勝つという記事でした。 1 はじめに 1.1 モチベーション 普段はネットワークとかインフラ寄りのエンジニアをしているニフティ4年目の@licht110です。 今回は完全に趣味でやっていることの話で、この記事を書いたモチベーションは以下の通りです。 ブロックチェーンを調べているうちに仮想通貨の取引にハマった 機械学習・深層学習を学ぶことによるスキルアップ 仮想通貨で大儲けして遊んで暮らしたいなどとは微塵も思っていませんよ。 ※この記事を参考にして行った仮想通貨の取引によって生じた損害またトラブルについては一切の責任を負いかねます。 1.2 この記事で取り扱う内容 仮想通貨取引所のAPIを使って価格データを取得する kerasとscikitlear

Amazon Web Services（AWS）が機械学習のサービスで攻勢を掛けている。2017年11月27日から12月1日にかけて開催した年次カンファレンス「re:Invent 2017」で、五つの新サービスを一挙に投入した。 プログラムの対話型実行環境Jupyter Notebookを備え、機械学習モデルの組み上げ、学習、配置、実行までを一貫して行える「Amazon SageMaker」、文章からキーフレーズを抽出したり登場する言葉を分類したりする「Amazon Comprehend」、文章を翻訳する「Amazon Translate」、テープ起こしの「Amazon Transcribe」、動画に写っているものや内容を認識する「Amazon Rekognition Video」だ。 最初のSageMakerはApache MXNetなどの機械学習フレームワークを導入して使う汎用的な機械

Unityで簡単にTensorFlowを使ってディープラーニング（Deep Learning）したい場合は、ml-agents（Machine Learning Agents）というフレームワークを使うのが便利です。今回の記事では、ml-agentsの考え方と概要、ml-agentsを使った機械学習の方法を説明します。 記事の内容は次のようになります。 Unityのml-agentsの概要 Anacondaで環境設定 ml-agentsをインポートする TensorFlowが使えるようにセットアップする トレーニング用のバイナリを書き出す 機械学習でトレーニングする Step1. ライブラリのインポート Step2. Hyparametersの設定 Step3. アプリケーションのロード Step4. TensorFlowを使ったディープラーニング Step5. 学習結果の書き出し 学習結

2017年もベイズ関連の本がたくさん出版されたのでまとめてみます。 下記の記事の続きのようなものですが、私はほとんど読めていません。。 ベイズ統計の入門書が出版ラッシュなのでまとめてみた - ほくそ笑む 冬休みのお供にどうぞ。 ビジネスマンがはじめて学ぶ ベイズ統計学 ―ExcelからRへステップアップ― 作者:朝野 煕彦出版社/メーカー: 朝倉書店発売日: 2017/02/20メディア: 単行本（ソフトカバー） Pythonで体験するベイズ推論 PyMCによるMCMC入門 作者:キャメロン デビッドソン=ピロン出版社/メーカー: 森北出版発売日: 2017/04/06メディア: 単行本（ソフトカバー） やさしいMCMC入門: 有限マルコフ連鎖とアルゴリズム 作者:Olle H¨aggstr¨om出版社/メーカー: 共立出版発売日: 2017/05/09メディア: 単行本 ベイズ統計モデリ

東京大学、動画に含まれる画像や音からニューラルネットワークを用いて適切な触覚情報を推定するモデル「VibVid」を論文にて発表 2017-12-27 東京大学 篠田・牧野研究室の研究者らは、動画に含まれる画像や音から機械学習を用いて適切な触覚情報を推定し視聴者に提供するモデル「VibVid」を論文にて発表しました。 VibVid: VIBration Estimation from VIDeo by using Neural Network （左図：テニスの画像、音、加速度を記録するためのデバイスを装着した様子。右図：手に触覚が得られるラケットを持ち体験する実験中の被験者。） 本稿では、画像フレームと音データを含むビデオから適切な加速度を推定し、視聴者に正確な振動触覚を与える事でより質の高い視聴体験を提供するニューラルネットワークモデルを提案します。 一例として、テニスの一人称視点ビデオか

(Photo by Pixabay) これはただの年末ポエムです。何ひとつとして高度に技術的な話もなければ、ためになる話もありませんので予めご了承ください。 時が流れるのは早いもので、僕がインダストリーにおけるデータ分析の仕事を手がけるようになってから5年目の今年もほどなく終わろうとしています。上記の記事ではその間にあった様々な出来事を振り返りましたが、今回は現在の仕事のやり方について最近感じていることを徒然なるままに書き散らしてみようかと思います。 想像を超えて遥かに進んでいく「最先端」 今の業界*1で最先端と言えば一般にはDeep Learningとか〇〇Netのことを指すことが多いですし、以前「今の状況は『俺が考えた最強のネットワーク選手権』だ」と言った通りの有様だと個人的には認識しています*2。 その意味では今年も最先端の研究開発の進化のスピードはとどまることを知らないという印象で

2015年9月18日開催　GTC Japan 2015 講演資料 エヌビディア合同会社 プラットフォームビジネス本部 シニアCUDA エンジニア 森野 慎也 CUDA Tookitでは、Nsight、Visual Profilerなどの開発ツールが、標準で提供されています。本セッションでは、これらのツールを用いたデバッグ・プロファイリングの基本操作について、説明します。また、事例を用い、効率のよいデバッグ法、プロファイリング時の基本的な確認ポイントもあわせて紹介します。プラットフォームは、Windows、Linuxの両者が対象となります。

anaconda環境でのcaffeを動かしたかったが、Makefile.configを変更してもうまく動作せず。いったんバージョン管理を使わない環境での構築手順はメモしておく。 間違っていたら連絡を頂ければありがたいです。 ubuntuでのインストール 一般的な依存関係 sudo apt-get install libprotobuf-dev libleveldb-dev libsnappy-dev libopencv-dev libhdf5-serial-dev protobuf-compiler sudo apt-get install --no-install-recommends libboost-all-dev

Over the past few years, deep neural networks have become extremely popular. This emerging field of computer science was created around the concept of biological neural networks, and deep learning has become something of a buzzword today. Deep learning scientists and engineers try to mathematically describe various patterns from biological nervous systems. Deep learning systems have been applied t

デザイン思考とは「デザイン思考」とは、以下の5つのステップ（共感、問題定義、発想、プロトタイプ、テスト）を繰り返すことで、問題の本質をインサイト（何かをきっかけに新たに気づいた情報）としてとらえ、そのインサイトにもとづいたソリューションをデザインすること、そのプロセス、その考え方を指します。※詳しくはd.schoolのプロセスガイドを参照 デザイン思考を用いた個人開発のフローテーマを設定するデザイン思考をするにはテーマが必要です。受講中は、「毎日の通勤体験をデザインする」など、どんな方法で解決するかや、何を解決するかという具体的な方法などない、漠然とした課題を与えられました。 ステップ１：共感（Empathize）テーマにもとづき、ユーザーインタビューします。インタビュー対象は人数が多いほど多様性が生まれるため良いのですが、個人開発では友人や家族にしてみると良いかと思います。その際自分の中

特定のSVGファイルがChrome（少なくともv51.0.2704.84 から、2017年12月26日現在の最新バージョンである v63.0.3239.108まで）で表示されない現象があるようです。 特定のSVGファイルとは、image要素のxlink：href 属性が xlink：href = "data：img/png; と記述されているものです。 IE,　Edge,　FireFox,　Safariのそれぞれ最新版ではこの現象は確認できませんでした。 解決法 テキストエディタでSVGファイルを開き、xlink：href = "data：img/png;　(画像赤罫線で囲った箇所)　をxlink：href = "data：image/png;と書き換えてやると正しく表示されます。 Photoshop, Illustratorの現行バージョンで書き出しを行うと、Chromeで表示されないx

SEOに詳しい人であれば、誰しも耳にしたことがある「コンテンツ・イズ・キング」 SEOにおけるコンテンツの重要性を表した言葉として知られています。 現代のSEOではリンクが王様であった時代を経て、コンテンツが最重要として捉えられる ようになりましたが、音声検索ではコンテキスト(文脈)がコンテンツと同様に重要になる と言われています。今回は、How Voice Search Changes Everythingの著者である Duane Forresterがインタビューで語ったコンテキストの重要性についての内容をご紹介します。– SEO Japan Yextのインダストリーインサイト部門長のDuane Forresterは自身のeブック「How Voice Search Changes Everything(音声検索はすべてをどのように変えるのか)」、そしてマーケターが音声競争の中ですべきこと

Photonのアイコン画像を劣化の無いSVG形式で入手する Firefox 57以降のバージョンで採用されているアイコンや配色などの視覚的デザインセットには「Photon」という名前が付いています。サイドバーやツールバーボタンのパネルなど、Firefox用のアドオンで何らかのGUIを提供する場合には、このPhotonと親和性の高い視覚的デザインにしておく事が望ましいです。 Photonのデザイン指針に則って作成されたFirefoxの各種アイコンは、SVG形式のデータが公開されています。SVGのようなベクター画像形式は拡大縮小しても画質が劣化しないため、極端に解像度が高い環境でもレイアウトの崩れや強制的な拡大縮小によるボケなどの発生を気にせずに使えるのが魅力です。PhotonのアイコンセットはライセンスとしてMPL2.0が設定されているため、自作のアドオンにも比較的容易に組み込んで使えますの

公開日 : 2017年12月27日 (2024年3月1日 更新) カテゴリー : アクセシビリティ ウェブアクセシビリティ向上のために活動している米国の非営利団体 WebAIM (Web Accessibility in Mind) による、恒例のスクリーンリーダー利用者調査 (第7回) の結果が発表されました。英語のレポートになりますが、WebAIM サイトの「Screen Reader User Survey #7 Results」で詳細をご覧いただくことができます。 この記事では WebAIM 発表の調査結果の中から、私自身が興味深く感じた事項を中心に、スクリーンリーダー利用に関するトレンドについてまとめたいと思います。 調査の概略 本調査は2017年10月にウェブアンケート形式で行なわれました (前回は2015年7月)。有効回答数は1,792人で、回答者の地域属性は、北米が60.0

2017年1月16日 CSS, Webデザイン, スマートフォン 画面を大胆に縦に割ったレイアウトのWebサイトが流行中。複数のセクションで分割しているサイトもありますが、中でも多く取り入れられているのが真っ二つに分けている半分割のレイアウト。インパクトがあって注目を集められる上、スクロールをせずに複数の情報を表示できます。今回はそんな縦半分割のレイアウトを使ったWebサイトの作り方と、実例をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 縦に半分割しているWebサイトを作ってみよう！ Dropboxのガイドラインページでは、ユーザーガイドと管理者ガイドが同レベルの重要度としており、ふたつのコンテンツを横並びにして表示しています。このように複数のコンテンツを同じ重要度で見せたい時に縦分割のレイアウトが活かせます。 幅の狭いデバイスで見るとカラムが縦並びに変更されます。 今回

現代のプロダクトチームが抱えるもっとも大きな課題の１つに、大規模なチームでいかにデザインを進めるか？ということがあります。 大規模チームでは、どのような活動が求められるでしょうか？　どのように協調関係を築き、意思決定をすれば良いのでしょうか？　質の高い成果物をスケジュール通りに届けるにはどうすれば良いのでしょうか？ このスケールの問題にどのように対処しているのかを知るために、今回私たちはAtlassianのデザインチームから以下の３人に話を伺いました。 Ashleigh Sterzenbach―シニアプロダクトデザイナー Erin Howard―シニアユーザーリサーチャー Alastair Simpson―デザインチーフ、Confluence、Hipchat、プラットフォーム担当 2,200人以上の社員を抱える企業において、どのように効率よく協力しながら、プロダクトの品質を保てるデザインチ

Storybook v3.3.0でAngular対応がリリースされたので、さっそく試してみました1。 Angular CLIプロジェクトへの導入方法 Angular CLIで作成したプロジェクトに導入するのであれば、コマンド一発です。 ng new my-ng-storybook-prj cd my-ng-storybook-prj yarn add @storybook/cli --dev yarn run getstorybook

簡単ハイクオリティ！ポートフォリオサイトなどに使えるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」 写真やデザインなど、作品や仕事をオンラインで紹介する上で欠かせないのが、ポートフォリオサイト。今回ご紹介するのは、そんなポートフォリオサイト作りを手助けしてくれるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」です。 Apollo: One page HTML template for photographers – Freebiesbug 使いやすくクオリティの高いフリーのウェブサイトテンプレートが25種類まとめられています。中でも気になったテンプレートを幾つかピックアップしてみましたのでご覧ください。

THE GUILDの @goando です。 同僚のこばかなさんから読書バトンが渡ってきたので、お勧めの書籍を紹介します。 はじめに:  UXのために脳を知りたくなった2017年お勧めの書籍を紹介する読書バトンですが、今年はUXへの理解を脳視点から掘り下げてみたくなり脳科学に関する書籍を読む機会が多かったので、これをテーマに2017年の私のお勧めの書籍をご紹介したいと思います。 #1 :  ファスト&スロー - ダニエル・カーネマンまず今年、脳について理解したいと思ったきっかけの一冊があります。行動経済学のノーベル賞受賞者ダニエル・カーネマンの「ファスト&スロー」です。 以前にも読んだ事があったのですが今年に入って改めて読み直して、これがきっかけとなり今年は脳の働きに強く興味を持ちました。 ファスト&スロー - ダニエル・カーネマン 行動経済学は「人間は必ずしも合理的に行動しない」という観

こんにちは、市原えつこです。 近頃更新がパッタリと止まっていましたが、その間に何があったかというと 契約関連でモメてました★ 守秘義務がございますので具体的に何があったのか、というのはお話できないのですが、なかなかの泥仕合でした。 これまでの人生であまり悪い人と出会ったことがなかったので この度はじめて修羅場の交渉というのを体験してなかなか楽しかったです。 ※一応念のため付け加えておくと、トラブルが発生したのは仲介業者さんとの契約であって取引先・クライアント様との契約ではないです。独立してからお仕事をさせて頂いたクライアント様はどこも誠実な方々でした 今後の人生で大きな損失を生まないために、インフルエンザワクチンを打って予防接種をしたのだ、とポジティブに捉えることにします。 クリエーターはお金に無頓着だったりあまり法に関する知識がなかったりするケースも多いため、ビジネスワールドの強者から

市原えつこ / Etsuko Ichihara @etsuko_ichihara 昨月は契約関連で揉めてました。同じような罠にかかる方もいるかもしれないので、クリエーターが契約でトラブった時の戦法についてまとめました😇 #フリーランスの難しいところ ： クリエーターが契約トラブルに見舞われた時の対処方法 - 市原えつこ blog.etsuko-ichihara.com/contract_troub… 2017-12-21 15:26:37 リンク 市原えつこ 公式ブログ クリエーターが契約トラブルに見舞われた時の対処方法 こんにちは、市原えつこです。 近頃更新がパッタリと止まっていましたが、その間に何があったかというと 契約関連でモメてました★（一応念のため言っておくと、クライアント様ではないです） 守秘義務がございますので具体的に何があったのか、というのは 34 users 212 市

はじめに こんにちは、R&D本部アドプラットフォーム開発部の村岡です。 九州工業大学の先端情報工学専攻を予定通り修了してジーニーに17卒入社し、現在は主にGenieeSSPの開発を行っています。 以前こちらの記事を書きましたが、今回もMySQL関連の記事となります。 GenieeSSPについて GenieeSSPは、広告配信のレスポンスタイムを短くするために、数十万の広告枠の配信設定をすべてインメモリで保持しています。 全広告枠の配信設定はMySQLに保存されています。配信設定を変更する、つまりDBのデータを変更する方法は、現在の運用では4つあります。 営業担当や、広告運用チームなどが操作画面を使って更新する。 操作画面では対応できない場合などに、エンジニアの運用チームが手作業で更新する。 配信パラメータ最適化のためのバッチが更新する。 リリース時などにエンジニアが権限をもらって更新する（

このページに辿り着いたあなたなら、おすすめのビジネス書を探していることだろう。 このブログ「Mission Driven Brand」は、外資系コンサルティングファームと広告会社の両方のキャリアを持つ筆者が、ビジネスにおける「できない、わからない」の解決を目指すブログだ。 このブログを運営していると「ビジネスで勉強になる本を紹介して欲しい」という問い合わせを頂くことが多い。 各解説記事でもおすすめの本を紹介しているが、今回は様々な分野のビジネス本を入門書から名著まで一気に100冊紹介しよう 。 本ブログの筆者であるk_birdは「広告会社」→「国内ビジネススクール」→「外資系コンサルティング会社」→「広告会社」というキャリアを積んできたが、ビジネスを学ぶ上で「ぜひ読むべき」と考えるに至ったビジネス書ばかりだ。 関連記事 ビジネス書の読み方｜ビジネス読書から得られる5つの効果 ★「シャープな

(English article is here) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 Pythonは、CSVなどのデータ処理、Webサービスの開発、スクレイピング、ボット作成など幅広い目的で使われているプログラミング言語です。特に最近は、機械学習・AIのなどの開発に適したライブラリが充実していることもあって注目が高まっていますよね。 ただ、Pythonを単体でインストールしても、表やグラフを作ったり、データなどを整理したりする機能はありません。 そこで、Jupyter Notebookというツールがあります。 Jupyter Notebookを使うと、ブラウザ上で簡単にプログラムを実行できるうえ、表やグラフなども表示できます。 また、Markdownなどで文章も書けるため、プログラムと文章をわかりやすくまとめることができます。このまとめたノートは

はじめに 2017年もあっという間に終わりが近づいてきました。 昨年もこの時期に Qiitaレジェンド達の偉大さをシェル芸で眺めて2016年を振り返る なんて記事を書いていたのですが、個人的に面白かったので今年も似たようなことを色々やってみます。 なお、この記事で用いている各種データは 2017年12月12日あたり のデータであり、リアルタイムなものでないことにご留意ください。 やること 昨年は Qiita User Ranking というサイトでContributionの上位を確認することができたのですが、2017年3月頃から更新が止まってしまいましたので、今回は自前でデータを集めました。 ユーザ別Contributionランキング ユーザ別記事数ランキング ユーザ別フォロワーランキング 記事別いいねランキング その他分析いろいろ それでは、いってみます。 前準備 分析をするにあたり、当

Prometheusでは、Prometheus Serverが監視対象にアクセスしてデータを収集するアーキテクチャを採用している。このデータ収集のためのアクセス先（エンドポイント）は「exporter」と呼ばれており、さまざまなソフトウェアやハードウェア向けのものが提供されている。今回はこのexporterについて、独自のデータ取得方法なども含めて紹介する。 公式exporterとサードパーティによるexporter Prometheusのアーキテクチャは前々回の記事で詳しく紹介しているが、Prometheus Serverが監視対象にアクセスしてデータを収集するような構成（Pull型アーキテクチャ）となっている（図1）。このようなアーキテクチャにおいては、監視対象ごとにPrometheus Serverにデータを渡すためのexporterを用意する必要がある。 図1 Prometheus

管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。 そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレートです。 CoreUIの使い方 スクリーンショット多めで紹介します。まずはダッシュボード。このようなUIの管理画面が簡単に作れます。 ボタン。 ソーシャルボタン。 カード。 フォーム。 モーダル。 スイッチ。 テーブル。 タブ。 アイコン。Font AwesomeかSimple Line Iconsがサポートされています。 ウィジェット。 こんなウィジェットも。 チャート。 ログイン画面。 登録画面。 エラー画面。 CoreUIはVueで作られていますので、表示する際にもW

Pythonで最初に知っておきたかったこと 最近、PC(Mac/Linux)やRaspberry PiでPythonを使ってプログラムを組むことが多くなってきました。長く使っていると、多少はPythonのことが分かってきて、色々便利な機能なども知ることができます。その中でも「これ、もっと早くに知りたかった…」というものが結構あったりするので、一度そういったものをまとめて紹介しようと思います。 Pythonをこれから始める初心者の方の参考になればよいなと思います。環境はMac/Linux(Raspberry Pi)を想定していますが、それ以外の環境の方でも参考になるかとは思います。 環境セットアップ 最初は環境構築です。PC（Mac/Linux）だと、仮想環境を使うのを個人的にはオススメします。以下記事参照下さい。 「俺はとにかくPythonで機械学習をやりたいんだー！」という人は、下記の記

今やあらゆる場面で必要とされるプロジェクトのノウハウを、300件以上成功させてきたプロフェッショナルがこっそりお伝えします。 最近はどこに行っても人手不足の話を聞きます。 多いときには、一日3-4回も経営者やマネージャーの知り合いから「こういう条件の人いない？」と訊かれることもあるぐらいです。 私はIT業界にいますが、エンジニアやデザイナーなどの技術が求められる専門職が不足しているのはもちろん、最近特に強く感じるのは「仕事（案件）をしっかり回せる人」、つまりディレクターやプロジェクトマネージャーのようなポジションの人が足りないということです。 仕事をちゃんと回せる人がいないので、何とか人手を増やして対応しようと考える組織も多いようです。 しかし、例えば将棋をイメージしていただければわかると思いますが、いかに多くの強い駒（優れた技術者）を持っていても、指し手（ディレクターやプロジェクトマネー

12/1 に Qiita のトップページをリニューアルしました。これまで React を使っていましたが、それをやめて hyperapp を採用しました。まわりを見てもあまり採用事例が見当たらないので、この記事では一体なんで今をときめく React ではなく hyperapp を選択したのか、どういうところが魅力的なのかについて プレゼンテーション層を実装するためのツールとして 学習コスト の観点から書きたいと思います。なおこの記事に書かれていることは全て個人の感想であり、はっきりいって個人の日記レベルです。 それと hyperapp の開発者が社内にいるという事情もあるので、そこら辺さっぴいて読んでください。 TL;DR プレゼンテーション層を実装するためのツールとして React は機能過多だし、機能不足 hyperapp は過不足ない 学習コスト 仮想 DOM は学ぶ価値のある知識

この投稿は Increments Advent Calendar 2017 の14日目の記事だよ。Hyperapp という JavaScript ビューライブラリを自作しているので、その説明と作った理由について話す。 Hyperapp ができるまでのプロセスや、どんな価値観で作ったかなどを書く。新しいフレームワークを作る時の参考になれば嬉しい。 Hyperapp とは？ Web アプリのフロントエンド用 JavaScript ライブラリ。React, Preact, Vue といった代表的なものよりもずっと小さく、1 KB という超軽量サイズ。他のライブラリに依存することなく使えて、さらにスピードもある Elmアーキテクチャーに基づいてて、アプリケーション設計はElmやReact、Reduxと似てるけど、ボイラープレートは少ないし、TypeScriptにも対応して、とにかくシンプル。 El

この投稿は Increments Advent Calendar 2017 の18日の記事です。去年に続き、2017年の Qiita の CSS 構成について述べます。 2016年版はこちら: QiitaのCSS構成2016 プリプロセッサー 2016年は CSS のビルドフローで一貫して PostCSS を使っていましたが、2017年では プリプロセッサーとして Sass (node-sass) を使っています。 プリプロセッサーとして PostCSS を使わなくなった最大の理由は @apply ルールが仕様から落ちた ことです。@apply は Sass でいう引数なしの mixin みたいなもので、Chrome の Canary では実装されていた時期がありましたが、消えてしまいました。 おそらく CSS Nesting Module や CSS Extend Rule も落ちると思

これはFujitsu Advent Calendar 2017の18日目の記事です。 掲載内容は富士通グループを代表するものではありません。ただし、これまでの取り組みが評価されて、富士通がQiitaに正式参加することになりました[リンク]。なお、内容の正確性には注意を払っていますが、無保証です。 はじめに この記事では今年発表されたディープラーニング論文（ArXivでの発表時期、発表された国際会議が2017年開催またはジャーナル掲載が2017年のもの）から私が個人的に重要だと思った論文を収集しています。また、2016年末ごろの論文も重要なものは採用しています。 以下の投稿も合わせてご覧ください。 2016年のディープラーニング論文100選[リンク] ディープラーニングにとっての2017年 2017年のディープラーニング技術は主に画像系技術で革新的な進歩がありました。それをけん引したのは敵対