時代はリクルーティングからタレントアクイジションへ ～採用ブランディングからタレントプール構築へ転職潜在層への効果的な活用方法とは～

Cacoo 開発チームの山岸です。ウェブにおけるアニメーション・インタラクションが好きなので今回は Web Animations API を紹介します。 Web Animations API (以下 WAAPI)とは これまでの CSS Transitions / Animations や SVG Animation を JavaScript で実現するための API です。WAAPI によりアニメーションにおける統一的なインターフェースを提供することを目的として仕様策定が進められています。 何を解決するか CSS によるアニメーションの場合、実行時の制御ができないことや複雑な CSS Animations の修正の大変さがありました。 また、CSS と JavaScript の両方を用いることも多いですが、アニメーション表現と実行のコントロールが別になることでの管理のしづらさ、reque

チームのコラボレーションを促進し、働くを楽しくするツール「Backlog (バックログ)」「Cacoo (カクー)」「Typetalk (タイプトーク)」を開発、提供する株式会社ヌーラボ（本社：福岡県福岡市、代表取締役：橋本 正徳、以下 ヌーラボ）は、宮古島市教育委員会と共同で、社員の宮古島におけるリモート就業を支援する社内制度「リゾートワーク制度」を始動しましたので、お知らせします。 ■ 「リゾートワーク制度」始動の背景 「リゾートワーク制度」は、宮古島からリモート環境で通常業務などに従事する「リゾートワーク」を希望する社員を社内公募し、選抜された社員(およびその家族)の旅費などの一部をヌーラボが負担する内容です。 ヌーラボは、自身が開発・提供する3つのコラボレーションツール「Backlog」「Cacoo」「Typetalk」によって、地球上のどこにいてもオンラインで仕事ができています。

こんにちは。Backlog のSite Reliability Engineering (SRE) を担当している吉澤です。 AWS アクセスキーを含むコードを GitHub の公開リポジトリにプッシュしてしまい、そのアクセスキーがビットコインの採掘に使われて AWS から高額請求が来た！という話をたまに目にします。今年の2月に検証された方（GitHub に AWS キーペアを上げると抜かれるってほんと？？？試してみよー！)によると、git push から13分で不正利用開始されたらしいです。怖いですね……。 Backlog のソースコードは Backlog の提供する Git リポジトリで管理しています。Backlog の Git にはリポジトリの公開機能はないので、AWS アクセスキーをプッシュしたからといって即座に悪用される可能性は低いです。とはいえ、漏洩時の影響が大きいため、AWS

BAKE人事が仕掛ける「攻めの採用」に不可欠な、人事同士のコラボとは何か？ | 人事部から企業成長を応援するメディアHR NOTE

Backlog開発チームの佐藤です。自宅と会社でWindows/Macを併用しているせいか、日本語と英語を切り替えるとき、自宅のWindowsではWindows+スペース、会社のMacではescキーをよく押してしまいます。 それはさておき、私がコンソールで操作するときはデフォルトで入ってるものをそのまま使います。Macデフォルトのbashのディレクトリ移動にいい加減疲れを感じたのと同時に、zshに憧れを抱いていました。そんな最中、「fish shell」というシェルを見つけて超快適になったので、その素晴らしさをお伝えします。 fishとは？ 後ろがshとなっている通り、シェルの名前です。お魚じゃないよ！githubにてthe friendly interactive shellと自称しているだけあり、ユーザーフレンドリーさに重点を置いて開発されています。 fishの特徴として、他のシェルと

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

【2017年版】「福岡市」はエンジニアにとって注目の街！？2017年に福岡に進出したIT企業12選（※12月30日追記） 年末のお忙しいところ、失礼します。ヌーラボでHRを担当しているAngelaです。 みなさんにとって、2017年は、どんな年でしたか？ 個人的には、ヌーラボの本社がある「福岡市」という都市にとっては、IT分野などで大きなイノベーションへの一歩を踏み出した年だったのではないかと思います。 日本一の人口増加率「福岡市」 現在、福岡市は日本で一番人口増加率が高い街なんです。 日本一の人口増加率！　 「福岡が選ばれている事実」をデータで検証してみた 2016年に出されたこの記事によると、 人口増加率　第1位：5.1% 人口増加数　政令指定都市第1位：74,767人増（1,463,743人→1,538,510人） ※調査期間は、平成22年10月〜平成27年10月 という驚きの数字。

こんにちは。みなさまがCacooで図の編集をするエディターを開発している、Cacooチームの国広です。Cacooチームでは、エディター部分のビルドに Webpack を使用しています。ビルド対象はTypeScript、JavaScript、PostCSS、Riot（のtagファイル）、画像等です。 そのままビルドするには少し我慢ならない程度に待たされるようになったので、Webpackの公式ドキュメントを見ながら少しだけビルドのパフォーマンスの改善を行いました。その結果、ビルドにかかる時間は当初のシンプルな構成に比べて6倍早くなりました。 対象読者 Webpackを使用している人 ビルドのパフォーマンスを改善したい人 Webpackのビルドパフォーマンス改善 ビルドとは何か 現在のCacooのエディターでは、いくつかのJavaScriptファイルをHTMLに読み込ませることでアプリを起動させ

Backlogチームのnabe_です。もっぱら仕事はJavaとScala、最近の趣味は Go言語 です。今回、 Go言語 で nulab/go-git-http-xfer という Git ライブラリ を書いたので紹介させていただきます。 役割 動機 仕組み 使い方 試用 まとめ 役割 このライブラリを使うと、GitのリモートリポジトリへHTTPでアクセスするためのサーバーを作ることができます。HTTPアクセス自体は、BacklogやGithub等のGitをホスティングしているサービスであれば概ねサポートしているので、普段あまり気にすることはないかと思いますが、独自にGitを運用している場合、リモートリポジトリの前に clone、push、fetch  等で発生するHTTP通信を捌く仕組みを、なにかしら用意しなければなりません。 動機 私自身まだまだGoのニュービーなのですが、兎に角手を動か

Backlog 開発チームの saki です。仕事は Scala と Java ですが、Ruby や JavaScript などのいわゆる動的型付け言語も好きです。最近はフロントエンドに興味がありプライベートで Vue.js を触っています。 Vue はプログレッシブフレームワークを謳っており、その名の通り最初は小さく導入でき、ソフトウェアの成長に合わせて他のライブラリを組み合わせることで規模の大きい開発にも利用できる柔軟さが気に入りました。ドキュメントも充実しており学びやすいと思います。どのライブラリも自分が一番と宣伝する中で、他のフレームワークとの比較 のページには誠意を感じました。 今回はそんな Vue を使って、かんばんライクなタスク管理アプリの簡単な作り方を紹介します。アウトラインは以下です。 基礎の作成 状態別にタスクを抽出する処理を作成 task-card コンポーネントの作

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

Java 9の起動パラメータ java.locale.providers に Java 8 と同じ優先度で国際化を行う指定をします。 java -Djava.locale.providers=COMPAT,SPI この設定で日付のフォーマットが Java 8 と同じように動作するようになり、自動テストが成功しました。 以上で 750 個のテストがすべて成功するようになりました。次はいよいよJava 9で既存のソースコードをコンパイルします。 Java 9でコンパイルして Java 9で動かす ヌーラボのアカウント基盤には Java のコンパイル対象が約 1,360 ファイルあります。目標は 1,360 のソースコードがJava 9 ですべてコンパイルできることです。 コンパイラの設定を Java 9に切り替える コンパイラを Java 9に切り替えます。Java 9のバージョン指定には注意

こんにちは Backlog 開発チームの下川です。現在、Backlogは日本語版と英語版で分けていたドメインをbacklog.comに統合するプロジェクトを進めています。その一環で内部的に使用するAPIサーバーの実装に Go言語 を利用することになりました。過去に Go言語 を少しだけ使っていた筆者ですが、今回本格的に使ってみて引っかかった点とその対策を列挙してみました。 要約 開発は基本的にワークスペースの下でする インターフェイスをポインタ渡ししない 標準のerrorsパッケージが物足りなければgithub.com/pkg/errorsを使ってみる エラーの種類で分岐する方法はいろいろあるが、唯一の解はない for文の入力に飽きたらIDEのテンプレート機能を活用してみる 必ずワークスペースの下で開発するものなのか Goにはワークスペースというものがあります。ワークスペースはディレクトリ

そのデザインを前に見たことがある、自分では気がつかずに利用していた、そういった経験、または聞いたことがあると思います。 デザインをはじめ、Web制作のコード、ロゴやイラストなどを盗むこと、コピー、模倣すること。クリエイターにとって、常に意識しておきたいことを紹介します。 Your logo is copied by Ferdinand Vogler 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 そのデザイン見たことある 気づかずに再利用している 盗むとコピーの違い コピーのコピーの、そのまたコピー セマンティクスはコピーを利用する あなたはどう思いますか？ そのデザイン見たことある 「ちょっと待って！ そのロゴ、前に見たことあるよ。 そのデザインにどうして、なじみがあると思いますか？」 左:Airbnb、右: Azuma Dr

by Steven Zwerink 1年に4000万ドル(約43億4000万円)を稼ぎながらも、親友をクビにせざるを得ない状況に陥ったというスタートアップのCEOから助けを請われた起業家スティーブ・ブランク氏が、スタートアップが大企業になるまでの3ステップがどういうものかを明らかにしています。 Why Successful Startups Stumble at 40+ Employees – ThinkGrowth.org https://thinkgrowth.org/why-successful-startups-stumble-at-40-employees-66312ac70fba ブランク氏によると、連絡をしてきたのはこれまで8年間音沙汰がなかったという元教え子で、今はあるスタートアップのCEOの職にあるパトリック氏。パトリック氏は2人の共同創業者とともに会社を経営していて、会

以下の3コマンド、これだけでプロジェクトに必要な開発環境ができあがる。そんな環境を Docker で作ってみませんか？ $ git clone https://github.com/dataich/sample-docker.git $ cd sample-docker $ docker-compose up こんにちは、Typetalkチームのエンジニアの吉田です！ 新しいエンジニアがチームに入ってきてまずやることは、DBやWebサーバなどの開発環境を構築することでしょう（9月に新しい人がチームに入ります、やったね！）。 Typetalkチームでも以前はREADMEに記述された手順に従って、開発者が個別に構築していました。その際READMEに書かれたミドルウェアのバージョンが古かったり、実は手順そのものが変わっていたりすることもあり、ハマることもありました。また、複数のプロジェクトで違う

仕様やUI(画面)は現行バージョンと異なる可能性があります。 Cacooの最新版についてはこちらからご確認ください。 こんにちは！Cacooチームの平山です。いよいよ2017年8月28日より、HTML5で作られたCacooの編集画面が利用できます。 Cacoo HTML5 バージョンのリリーススケジュールについて、28日の段階では、新規で作成した図はすべてHTML5バージョンで編集可能に、リリース後一ヵ月をめどにしてすでに作成した図もHTML5バージョンで編集できるようになります。 Cacoo HTML5 バージョンでは、ユーザーインターフェースは従来のFlash版を踏襲していますが、内部処理が刷新されており、従来よりもパフォーマンスが向上しています。詳しい改善点は28日のリリース後にあらためて情報を公開します。 Cacoo HTML5 バージョン提供にあたって起きる変更点 反応速度が改善

※ 数字は仮のものですが、改善率は実際の結果と大体合わせてあります。 これらの結果から「基本的ではない機能を持つアイコンにラベルを合わせて表示すると、ユーザーの使用率が上がる可能性がある」ということがわかりました。特にウォッチ機能と編集機能の改善率の差にわかりやすく出ていますね。 現在はこの結果や更なるA/Bテストを基にしながら、他の画面の改善も進めています。 A/Bテストを失敗に導くアンチパターン 結局どっちがいいの？ A/Bテストサイコー！　なんでもいいからA/Bテストしたいぞ！ ……と言いたいところですが、実際はそう簡単ではありませんでした。やってみて初めて気付いたり、改めて実感した知見から、A/Bテストを失敗に導くアンチパターンをいくつか共有します。 アンチパターン 1: 仮説を設定しない 仮説は、テスト内容を決めたり、結果を評価する際の判断基準になります。テストを行う前に仮説を設

こんにちは。Typetalkチームの永江です。今回は4月にリリースした、BacklogとTypetalkの連携機能である「Backlogカード」の実装の際に行った クリックジャッキング対策 について説明します。 Backlogカードとは Backlogカードは、Typetalkのトピック内にBacklogの課題やコメントをカード形式にして表示する機能です。Backlogの課題キーや課題のURLを貼り付けるだけで、以下の画像のように表示できます（※詳しいご利用方法についてはこちらの「Typetalkのトピック上で課題の詳細を見られる Backlogカード をリリースしました！」をご参照ください）。 Backlogカードの実装は、TypetalkからBacklogに用意した埋め込み用の課題ページを<iframe>で表示するというものです。このような実装にしたのは、もともとBacklogに<if