ソラコムの営業現場を支えるkintoneのすべらない活用術
グローバルに向けてIoTプラットフォームを展開するソラコム。急成長を遂げるスタートアップの営業現場でもサイボウズのkintoneが活躍していた。ソラコムの江木典之氏と片山暁雄氏にkintone導入の背景と活用法について聞いた。（以下、敬称略） 既存のツールはスタートアップのスピード感にあわない 大谷：まず江木さんの肩書きのグロースエンジニアってどんな役割なんでしょうか？ 江木：現在は業務改善をテクノロジー観点で進めるエンジニア兼プロジェクトマネジメントという感じですね。もともとは社内プロセスや顧客管理といったエンジニアや営業からこぼれた仕事を拾うような役割だったんですけど、僕が入った当時は案件管理や顧客管理みたいなツールもプロセスもまったくなかったので。 片山：江木がソラコムにジョインしたのは、SORACOM Airのサービス開始直前だったんです。当然、エンジニアリングリソースをサービス開
フロントエンド開発にめっちゃ便利！CodePenライクな爆速Chrome拡張エディター
有名なライブラリーを読み込んだり、リアルタイムでプレビューしたり。サクッとコードを書いて確認できる「Web Maker」はオフラインで使えるCodePenライクな開発環境。フロントエンド開発者におすすめのChrome拡張です。 この記事では、筆者のKushagra Gourが自ら開発したWeb Makerについて紹介します。Web Makerはブラウザーの拡張機能で、フロントエンド開発者向けの爆速のオフライン開発環境です。 フロントエンド開発者なら、CodePen、JSBin、JSFiddleなど既存のコード開発環境を使ったことがあるでしょう。どれもすばらしいもので、必要な機能を備えています。私は主に、直面している問題を解決するときやスニペットについて仲間と議論するときに使っていました。しかし、インターネットを経由する必要があり、立ち上げて使えるようになるまでの遅れを避けられないことに、多
イケてるUIのコードが丸わかり！Chrome拡張SnappySnippetでCSSに強くなる
上達する近道は、まず他人を真似ることから。SnappySnippetなら、お気に入りのUIパーツのHTML/CSSを抽出して、見やすく整えてくれます。 先週の夜、子どものとき以来久しぶりに映画『E.T. ジ・エクストラ・テレストリアル』を鑑賞していたときのことでした。「子ども時代の思い出補正」があったのかもしれませんが、「この映画はすごい」と思いました。スティーヴン・スピルバーグは、やせた子供たちと不格好な人形というだけの設定から、よくもこれだけの物語を織り出したなと思ったのです。 中でも自分にとってもっとも印象的だったのは、学校の生物の授業のシーンでした。11歳の主人公の少年、エリオットとクラスメイトのそれぞれに、クロロホルムに浸して解剖するようにと生きたカエルが与えられます。 エリオットは「自分はカエルの解剖ができない」と判断し、理科の授業からカエルを「大脱獄」させようと思いつきます。
フロントエンド開発の現場で役立つJavaScriptの知恵10選
どんどん複雑化するJavaScript開発。KADOKAWAが運営するオンラインメディア「WPJ」から、チームで仕事をするときの「ちょっとしたお作法」や、デバッグを効率化する方法など、JavaScriptのコードを書くときに役立つ10本の記事をお届けします。
さくらの聖夜で田中社長が話したのは「エンジニアの働き方」だった (1/2)
12月22日、さくらインターネットはDMM.make AKIBAにおいて恒例となった「さくらの聖夜」を開催。20周年前夜の記念すべきイベントにおいて、さくらインターネット代表取締役社長の田中邦裕さんが講演のテーマとして選んだのは「ITエンジニアの幸せな働き方」だった。 ロボットエンジニアがネットの世界に飛び込んだ20年前 会場に現れた田中社長は、まず集まった聴衆に感謝するとともに、12月23日でさくらインターネットが創業20周年を迎えることを報告。ファンだらけの会場からは大きな拍手が起こる。小さなときの夢がロボット作りだった田中さんが、ロボコンに出るために高専に進学したのが1993年。「もともとはロボットのエンジニアだったんですが、インターネットに触れていたら、そちらの方が楽しくなってきた。自分にやりたいことをネットにあるなと感じ、サーバーを立てて、友達に貸していたら、趣味が高じて、さくら
「BMWのドア音」に学ぶ、完璧なUXデザインのためのマイクロインタラクション
神は細部に宿る－－。たとえばBMWの「完璧なドア音」が究極のUXを生み出すように、 Webデザインではマイクロインタラクションが大切なのです。 BMWのような自動車会社がサウンドエンジニアのエリートチームを雇っていることは、驚くべきことではありません。なぜなら自動車は大きな音を出すものだからです。しかし、彼らがクルマの出す音を小さくすることよりも「チューニング」することに時間をかけていることは驚くべきことです。 たとえば、「クルマのドアを閉める音」は単にクルマを密閉する際の副次的な音ですが、作り手は「完璧なドアを閉める音」を生み出すためには努力を惜しみません。彼らは正しい「音」をつくるために材料、フィルター、空洞を調節します。同様に、ワイパー、窓のモーター、座席の調節などが、すべて美しい音を奏でるようになっています。 以上のことからデザイナーは、なにを学べば良いのでしょうか。それはUXです
IoTを手軽に体験！Web開発者におすすめのチュートリアルまとめ
Googleが新OS「Fuchsia」を発表したり、ソフトバンクがARMを買収したりと、何やら派手なニュースで盛り上がっているIoT界隈。これからはWeb開発者だって、ブラウザーやアプリの枠を超えたIoTガジェットやシステムを作る時代になりそうですね。 そこで、Web開発者がIoT（っぽいもの）の試すのに役立ちそうな記事を紹介します。Raspberry Piなどのボードコンピューターを使って、アイデアをすぐに形にする楽しさを体験してみましょう。 1. Rasberry PiとIBMのWatsonをつなぐ 『いま何度？→WatsonのAPIとラズパイ繋いだらスタバのカップがしゃべり出した』（WPJ） IoTっぽいことを体験してみるなら、まずはRasberry Piですよね。ただ、LEDライトを光らせるだけだとおもしろくありません。そこでIBM WatsonのAPIとRaspberry Piの
Qiitaの及川氏が考えるエンジニアの成長に必要なアウトプット
8月10日に行なわれたオラクルのIoT勉強会の後半、Qiitaのプロダクトマネージャーを務める及川卓也氏が登壇。Qiitaのサービス概要を紹介すると共に、なぜQiitaがエンジニアに資するサービスなのか、エンジニアの成長にまつわる持論と共に解説した。 開発者のモチベーションを高められる「Qiita」 「DEC時代はデータベースで競合していたし、マイクロソフトはSQL Serverでオラクルとバチバチやってた。グーグルなら関係ないかと思いきや、数年前から裁判し始めてしまった（笑）。そんな私がオラクルのこういう場所に立てて、とても光栄」と語り、会場を沸かす及川氏。「ソフトウェア開発を良くすることで 世界の進化を加速させる」というミッションに心動かされた及川氏は、昨年末にIncrementsにジョインし、現在は同社のプロダクトマネージャーとしてQiitaの開発プロジェクトを統括している。 Inc
運用でカバーの波田野さんが現場で得た経験則とCLI支部への思い (1/4)
2週間に1度のペースで勉強会を開催するJAWS-UG CLI専門支部の波田野裕一さん。過酷な運用現場で獲得してきたいくつもの経験則を惜しみなく勉強会につぎ込む。勉強会の会場で、運用とコミュニティにつづられた波田野さんの半生を振り返る。 本連載は、日本のITを変えようとしているAWSのユーザーコミュニティ「JAWS-UG」のメンバーやAWS関係者に、自身の経験やクラウドビジネスへの目覚めを聞き、新しいエンジニア像を描いていきます。連載内では、AWSの普及に尽力した個人に送られる「AWS SAMURAI」という認定制度にちなみ、基本侍の衣装に身を包み、取材に望んでもらっています。過去の記事目次はこちらになります。 DOSからスタートし、SEDとAWKと出会い、モバイルUNIXに進むまで 長年、運用現場で活躍してきた波田野さんは、昔からコンピューター好き。「最初に買ったパソコンはMSX-2。FM
なぜそのモーダルはダメなのか？店舗設計に学ぶUX改善5つの秘訣 - WPJ
海外サイトで最近よく見かける、メール登録を促すモーダルウィンドウ。なぜあのUIがダメなのか？ 優れた実店舗のUXから考えてみると… インタラクティブなデザインにおいて心理学は重要な役割を果たします。最適なUXを提供するためには、ユーザーに共感し、ユーザーが行動する前にユーザーの意図を汲み取らなければなりません。それによって、ユーザーが求める方向へ簡単に導き、最適なコンテンツを見てもらえるようになります。 この記事では、実店舗が売上を伸ばすために取り組んでいる5つの方法（中にはとても些細なものもあります）について考えてみます。どれもオンラインショップの改善にも応用可能な方法です。 1.レジでの追加購買促進 一般的に、小売店は往々にしてもっとも値段の高い商品を店舗の前面に配置して、お客さまに先に見せて（価格差に関するお客さまの心理を利用するため）、より安価な商品を店の奥に置くことで、とてもお得
「農業分野のIoTでも使いやすい価格を！」AWSへ要望
AWS Summit 2016で「大きくて赤くてツヤとハリのある苺を増やすプロジェクト」と題されたセッションが開催された。「AWS IoT」の活用事例を紹介する。 登壇したのは、コンピュータソフト開発関連事業を展開する開仁産業の社内ベンチャーとして立ち上がったCF-K 取締役の山本文洋氏。開仁産業では2016年度よりIoTの取り組みをスタート。AWSなどのクラウドを利用した自社サービス開発など、CF-Kが一手に引き受ける。 最初に目指したのが、農業の革新だ。農業は労働者不足、後継者不足、労働管理、収益改善などさまざまな課題に直面している。それをIT技術でサポートしようと考えた。 「IoTで情報の可視化し、勘や肌感覚を明確な数値にし、農業環境の改善に役立てる。さらに機械学習によってノウハウを抽出し、得られたノウハウから収穫時期・収穫量の予測や遠隔支援を実現。その成果を『CFK-IoT』として
攻撃手口まで教えるセキュリティ講座「Hackademy」で学んでみた (1/2)
技術者以外の人がサイバーセキュリティを学べるコンテンツを提供する 「企業におけるサイバー攻撃の被害拡大は、もはや技術者だけが理解していても歯止めが利かない。『技術者以外の人にも学んでもらいたい』と言い続けないといけないと考えている」（岡田良太郎氏） Hackademyプロジェクトを立ち上げた岡田良太郎氏（左）と蔵本雄一氏。両氏ともインストラクターやコンサルタント、大学講師としてセキュリティ教育を手がけてきた Hackademy（ハカデミー）プロジェクトは、情報セキュリティやITの専門家に限らず、企業のマネジメント層などもサイバーセキュリティを学ぶことのできるコンテンツ提供を目的としている。「Hackademy」とは、ハッキング（Hack）とアカデミー（Academy）の合成語だ。 同プロジェクトを立ち上げたのは、これまでも企業経営者やビジネスパーソン、大学生向けのサイバーセキュリティ教育を
作って分かるHTMLメールの基本と使えるタグ／CSSまとめ (1/2)
Emailology - The Science of Looking Good in the Inbox HTMLの冒頭 実際にメールのHTMLを作成しましょう。HTMLの冒頭の文章型宣言は「XHTML 1.0 Transitional」を指定し、HTMLページの始まりを宣言しています。 head要素では、文字コード、ページタイトル、viewportを設定しています。HTMLの文字コードは「UTF-8」、Webページのタイトルを表すtitle要素は、空（から）です。viewportの設定は横幅をデバイス幅に、初期拡大率は1.0の等倍です。 ■HTML冒頭 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt
激論やめて早うやらんかい！東急ハンズ長谷川氏、アジる (1/2)
女子がモバイルアプリを使うビデオを見ながら、長谷川氏は「この商品ええなあ。でも、これから合コンだから、こんなでっかい望遠鏡、持っていけへんやんけ！という時でも、店で商品をスキャンしておける。家帰った女の子が合コンの男の子よかったなあ、でも望遠鏡もよかったなあとなったら、あとから自宅にお届けできる」とハンズアプリについてアピールする。 こうした施策もスーパーと違って、その日のうちに必要という商品を売っているわけではない東急ハンズだからこそ実現できる新しい買い物体験。「ええなあでスキャン、ええなあでスキャン。5000円超えたら、おっ、配送料タダやんけと家に送ってもらえる」（長谷川氏）ということで、業態によっては有効だという。 東急ハンズの情シスの部長、EC・オムニチャネル戦略の責任者、クラウドインテグレーターであるハンズラボの社長、さらには東急不動産マーケティング＆IT戦略部長まで務め、今や四
アマゾンの“おすすめ”で鍛えた機械学習技術、AWSがサービス化
Amazon Web Services（AWS）は4月9日、マネージド型の機械学習サービス「Amazon Machine Learning」の提供を開始した。多額のインフラ投資をすることなく、AWSのストレージやデータベースに蓄積された大量のデータを使って、簡単に将来予測を実行できる。 機械学習（ML：Machine Learning）は、大量の過去データを「学習用データセット」として利用することで、ビジネス判断を支援する結果予測の方程式（予測モデル）を作成する技術。人間が予測モデルを作成する場合、数学統計やデータ分析に対する深い知識を持つ人材や、予測モデルを反復的に実行／修正する作業（トレーニング）が必要となるが、機械学習では大量のデータを自動処理することで、こうした負担を大幅に軽減する。 機械学習技術は、たとえば金融取引における不正トランザクションの検知や、商品の需要予測、カスタマーサ
いまさら聞けないSVG——Web制作に便利な3つの理由 (1/2)
スマートフォン向けのWebサイトやWebアプリを中心に、「SVG」がいま再注目されています。単なる画像フォーマットを超えて、最近ではさまざまな表現に広く活用されるようになりました。 本連載では、SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説。CSSによる装飾やJavaScriptとの連携など、すでに使っている人がもっと使いこなすためのテクニックも紹介します。（編集部） Webの表現を広げるSVGの魅力 SVGと聞くと、「単なるベクターの画像でしょ」と思う方も多いでしょう。確かにSVGは「Scalable Vector Graphics」の略なので、ベクター形式の画像フォーマットであることには間違いありません。 一方で、SVGには、PNGやJPEGといった、他の画像フォーマットとは異なる魅力があります。SVGをWebページに使うことで、これまでのHTMLやCSSだけ
起業家が開発者の管理で犯しやすい11の失敗
およびそれらを避けるコツ ソフトウェア開発者達を育てるには、あなたのリーダーシップのスタイルを変える必要があるかもしれない。彼らは、一般的なマネジメントでは必ずしも輝かないのだ。何が一番重要か？前もってはっきりとした予測を立てる事、そして問題になる前に作業習慣の違いを考慮しておく事だ。 我々はYoung Entrepreneur Council （YEC）の11人の起業家達に、彼らが開発者を管理する上で経験したリーダーとしての大失敗と、同じ間違いを避けるためのコツを共有してもらった。彼らの回答は以下の通りだ。 彼らが意見を述べてくれると思い込む事 ソフトウェア開発者達が自分の課題やアイディア、あるいは手柄についてさえも話してくれると思い込まない方が良い。多くの開発者達はチーム・ミーティングでこういった情報を進んでシェアしようとしない。開かれた、真摯なフィードバックは常にあなたから要求しなけ
Facebook風ドロワーメニューが手軽に導入できる drawer
「drawer」は、横からせり出してくる「ドロワーメニュー」をサイトに手軽に実装できるjQueryプラグインです。 ドロワーメニューはスマートフォンやタブレットなどのさまざまな画面サイズに柔軟に対応できる利点があり、GoogleやFacebookのモバイルサイトで利用されています。drawerプラグインは横幅の可変に対応していますので、レスポンシブ Web デザインにも利用できます。 drawerプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 10以降、スマートフォンではiOS 7のSafariとChromeに対応しています。 MITライセンスですので、著作権表示は削除せずに利用しましょう。 drawerは、パッケージマネージャーの「bower」でもインストールできます。bowerを導入している場合は、以下のコマンドですぐに利用できます。
IT農業の推進者が語る「本質はセンサーとカメラじゃない！」 (1/2)
9月6日に仙台で開催されたJAWS FESTA Tohoku 2014において、農業×ITというテーマで講演したのが、アグリフューチャー 代表取締役の女川源（おながわはじめ）氏だ。自身が農家でもある女川氏は、ユニークな語り口調で農業の現状とITのミスマッチについて講演した。 震災で復活するより多くの耕作地が捨てられる 女川氏は、震災前にIT企業から農家になったという経歴の持ち主で、震災後に有限会社アグリフューチャーを設立。コミュニティやメーカーと共に、安価な農業用システムの開発やセンサーデータの活用など、自らIT農業を推進している。 昨年の日経ビジネスでは「農業とITの『通訳者』」と紹介されており、トレードマークのテンガロンハットをかぶり、さまざまなイベントで登壇している。「農家のコミュニティに入る時、テンガロンハットの人として印象が付けられたので、すんなり入っていけた」（女川氏）。今回は
lessを使ってBootstrapのデザインをカスタマイズ (1/5)
最近よく見かけるシングルページを作るデザイン塾。第2回では、ページの大まかなデザインを作成し、Bootstrapを使ってナビゲーションバーを実装しました。今回はlessファイルをカスタマイズして、オリジナルのデザインに近づけていきましょう。 index.htmlの<ul class="nav navbar-nav">内のリンクを書き換えます。検索フォームやドロップダウンメニューは今回使いませんので削除してOKです。 ■変更前ソースコード（index.htmlの一部、緑色部分を変更） <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="na
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
