マインドマップ作成もプロジェクト管理もできるオンラインツール「Zenkit」の使い方を解説
Zenkitとは https://zenkit.com/ Zenkitは、マインドマップ形式・リスト形式・カレンダー形式など複数のViewを選べるプロジェクト管理ツールです。目的に合わせて、タスクの見方を変えられます。 Zenkitの特徴 目的に合わせた5つのView マインドマップとしてもプロジェクト管理としても使える 直感的な操作性で簡単 TrelloやCSVからデータをインポートできる 料金 無料プランも含めて全部で4つのプランがあります。無料プランでも作成できるコレクション数に制限はありませんが、コレクションに配置するアイテムが2,000個までだったり、共有できるメンバーが５人までだったりという制限があります。有料プランではアイテム数やメンバー数が増え、容量が大きくなるほか、カスタマイズができます。 Zenkitの使い方 1.新規登録 https://zenkit.com/ Zen
「無理だったら逃げていい」という言葉は、子供を「戦うべき時にはちゃんと戦える子」にした。
大した話ではないんですが、ちょっと個人的な所感を書かせてください。 しんざき長男、10歳。小学4年生。将来は電車の運転手になることを固く決意している、清く正しい電車少年です。 先日、長男の夏休みの宿題が終わりました。全て終わったのは8/24でした。 なんか長男が通ってる小学校は25日から始まるそうで、「8/31に泣きながら宿題追い上げ」という風物詩も最近はあまり聞かない言葉になりつつあるんですかね？ なんにせよ、長男にとっては8/24が宿題のタイムリミット、デッドラインだった訳です。 実を言いますと、今年の長男の夏休みの宿題は、ある意味で破綻プロジェクトでした。 以前、こんな記事を書きました。 夏休みの宿題進捗管理をIT化したら子供が凄くやる気出した話 2年前の話です。この年の夏休み、私は長男に初めて「タスクを細かく切り分ける」「計画を立てる」「計画を見直しながら進める」というノウハウを伝
＜終了済み＞【50％OFF!】Kindle本「生産性向上『超ホワイト』仕事術フェア」始まりました！ : マインドマップ的読書感想文
【はじめに】◆今日は朝から、Kindleセールのご紹介を。 現在アマゾンでは、インプレスさん系列の作品の「50％OFF」セールを開催中です。 Amazon.co.jp: 【50%OFF】生産性向上「超ホワイト」仕事術フェア(9/7まで): Kindleストア そこでいつもどおり、当ブログ向き、かつお買い得な作品を中心に下記のように見繕ってみました。 なお、セール期限は上記リンクにもあるように「9月7日（木）」まで。 お初の作品もありますから、Kindleユーザーの方ならお見逃しなく！ 注：このセールは終了しました。 Reading with Kindle in my Study / brewbooks 【インプレス系「生産性向上『超ホワイト』仕事術フェア」より】◆上記リンクは「おすすめ順」ですが、こちらでは「出版年月が新しい順番」で並べております。 くぼたつ式思考カード54 モバイルワーク
社内のトラブルメーカーに共通する特徴 第92回 心の弱さがもたらす自己奉仕バイアス | JBpress (ジェイビープレス)
Lightnings flash over windmills of the Odervorland wind energy park near Sieversdorf, eastern Germany, on August 1, 2017./AFP PHOTO/dpa/Patrick Pleul 私は公認会計士であるとともに、企業の経営を心理的側面から分析して経営改善を行う経営心理士として、経営コンサルティングを行っている。経営のご相談を受ける中で、人のご相談は絶えない。 例えば、こんな部下の扱いに頭を抱えているという相談をよく受ける。 仕事をやらせるとそつなくこなすし、頭の回転も速い。しかし、何かで結果を出すとすぐに調子に乗り、態度が大きくなったりする。一方で、結果を出せないと誰かの責任にするか、周りの状況が悪かったと言って自分の非を認めずに、自分を正当化しようとする。 また、こんな上
サイボウズ青野社長が「働き方改革」に取り組む人にどうしても言っておきたいこと
ワーク・ライフバランスコンサルティングを1000社以上に提供し、労働時間の削減や有給取得率の向上だけでなく、業績の向上、社員満足度の向上、自己研鑽の増加、企業内出生率の向上を実現。長時間労働体質の企業を生産性の高い組織に改革する手腕に定評がある。安倍内閣 産業競争力会議民間議員、経済産業省 産業構造審議会、文部科学省 中央教育審議会などの委員を歴任。 著書は『プレイングマネージャー「残業ゼロ」の仕事術』（ダイヤモンド社）、『労働時間革命』（毎日新聞出版）、『6時に帰るチーム術』（日本能率協会マネジメントセンター）など約30冊。「朝メール.com」「介護と仕事の両立ナビ」「ワーク・ライフバランス組織診断」「育児と仕事の調和プログラム アルモ」などのウェブサービスを開発し、1000社以上に導入。「ワーク・ライフバランスコンサルタント養成講座」を2009年から開催。卒業生は1100名。約500名
サイボウズ ガルーンをAWSに構築してみた | DevelopersIO
やってみた 上記の通り、VPCとインスタンスを作成して下さい。特に難しい部分は無いかと思いますので、それぞれについては割愛させて頂きます。 ガルーンのインストール それではドキュメントに従って作業を行っています。 ドキュメントによると、途中までは全てのサーバで同じ作業を実施することになっているので、この節での作業は3台全てのサーバで実施して下さい。 まずはApacheをインストールして、KeepAlive設定を無効にします。 # yum -y install httpd # echo "KeepAlive Off" >> /etc/httpd/conf/httpd.conf # systemctl start httpd Appサーバの場合は自動起動を有効にしておきましょう。 # systemctl enable httpd.service 次にSELinuxを無効化します。正しくポリシー
React Router v4 の基本的な考え方と使い方 - 30歳からのプログラミング
React Routerの使い方を学んでいく。 先月にv4がリリースされたので、それに準拠した内容を学んでいく。 ここで述べていることは正確な仕様とは異なる可能性が十分にあるので、正確なことを知りたい場合は公式のドキュメントを読みましょう。 React Router: Declarative Routing for React.js 何のためにReact Routerを使うのか 具体的な使い方に入る前に、そもそも何のためにReact Routerを使うのかを少し書いてみる。 聞きかじったり自分で考えたりしたものなので、これもまた、間違っている可能性が大いにあります。 SPAとは、ページ遷移を行わず単一ページでコンテンツの切り替えを行うウェブアプリケーションのこと。 ページの読み込みは最初の1回だけで、後はそのページのなかで、JavaScriptによって描画やAPIへのアクセスを行う。 この
Skype Translator Preview – A New Chapter in Communication – - Skype Blogs
From Text to Emotion: Skype’s New Tone Selection Feature ‘The right tone’ do matter the most! Conveying the right tone and intent through text-based messages have always been a challenge to many of us. But not anymore! Meet Skype’s new feature, the “Tone Selection” which is to assist you to put your intent just right with the perfect tone to your recipient, for your every message. Read more
Cookpad 17 day Tech internship 2017 言語処理系入門 Rubyをコンパイルしよう
Ruby のコンパイラ開発を通じて言語処理系を作ってみよう。 基礎：構文解析結果 → バイトコードへの変換 発展：さらなる最適化・高速化Read less
RubyWorld Conferenceの参加チケットなどがセットとなった、ふるさと納税プランの受付開始
RubyWorld Conferenceの参加チケットなどがセットとなった、ふるさと納税プランの受付開始 返礼品としてRubyWorld Conference 2017のチケットなどがセットとなった、ふるさと納税プランの受付を開始しました。 ふるさと納税サイトよりお申し込みいただけます。 松江市ふるさと納税プラン RubyWorld Conference 2017 チケットセット（先着10名） 4万円以上のご寄付でお選びいただけます。 【参加チケット/昼食チケット２日分/レセプション参加チケット】がセットになったプラン。 松江市ふるさと納税プラン RubyWorld Conference 2017 スペシャルセット（先着1名） 10万円以上のご寄付でお選びいただけます。 【参加チケット/昼食チケット２日分/レセプション参加チケット】に宍道湖が見えるホテル一畑の宿泊（11月1日泊）がセットに
Railsアプリを多言語対応するまで - webエンジニアの日常
こんにちは、エンジニアのさもです。 Railsアプリを多言語(今回は英語対応）する仕事をやったので、一連の手順をメモしておきます。 目次 はじめに 実装 gemの追加(2017/09/11追記) application.rbの修正 routesの変更 コントローラの変更 画面の多言語化 既存の画面の修正 en.ymlの作成 最後に はじめに システムの用件としては、 何も付けなかったときと、/jaをつけたページにアクセスした場合は、日本語ページ 例えば、localhost:3000/users またはlocalhost:3000/ja/users とアクセスした場合は日本語ページです /enを付けた場合は英語ページ localhost:3000/en/users とした場合は英語ページが表示されます を満たすように作っていきます。 実装 gemの追加(2017/09/11追記) rails
Ruby1.8.6/1.8.7リリースマネージャ・卜部昌平が、マネーフォワードに参画した理由
2017.08.31 Ruby1.8.6/1.8.7リリースマネージャ・卜部昌平が、マネーフォワードに参画した理由 2016年2月17日。 自動家計簿サービス「マネーフォワード」やビジネス向けクラウドサービス「MFクラウドシリーズ」などを提供する株式会社マネーフォワードが、あるプレスリリースを発表しました。それは、フルタイムのRubyコミッター職として、Ruby1.8.5/1.8.6/1.8.7のリリースマネージャ（※）を務めた卜部昌平（うらべ しょうへい）さんを招聘したこと。 ＜マネーフォワード、フルタイムRubyコミッターを採用～Ruby1.8.6/1.8.7のリリースマネージャである卜部昌平氏が就任～＞ https://corp.moneyforward.com/news/release/corp/20160217-mf-shyouhei/ これはつまり、マネーフォワード社が「卜部さ
RubyKaigi 2017 Official Party
You need an after party ticket, not RubyKaigi 2017's one. Ruby-core committers and RubyKaigi 2017 speakers can attend the party without a ticket. This is the ticketing site for RubyKaigi 2017 Official Conference Party On the first night of RubyKaigi, there will be a party with food and drinks at the conference venue. Come join the party, enjoy local food, sake, and conversation with Rubyists from
週刊Railsウォッチ（20170707）Railsの新機能ActiveStorage、高速Rubyフォーマッタrufo gemが超便利、Railscasts全コンテンツが無料公開ほか｜TechRacho by BPS株式会社
2017.07.07 週刊Railsウォッチ（20170707）Railsの新機能ActiveStorage、高速Rubyフォーマッタrufo gemが超便利、Railscasts全コンテンツが無料公開ほか こんにちは、hachi8833です。そういえば今日は七夕でした。 7月最初のRailsウォッチ、いってみましょう。 臨時ニュース: Railsの新機能「ActiveStorage」 リポジトリ: rails/activestorage つい先ほど知りました。まだ詳しく見ていませんが、AWSのS3やGoogle Cloud Storageなどのクラウドを透過的に扱えるようです。DHHのfirst commitもわずか19時間前というスピード公開です。 class User < ApplicationRecord has_one_attached :avatar end user.avat
週刊Railsウォッチ（20170707）Railsの新機能ActiveStorage、高速Rubyフォーマッタrufo gemが超便利、Railscasts全コンテンツが無料公開ほか｜TechRacho by BPS株式会社
2017.07.07 週刊Railsウォッチ（20170707）Railsの新機能ActiveStorage、高速Rubyフォーマッタrufo gemが超便利、Railscasts全コンテンツが無料公開ほか こんにちは、hachi8833です。そういえば今日は七夕でした。 7月最初のRailsウォッチ、いってみましょう。 臨時ニュース: Railsの新機能「ActiveStorage」 リポジトリ: rails/activestorage つい先ほど知りました。まだ詳しく見ていませんが、AWSのS3やGoogle Cloud Storageなどのクラウドを透過的に扱えるようです。DHHのfirst commitもわずか19時間前というスピード公開です。 class User < ApplicationRecord has_one_attached :avatar end user.avat
library mkmf (Ruby 3.3 リファレンスマニュアル)
[edit] 要約 Ruby の拡張ライブラリのための Makefile を作成するライブラリです。 このライブラリは通常、extconf.rb という名前の ruby スクリプトから require されます。この extconf.rb を実行して Makefile を作成するのが慣習です。 extconf.rb の書きかたについては、 Ruby のアーカイブに含まれる doc/extension.rdoc (日本語版は doc/extension.ja.rdoc) も参照してください。 このライブラリでは extconf.rb を記述するのに有用なメソッドを定義しています。ヘッダファイルの存在チェック、ライブラリの存在チェックなど、システム間の差異を調べシステムに適した Makefile を生成するためにこれらのメソッドが必要となります。 使い方 架空の拡張ライブラリ foo.so を
erbを、hamlにしてコーディングを楽にする ruby on rails - 僕とrubyと苦悩
HamlはHTML用のテンプレートエンジンです。 これは、冗長性を排除し、文書が表す基本的な構造を反映し、強力でわかりやすくコンパクトな構文を提供することで、HTML文書を書くのがより簡単で楽しくなるように設計されてるとのことです。 Hamlを使用してみる gem を記載する gem 'haml' gem 'erb2haml' # erbからhamlに変換するためのgem bundleでインストールします $ bundle install app/views 内のファイルをerbからhamlに変換するコマンドを実行してから解説していきたいと思います。 erbからhamlに変換するコマンドを実行します。 $ rails haml:replace_erbs Looking for ERB files to convert to Haml... Converting: app/views/lay
【Ruby on Rails】Twitter Apiを使ってスクリーンネーム(@名前）を取得してみよう！
こんな感じで実装できます。 いくつも手順がある様に見えますが、実際にスクリーンネームを取得するの処理はとても簡単に実装できます。 プロジェクトを用意 まずはRailsのプロジェクトを用意します。 前回の記事で紹介したプロジェクトと同じ「twitter_api_user」を使います。 まだ、プロジェクトを作成していない方は、以下のコマンドをターミナルに入力してください。 rails new twitter_api_user モデルを用意 続いてモデルを用意します。 こちらも前回の記事と同じものを使うことができるので、作成していない方のみこちらのコマンドを実行してください。 rails g model user name:text screen_name:text さて、前回は「User」モデルに「name」というデータを用意しておきました。 今回は「スクリーンネーム」を操作したいので、「sc
Go のバージョンマネージャー gvm で gvm install したら「ERROR: Failed to compile」って言われた時 - Humanity
github.com issue には上げたけど日本語でも書く。 結果から言うと自分が README.md よく読んでなかっただけ。 でも gvm ももうちょっと気を利かせてくれてもいいのになーと思ったので上の issue でお願いしたという経緯です。 解決法 Go 1.5 以上をコンパイルする場合は GOROOT_BOOTSTRAP って環境変数を定義する必要があります。 これは .bash_profile かなんかで export GOROOT_BOOTSTRAP=$GOROOT して gvm install すればいいのですが、「GOROOT？そんなん定義したことないんだけど…」って人もいるかと思います （現に今は GOROOT 環境変数は定義する必要はないらしいです）。 GOROOT は Java にとっての JAVA_HOME みたいなもので、go コマンド等のベースパスを指定す
Ruby文字エンコードに悩まされ、直接指定やnkfによる推測などを試した - Qiita
概要 先日の投稿 CSVと文字エンコードで悩んで、後からUTF-8に変換した、ruby力低い話 http://qiita.com/rojiuratech/items/8e348937960bf76fb783 について、以下のような指摘があったこと、 文字エンコードがわかるのなら、指定したほうが良い 指定しないとデフォルトの文字コードと認識されてしまう。 そもそも、最初からUTF-8で与えることはできないのか？ 加えてソースコードが汚すぎたので、やり直しすことにしました。 先にオチ CSVデータの受け取りは、1行のコードで簡単にできる。 NKFコマンドで強制的に変換することも可能 文字コードが不明な場合、NKFで推定してから指定する方法もあり LibreOffice使えればいいけど、エンジニア以外ほぼMSOfficeユーザ CSVデータを２次元配列として受け取る処理は、１行で済んだ 文字エン
これからCIを導入したいそこのあなた! Bitbucket Pipelines はいかが? ~Bitbucket Pipelines の活用事例~
アプリケーションエンジニアの西辻です。2017年4月からHousmartで主にAndroidアプリ開発を担当しています。今回のブログでは、弊社のCI環境としてメインで利用している Bitbucket Pipelines についての活用事例についてご紹介したいと思います。 Overview 元々CIとしてはWerckerを利用していたのですが、社内でソースコードを管理しているBitbucket内でもCIを利用できることがわかったので 利用するプラットフォームを減らす目的でBitbucket Pipelinesを導入してみようという流れになりました 利用してみて特に問題なく運用できているのでこの記事では、Bitbucket Pipelinesで何ができるのかと 実際の運用方法について書いていこうと思います 公式ドキュメント https://confluence.atlassian.com/bi
Announcing the Modularized AWS SDK for Ruby (Version 3) | Amazon Web Services
AWS Developer Tools Blog Announcing the Modularized AWS SDK for Ruby (Version 3) We’re excited to announce today’s stable release of version 3 of the AWS SDK for Ruby. The SDK is now available with over 100 service-specific gems (starting with aws-sdk-*, such as aws-sdk-s3) on RubyGems. You can find a full list of available service gems can be found at our GitHub landing page. Features Version 3 o
PythonユーザのためのJupyter［実践］入門
2017年9月9日紙版発売 2017年9月9日電子版発売 池内孝啓，片柳薫子，岩尾 エマ はるか，@driller 著 B5変形判／416ページ 定価3,630円（本体3,300円＋税10%） ISBN 978-4-7741-9223-9 ただいま弊社在庫はございません。 Amazon 楽天ブックス honto ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 Jupyter NotebookはPythonユーザを中心に人気の高い，オープンソースのデータ分析環境です。インタラクティブにコードを実行でき，その結果を多彩なグラフや表などによって容易に表現できます。本書では，実践的な活用ノウハウを豊富に交えて解説します。また，可視化に際し
Rubygems updated to 2.6.13 for Ruby 2.4.1 | Heroku Dev Center
Additional ResourcesHomeElementsProductsPricingCareersHelpStatusEventsPodcastsCompliance CenterHeroku BlogHeroku Blog Find out what's new with Heroku on our blog. Visit Blog Rubygems updated to 2.6.13 for Ruby 2.4.1Change effective on 28 August 2017 The version of rubygems bundled with Ruby 2.4.1 was updated to 2.6.13 on heroku-16 and cedar-14 stacks. You can see the current rubygems version assoc
株式会社スタートアップテクノロジーを退職しました - えんじにゃーず・ハイ
１ヶ月前になりますが、7/31付で株式会社スタートアップテクノロジーを退職しました。 上京して初めてお世話になった会社でした。退職こそしますが控えめに言っても最高な会社だったので長々と思い出語りします。 なにをやってる会社？ 入社のきっかけ 受託が素晴らしい理由 お客さんが満足さえしていれば何しててもいい リモートしてもいい。出社してもいい 休日はコワーキングスペースとして活用 大きな可能性を秘めている スタテクの一ファンとして 退職理由 これから なにをやってる会社？ スタートアップテクノロジー（以下スタテク）はスタートアップを支援するRails専門の受託開発会社です。 また、社内でも独自サービスを開発しています。 入社のきっかけ 社員の紹介で入社しました。 彼とはギークハウスの同居人でした。 彼は帰宅するたびに会社のことを嬉しそうに話していました。 やれリモートが可能だの やれ副業が可
シリコンバレー屈指のアクセラレータPlug and Play、大企業7社をパートナーに迎え日本プログラムを始動——「Batch 0」参加チームを募集開始 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
シリコンバレー屈指のアクセラレータPlug and Play、大企業7社をパートナーに迎え日本プログラムを始動——「Batch 0」参加チームを募集開始 Plug and Play Japan のマネジメントチーム 左から：江原伸悟氏（Program Manager／プロジェクトマネジャー）、Phillip Seiji Vincent 氏（Managing Partner／代表取締役、矢澤麻里子氏（Venture Partner／取締役） 起業家でシリコンバレーに行ったことがあるなら、Plug and Play の名前を耳にしたことのない人はいないだろう。Plug and Play はアメリカ・サニーベールに本拠を置くスタートアップ・アクセラレータで、世界10カ国22ロケーションでアクセラレータプログラムを展開している。アジアでは、シンガポールの Singapore Press Holdi
「テクノロジーの進化からは逃げられない」エンジニア起業家らが示した次なる指針
「クラウドは不安」という人の“不安”の正体は？ 及川卓也氏（以下、及川）：すばらしい流れを作っていただきました。ということで、一応IoT、VR、AI、ちょっと長くかかっちゃったんですけれども、それぞれの技術をほかのお2人から聞くっていうところで考えてみました。 このIoT、AI、VRの未来で、クラウドの技術の進化とか今後の不可避な流れ、Inevitableというところを話したいんですが、これ、ちょっと2ついっぺんにしちゃおうかなと思っていて。 クラウドは、おそらく3者ともなかったら今、起業できなかった、事業を進められないところもあると思うんですけれども。あ、ちょっとこれ会場に聞いてみよう。今、自分でまだパブリッククラウドを使っていないっていう。でも手を挙げにくいか。 玉川憲氏（以下、玉川）：いない。手を挙げにくいですよね。 及川：使ってる方、手を挙げてもらっていいですか？ （会場挙手） 及
◆マネーフォワードが東証マザーズ上場！ SaaS会計スタートアップ: サラリーマン大家の太陽光発電日記
先日、「マネーフォワード」や「MFクラウドシリーズ」提供、SaaS会計スタートアップのマネーフォワードが東証マザーズ上場へ、との記事が出てました。ぜひ取得したいですね。なお、私のこれまでのIPO実績は以下のとおりです。http://ipo-yosou.net/ ----- 「マネーフォワード」や「MFクラウドシリーズ」提供、SaaS会計スタートアップのマネーフォワードが東証マザーズ上場へ THE BRIDGE 東京を拠点とする、日本の代表的な SaaS 会計スタートアップのマネーフォワードは今日、東京証券取引所への IPO 申請が承認されたと発表した。上場予定日は9月29日で、上場に際し、161万7,700株の公募と93万1,000株の売出、オーバーアロットメントによる上限38万2,300株の売出を実施する。主幹事は、SMBC 日興證券が務める。 マネーフォワードは2012年5月に、旧社名
2時間でマスターしちゃうスタートアップ大学 AWS 入門 (2017/09/10 12:00〜)
そろそろ仕事探しの苦労からおさらばしませんか？ 今必要とされているスキルを身につけたら案件は探すものではなく依頼されるもの！ どんなイベント？ 2時間でAWS(Amazon Web Services)にLAMPを構築するハンズオン形式のワークショップです。 「AWS？！なにそれ美味しいの」から「AWSに関してはおまかせください」と言えるようになる！！ こんな風に教えます ハンズオン形式で授業は、聞くだけの講義ではなく、皆様に実際に動かしてもらいます！ 得られるモノ AWS EC2の使い方！ AWSでLAMPサーバーを構築する体験！ AWS RDS(AWS Aurora)へ接続するための手順・知識！ 参加費 3,000円 当日ご準備頂くもの 1.無線LAN対応のノートパソコン（Windows・Mac両方OK） ※Windowsの方は下記URLを参考に事前にPuttyをインストールをお願いしま
ハイレゾ入門に最適 格安スタートセットの意外な実力 - 日経トレンディネット
CDよりも音のいい「ハイレゾ」音源の再生に対応したプレーヤーやヘッドホンが増えてきた。スマートフォンにもハイレゾ対応機種が増えている。 しかしハイレゾ音源の魅力を100％味わおうと思うなら、ハイレゾ対応のオーディオプレーヤー専用機を選ぶべきだ。オーディオのために設計された内部回路や吟味されたパーツを使った専用機なら、スマホでは得られないパワフルなサウンドが楽しめる。スマホと2台持ちすれば音楽再生中に電話やメールの着信に妨げられるストレスもないし、スマホのバッテリーが音楽再生に使わない分だけ長持ちするなど、メリットがたくさんある。 ハイレゾ対応のオーディオプレーヤー専用機は数多くあり、価格の幅が広い。ハイレゾに興味を持ったとしても、初心者には何を買えばいいのか分かりづらい状況だ。ハイレゾの魅力を味わうには後述するバランス接続対応のプレーヤーが望ましいが、それだと7、8万円を越える機種が中心に
5割の人が失敗している「PDCAの計画」 圧倒的な成果の出し方 | ZUU online
物事において最も重要なことは、適切な計画を立てることだ。著者いわく、PDCAを実行するが、およそ50%の人が、計画段階で失敗しているという。モチベーションに紐づく計画は、どのように作るのだろうか。以下ではその方法論について触れていきたい。 (本記事は、冨田 和成氏の著書『 鬼速PDCA 』クロスメディア・パブリッシング(2016年10月24日)の中から一部を抜粋・編集しています) PDCAを実践しようとする多くの人が、計画フェーズで失敗している PDCAサイクルの各フェーズの説明をしていく。最初は計画だ。私の感覚ではPDCAで失敗する人の50%はこの計画フェーズで失敗している。失敗する原因は大きく分けて2つある。慎重になりすぎるか、雑になりすぎるかだ。このあたりは本人の性格や企業文化などで違いがよく出る。 石橋を叩いてなお、ためらってしまうような慎重派なら、計画と聞くだけで体がこわばる。「
社内評価だけで給料を決めるのをやめたら、多様な働き方が実現できた | サイボウズ式
「市場価格は適当に決まるから、給与は最終的には適当に決める」「でも、そのプロセスの説明責任はしっかり果たす」 こう話すのは サイボウズ副社長 兼 サイボウズUS社長の山田理。創業以来、人事評価制度を決めては変え、変えては決め、紆余曲折をたどってきました。 前編『サイボウズの給料は「あなたが転職したらいくら？」で決めています』では、サイボウズの給与は社外／社内の市場価値の2点から決まることに言及しました。後編では、給与が決定した後は徹底的に「説明責任」を果たすこと、評価の仕組み、制度に加え、企業風土とツールもそろえることの重要性を話します。 2015年10月28日開催、「Gartner Symposium2015」の講演を再構成したものです。 マネージャーはフィードバックに徹する。給与は評定会議で決める 次は評価の仕組みです。評価においては、フィードバックってものがすごく大事です。 給与を決
サイボウズで働いて「複業には4種類ある」と痛感し、やっぱり複業はいっしょくたには語れないよねと思った話 | サイボウズ式
マネジメント 新しいチームのあり方を探求 就活 就活生必見！サイボウズの疑問 ティール組織 会社の「あたりまえ」が変わる 多様性 100人100通りの個性 ワークスタイル 働き方、生き方、もっと自由に 青野慶久 サイボウズ社長の想いと覚悟 キャリア 人生の「積み上げ方」を見直す 複業 複数の「本業」をもつ働き方 人事制度 多様な働き方を支える仕組み マンガ サクッと手軽に読める！ サイボウズで週2日勤務の複業をはじめて3カ月になる。 サイボウズで働く前から、私にはいくつかの「仕事の顔」がある。しごとのみらいというNPO法人では企業研修の講師や講演をしているし、メディアへの寄稿や書籍の執筆などライターの一面もある。IT業界出身のため、時にITの仕事をすることもある。 「いろんな仕事をする」という意味で、私はおそらく、今までも複業をしてきたのだと思う。どの顔を演じているときも、どれがメインで、
優しい人ほど説明がまわりくどく、理解のバラつきを生んでしまいがち | サイボウズ式
サイボウズ式編集部より：チームワークや働き方に関するコラム「ブロガーズ・コラム」。先月、読者のみなさまからご相談を募集したところ、たくさんのお悩みが届きました（まだまだ募集中！）。届いたご質問やご相談をいくつか取り上げて、ブロガーのみなさまに回答していただきます。今回は、桐谷ヨウさんからの回答です。 ご相談内容 �仕事の仕様や内容の説明など、口頭で話すのが苦手で悩んでいます。メールで説明文を書くのは問題ないのですが、とっさに説明しやすいように言葉を作るという事が苦手なようです。 言葉より見てもらった方が早く確実な事が多いため、図を描いて説明したりしてコミュニケーションを図ったりしていますが……。 口頭でも角なくきちんと伝えられたら良いのになーと思っています。言葉で伝える為のコツなどあれば教えてください！（エイコ／中堅社員） こんにちは、エイコさん。ご質問ありがとうございます。 「口頭で説明
人工群知能（ASI）で完全予測!?サッカーの展開予測『WARP』が実現か | Ledge.ai
先日、サッカーの結果予測を行う有料サービスとして『WARP』が唐突にリリースされました。で、これがかなり『おおおおお！』て仕様だったんで、以下紹介してみます。 曰く…… だそうで。。。 これは……もはや toto および BIG に対する明確な宣戦ですね。たまりません。とりあえずすぐ会員登録しておきました。 もしや人工群知能？海外では競馬や野球の予測での大きな成果も WARPサービス上では特に明記してないんですが、こういった複数の人工知能による推論合議システムみたいなやつのことを、『人工群知能（ASI）』って呼んだりして割と昔から研究対象にしてるんですね。 Artificial：人工の｜Swarm：群体｜Intelligence：知能 つまり 『大量の人工知能エンジンにそれぞれの特徴（思考的な偏り）をもたせた状態で合議』させて結論を導き出そう！』 ってな仕組みなんですが、僕らが今回この仕組
Windowsが起動しなくなった時の「スタートアップ修復」は2～3回行う
自動修復の「修復できませんでした」というメッセージは、 Ｘ････修復に失敗した Ｏ････スタートアップ修復で検証できる範囲内では問題が見つからない という事のようです。 つまりこの「自動修復でPCを修復できませんでした」メッセージが表示されている時点で既に修復は終わっているか、もしくはスタートアップ修復では修復できないと判断するのが良さそうです。 この場合、「詳細オプション」＞「続行」でPCを起動すると問題なくWindowsが立ち上がるケースもあれば、前述の話と同じように、更にスタートアップ修復を1～2回くり返す事でWindowsが起動できるケースもありました。 このような「修復オプションの挙動のクセ」が分かった後、起動しなくなったWindows 10/8.1の復旧を成功させた人のブログをあらためて読みに行くと、何か新たな発見があるかもしれません。 ブート領域を手動で修復する手順 もち
カヤックやアトラエは公募から直近株価が約5倍に！ネットIPO銘柄53社の公募/直近株価推移 | The Startup
2017/8/31 19時追記：何社か「株式分割」が反映されていない企業があり、データを訂正いたしました。 ポストIPO・スタートアップの時代という朝倉さんのポストを拝見しまして。 一応スタートアップ好きとして「The Startup」などという名前の自称メディアを運営しているものととしては、応援していたスタートアップがIPOしたその後というのも気になるんですよね。 傍目に見ただけの感想ではあるのですが、他のテック系メディアは「スタートアップ時代」については記事を出しているものの、「IPO後」は触れる機会が少ない印象があります。せいぜいIPO時に「売上と利益これくらいです」とさらっと紹介する程度。 これはほとんどの書き手にファイナンスリテラシーがないため、突っ込んだことを書けないというメディア側の裏事情が確実にあると思われます。とはいえそれを差し引いても、IPO後のスタートアップの行方につ
大企業が知っておくべき イノベーション創出に必要な5つの起業家マインド デザイン会社 ビートラックス: ブログ
Effectuation(エフェクチュエーション)という言葉をご存知だろうか？これは、バージニア大学ダーデン経営大学院のSaras Sarasvathy教授が提唱している理論で、27人の創業者へのインタビューからその成功に関わる行動パターンを導き出して理論化した起業家的な問題解決アプローチのことである。 日本でもCVC(コーポレート・ベンチャーキャピタル)の形態だけでなく企業が主催するアクセラレータープログラムのフォーマットなど大企業とスタートアップの連携はますます増えてきているが、実際にはまだうまく成果が出ていないところも多いのではないだろうか。 今回はこの考え方を参考に、改めて大企業がイノベーションを生み出すために必要なことを考察してみたい。 大企業にありがちな目標設定型アプローチ何かモノゴトを進めていく際に、はじめにゴールを設定しそのゴールを達成する手段を検討していく、いわゆるMBA
リクルートは「いいヤツ」を採る--大企業が行き着いた採用の絶対ルール
日本の労働力不足、実はメリット 安部敏樹氏（以下、安部）：また余談していいですか？ 伊藤健吾（以下、伊藤）：いいですよ。 安部：海外の人と話していると、「日本ってすげえうらやましいよ」と言われることが最近多くて。「日本って本当に少子化で子どもがいなくて、若い人がいなくていいですよね」って。 なぜかというと、テクノロジーを使ってイノベーションを起こそうと思うと、基本的にはそのイノベーションの邪魔をするヤツというのは、雇用がない人なんですね。テクノロジーは基本的には雇用を奪っていくので、「雇用を奪われると困るよ！」という意見が出てきます。 アメリカに行っても、ヨーロッパに行っても、基本的に移民とかいて失業率が高くなりがち。最近アメリカは調子良いので結構ましな数字出ていますけど。あと新卒一括採用がないんで失業率はとくに若い人が高いんですよ。そうして若年層の失業率が高いと、皮肉なことに若者がテクノ
チュートリアルの次へ・初心者向けDjangoの歩き方
2017/8/22に開催された「第2回PythonのWebスタートアップを詳しく語る会」の発表資料です。 https://iridge.connpass.com/event/63822/
株式会社ホームページシステム 決算公告
スタートアップ企業やベンチャー企業の決算を中心に取り上げているブログです。官報ブログです。ベンチャー決算、スタートアップの決算情報をまとめています。 上場前の情報収集やIPO間近の公開されている決算公告などなど。
HTMLは開発者たちのために
昔からよく「HTMLの正しさ」というような表現を見る。少し前はHTMLの構造的な完全さや文法的な正確さなどにウェブページの表示やCSS、そしてJavaScriptが依存していたので、そういった点を強く意識する必要があった。Firefoxが親切に教えてくださっていたXMLパースエラーのことを思い出すとわかりやすい。僕も良くそれに類する表現を使っていた。 今はブラウザーとウェブ標準技術が共に進化したので、そういった形式的な正しさはさほど重要ではない。かろうじてハイパーリンクだけがまともな壊れたHTMLでもなんとか修復して解釈してくれる。命名規則ベースのCSSならばHTMLがどうあれうまくスタイルが当たってくれるだろう。足りない機能はDOMツリーの状況をほとんど無視できるShadow DOMでどうにでもできるというわけだ。 HTMLにCSSとJavaScriptを生やしてウェブページが出来ていた
数学 - Python - JavaScript - 細分による加法 - 積分法 – 定積分の性質と計算 - 定積分の置換積分法(三角関数(正弦、余弦)、指数関数、累乗(べき乗)) | Kamimura's blog
数学 - Python - JavaScript - 細分による加法 - 積分法 – 定積分の性質と計算 - 定積分の置換積分法(三角関数(正弦、余弦)、指数関数、累乗(べき乗))
NodeListとHTMLCollectionも別物なので気を付けよう。（DOMおれおれAdvent Calendar 2015 – 13日目） | Ginpen.com
console.log(document.forms[0]); // <form id="foo"></form> console.log(document.forms[1]); // <form id="bar"></form> console.log(document.forms['foo']); // <form id="foo"></form> console.log(document.forms['bar']); // <form id="bar"></form> forms については過去記事をどうぞ。 JavaScriptで要素を検索せずに取得する方法があります。（JavaScriptおれおれAdvent Calendar 2013 – 03日目） HTMLCollectionの出番 以下の場合がHTMLCollectionになります。 document.anchors do
JavaScriptでIoT開発！ブラウザ上の無料開発環境で「micro:bit」を使ったガジェットを自作してみよう - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、「micro:bit」を使ってJavaScriptによるIoT開発に挑戦してみたいと思います！ ブラウザさえあれば、無料の開発エディタからプログラミングすることが可能なうえ、エミュレータも搭載されているので「micro:bit」を持っていない人でも楽しめるようになっています。 記事後半で4つのサンプル作りを解説しているので、ぜひみなさんも自作ガジェット作りを楽しんでみましょう！ 【 mciro:bit 】 ■「micro:bit」とは？ もともとはイギリスの学校教育向けとして誕生した「micro:bit」ですが、その扱いの簡単さから現在ではさまざまな国の授業で活用されているマイコンボードです。 クレジットカードよりも小さい「5cm × 4cm」の極小ボードに、多彩な機能がいっぱい詰まっているのが特徴です！ 電子パーツを買い揃えなくても、
LDRがサービス終了のため、Inoreader/Feedlyをバックエンドに動くRSSリーダを書いている
LDRがサービス終了のため、Inoreader/Feedlyをバックエンドに動くRSSリーダを書いている 追記: 1.0.0を出して説明を書き直したので、Irodrを使いたい方はLDRライクなRSSリーダのIrodr 1.0.0をリリースした | Web Scratchを参照してください。 2017年8月31日をもってLDRはサービス終了です。乗り換え先となるRSSリーダを探したりしましたが、求めるものを見つけることができなかったので作ることにしました。 【重要】Live Dwango Reader/LDR Pocketサービス終了のお知らせ｜LDR / LDRポケット 開発日誌 次の記事でも書いていましたが、RSSリーダのバックエンドを自前で管理するのはコスト的に難しそうでした。そのため、バックエンドとしてInoreaderやFeedlyのAPI使ったRSSリーダのウェブクライアントを書
ペイ近況3 - diary
Payment Request API ブラウザに保存しているクレジットカード番号を JS を使って引っ張ってこれるブラウザの API 各ブラウザで決済ダイアログのようなものが表示される Chrome for Android ではすでに使える。Chrome for Desktop は 61 から Edge は実装済み。Firefox, Safari はデスクトップ、モバイル共に未実装だがサポート予定 上のブラウザ全てで実装されたとしても古いOS、ブラウザが残っている限りクライアント側で何らかの fallback が必要 使用の可不可は window.PaymentRequest で判断 fallback 用に自前でフォームを用意してもいいが、可不可の判断も JS で行うため PSP 各社が提供している Checkout と呼ばれるライブラリを使うことが、Payment Request AP
Webpacker 3.0: No separate process needed, less config generated
Webpacker 3.0: No separate process needed, less config generated We’ve just made it even easier to use Webpack with Rails with this third major release of Webpacker. The two big changes are that a separate process is no longer needed in development and that the vast majority of the config now lives in the Webpacker npm package, so your config/ directory stays clean and updates are much easier. We
Fast properties in V8 · V8
In this blog post we would like to explain how V8 handles JavaScript properties internally. From a JavaScript point of view there are only a few distinctions necessary for properties. JavaScript objects mostly behave like dictionaries, with string keys and arbitrary objects as values. The specification does however treat integer-indexed properties and other properties differently during iteration.
vue-router webpackでページごとにファイルを分割する
vue-routerでシングルアプリケーションを作成していると、ページ数が増えるにしたがって作成されるjsファイルのファイルサイズもどんどん増えていきます。 ページごとにファイルを分割し、そのページがアクセスされたタイミングでそのjsファイルを読み込むようにすれば最初のロード時間を短縮できます。 一見実装が難しそうですが、vue-routerとwebpackを使えば簡単に実現できます。 以下の説明の開発環境やフォルダ構成はvue-routerを導入してSPAを作成するで扱ったものと同様とします。 router.jsの修正コンポーネントの読み込み方法を以下のように設定します。 router.jsimport Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const routes = [ { pa
Web担当者必見！Webサービスの定着率アップ(オンボーディング)に役立つベストツール11選｜ferret
圧倒的なダウンロード数を誇るアプリでも、ユーザーが毎日「使い続けてくれる」とは限りません。 実際、自身のスマホにも一度だけ立ち上げて以降放置しているアプリがあるのではないでしょうか。 これは、アプリだけでなくWebサービスやメディアにも当てはまります。 ユーザーが使い続けてくれるように定着率アップを図る「ユーザーオンボーディング」というプロセスを行なっていくことこそが、Web担当者が真っ先に行わなければいけないことです。 登録ユーザー数が多くてもアクティブユーザー数が極端に低いホームページは、いずれ淘汰されてしまう可能性があります。 今回は、Webサービスの定着率アップ＝ユーザーオンボーディングに役立つベストツールをご紹介します。 オンボーディングが成功すれば、サイトの定着率や再訪率がアップし、サービスのグロースにもつながります。 ぜひ、自社のサービスにぴったりのツールを見つけてみましょう
Managing CSS & JS in an HTTP/2 World | Viget
Delivering CSS & JS on your websites is completely different with HTTP/2, and here is a guide on how I've done it. D e l i v e r i n g C S S & J S o n y o u r w e b s i t e s i s c o m p l e t e l y d i f f e r e n t w i t h H T T P / 2 , a n d h e r e i s a g u i d e o n h o w I ' v e d o n e i t . We have been hearing about HTTP/2 for years now. We've even blogged a little bit about it. But we h
営業日や定休日を表示するカレンダーの無料ダウンロード
営業日を表示するカレンダーのスクリプトを無料でダウンロードできます。 名称は「ビジネスカレンダー(Business Calendar)」ということにしました。 普通です。ありきたりです。ネーミングに捻りがありません。 現在の最新バージョンは2019年10月11日公開の5.0です。 参考ページ：プログラムをアップデートするの際の思想について 各バージョンのアップデート内容については、このページ最下部の「アップデート履歴」に記載してあります。 主な機能や特長 サンプルとダウンロード 動作環境 使い方の説明(基本設置方法) 「定休日」の文字列を変更したい場合 既存サイトに組み込む方法 iframeでの組み込みを採用していない理由 カレンダー表示のカスタマイズ方法 カレンダーのHTMLソースを確認する方法 使用している外部ライブラリ 注意点 サポートに関して 設置代行サービスや独自カスタマイズにつ
中国のSNS「微博」で「JavaScript」という単語が検閲対象に | スラド YRO
中国版Twitterと言われるSNS「微博」で「JavaScript」という文字列が検閲対象となっているそうだ（薛南@FF一日目二日目K09氏のツイート）。 中国では以前から「av」を含むという理由で「Java」が検索できなかったのだが、先週ノーベル平和賞受賞者の劉暁波氏が死去してからは、「RIP」（安らかに眠れ、の意味）を含む「Script」も禁止ワードとなってしまったという。BuzzOrangeの記事によると、「RIP」だけでなくノーベル賞を意味する「諾貝爾」や、劉暁波氏の遺灰が海にまかれたことから「海葬」も検索できなくなったという。中国でこの手の規制は珍しくなく、過去には大規模暴動が起きた「広州市」が検索できなくなったことがあった。 余談だが「小熊維尼（くまのプーさん）」を微博に投稿することは可能だが、プーさんについて言及されるコメントは表示できないそうだ（AFP）。その理由について
中国のSNS「微博」で「JavaScript」という単語が検閲対象に | スラド YRO
中国版Twitterと言われるSNS「微博」で「JavaScript」という文字列が検閲対象となっているそうだ（薛南@FF一日目二日目K09氏のツイート）。 中国では以前から「av」を含むという理由で「Java」が検索できなかったのだが、先週ノーベル平和賞受賞者の劉暁波氏が死去してからは、「RIP」（安らかに眠れ、の意味）を含む「Script」も禁止ワードとなってしまったという。BuzzOrangeの記事によると、「RIP」だけでなくノーベル賞を意味する「諾貝爾」や、劉暁波氏の遺灰が海にまかれたことから「海葬」も検索できなくなったという。中国でこの手の規制は珍しくなく、過去には大規模暴動が起きた「広州市」が検索できなくなったことがあった。 余談だが「小熊維尼（くまのプーさん）」を微博に投稿することは可能だが、プーさんについて言及されるコメントは表示できないそうだ（AFP）。その理由について
Node.jsのES Modulesサポートの現状確認と備え - teppeis blog
追記: 2019/04/24 本日リリースされたNode v12でESM周りの仕様が大幅に変更されました。 この記事の内容は既に古くなっているため、最新の情報は以下の公式ブログを参考にしてください。 Announcing a new — experimental-modules – Node.js Foundation – Medium 追記終了 この話を今日のNode学園で話すので、ご興味あればどうぞ。 nodejs.connpass.com （今日いくつか加筆修正しました） ECMAScript 2015で待望のES Modules（ESM）の仕様が策定されたものの実装がなかなか進まない、という話を1年前に発表した。 その後、ブラウザでのES Modules仕様が策定完了し、フラグ付きながら全主要モダンブラウザで初期実装が揃った (caniuse)。（dynamitterさん、kijt
What's New In DevTools (Chrome 62) | Blog | Chrome for Developers
New features and changes coming to DevTools in Chrome 62: Support for top-level await operators in the Console. Screenshots of a portion of the viewport, and screenshots of specific HTML nodes. CSS Grid highlighting. A new Console API for querying objects. Negative filters and URL filters in the Console. HAR imports in the Network panel. Previewable cache resources. More predictable cache debuggin
Concurrent JavaScript: It can work!
With the recent addition of SharedArrayBuffer, concurrency is finding its way into the JavaScript language. This addition allows JavaScript programs to perform concurrent access to SharedArrayBuffer objects. WebKit supports SharedArrayBuffer and it has full optimization support in our compiler pipeline. Unfortunately, JavaScript does not allow any objects other than SharedArrayBuffer to be shared.
Map - JavaScript | MDN
Map オブジェクトは、キーと値のペアのコレクションです。Map のキーは一度しか出現しません。Map の集合の中で一意です。Map オブジェクトはキーと値のペアで反復処理されます。for...of ループは、各反復処理に対して [キー, 値] という 2 つのメンバーからなる配列を返します。反復処理は 挿入順 で行われます。これは、それぞれのキーと値のペアが set() メソッドによって最初にマップに挿入された順番に対応します（つまり、 set() が呼ばれたときには、すでに同じ値を持つキーがマップになかったということです）。 仕様書では、「平均して、集合の要素数に対してサブリニアなアクセス時刻を提供する」マップを実装することを要求しています。したがって、複雑度が O(N) よりも高い場合、内部的にはハッシュ表（O(1) ルックアップ）、探索木（O(log(N)) ルックアップ）、あるい
ExcelをNode.jsで読み込む方法。xlsxについて解説します。
javascript(node.js)でエクセルファイル(xlsやxlsxなどの拡張子)を読み込んで中身を解析する方法を簡単に解説します。具体的には、xlsxを使うと簡単に中のデータを取り出したり、書き込みができます。 xlsxはブラウザ上でも動作するJavascriptのライブラリです。
Warning: unreachable code after return statement - JavaScript | MDN
unreachable code after a return statement は、以下のような場合に発生することがあります。 return 文の後で式を使用している場合 セミコロンがない return 文の直後に式を置いている場合 有効な return 文の後に式がある場合、警告は return 文の後のコードには到達しない、つまり決して実行されないことを表します。 return 文の後にセミコロンをつけるべきなのはなぜでしょうか。セミコロンがない return 文の場合、開発者が次の行にある文を返そうとしているのか、処理を停止して戻ろうとしているのかが不明確になってしまいます。この警告は、 return 文の書かれ方にあいまいさがあることを示しています。 以下の文の場合、セミコロンがない場合の return の警告は表示されません。 throw break var function
Rails 5.1 + Vue.js で開発を行う - part1 環境構築 - Qiita
概要 Webpacker を利用してRails 5.1 + Vue.js で開発を行う方法を紹介。 本記事では、開発環境を整えるまで行う 次回の記事では、Vue.js を使って Ajax 通信を行います。 Rails 5.1 + Vue.js で開発を行う - part2 Ajax で GET しよう！から確認ください 全コードはこちらより確認いただけます 環境 ruby 2.4.1 Rails 5.1.1 Vue 2.3.4 webpacker のインストール はじめに webpacker を install します。 ※ Rails アプリをすでに作成済みという前提で話を進めます。 webpacker とは Webpacker makes it easy to use the JavaScript pre-processor and bundler Webpack 2.x.x+ to
数学 - Python - JavaScript - 解析学 - 微分と基本的な関数 - 曲線をえがくこと - 曲線をえがくこと(7つの性質、三角関数(正弦、余弦)、累乗、有理式) | Kamimura's blog
数学 - Python - JavaScript - 解析学 - 微分と基本的な関数 - 曲線をえがくこと - 曲線をえがくこと(7つの性質、三角関数(正弦、余弦)、累乗、有理式)
知ってた？JavaScriptでメディアクエリを利用するちょっとしたテクニック
Web制作ですっかり定番となったメディアクエリを使ったレスポンシブ Webデザイン。JavaScriptで実装している機能をメディアクエリと連携させるためのちょっとしたテクニックを紹介します。 テーブルタグがCSSに変わり、レスポンシブデザインは心躍るコンセプトの1つです。レスポンシブデザインはメディアクエリで閲覧中の機器の画面幅、高さ、向き、解像度、アスペクト比、色深度などを把握し、応じたスタイルシートを適用しています。 以下の例はcssbasic.cssをすべてのデバイスに適用して、水平方向の画面幅が500ピクセル以上なら、csswide.cssも適応します。 <link rel="stylesheet" media="all" href="cssbasic.css" /> <link rel="stylesheet" media="(min-width: 500px)" href="
BackstopJSではじめるビジュアルリグレッションテスト - astamuse Lab
こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回は、BackstopJSを使ったビジュアルリグレッションテストについて書きたいと思います。 ビジュアルリグレッションテストとは視覚的な回帰テストのことで、具体的にはスクリーンショットを撮影して差分抽出して行うテストです。 近年のWebフロントエンド開発では、SassやWebpackのような開発環境が整うに従ってスタイルシートをモジュール化することが増えています。 それはスタイルの汎用性を高めることに大きく貢献していますが、一方で、あるパーツのスタイル修正が想定外の場所で悪影響を及ぼしてしまう可能性をもつようになりました。 この問題に対処するために、Enduring CSSのような新しいタイプの設計手法も考えられてはいますが、既存のサービスに導入するにはかなり敷居が高いでしょう。 そこで注目したいのが、ビジュアルリ
モダンなJSの話──var/let/const - Innovator Japan Engineers’ Blog
こんにちは。イノベーター・ジャパン（以下、IJ）のエンジニアのbmfです。 今日はJavaScriptの3つの変数宣言について、それぞれの特徴と使い分けについて書きます。 スコープとは 本題に入る前に、スコープの定義について確認しておきましょう。 スコープとは、変数名や関数名が参照可能な範囲のことです。 スコープの種類は色々ありますが、ここでは主に3つのスコープについて表で説明します。 スコープ名 範囲 備考 グローバル 関数の外側 どこからでもアクセスできる。 ローカル（関数） 関数の内側 ローカルスコープ内からでしかアクセスできない。 ブロック ブロック（{ }）の内側 if, for, switchなど ブロックスコープはJavaScriptには元々ありませんでしたが、letとconstの登場によってブロックスコープが使えるようになりました。 var, let, constについて
RailsでERBからJavaScriptにhashを渡す方法 – RE:ENGINES
はじめに 以前、選択したプルダウンメニューに応じて別のプルダウンメニューの内容を動的に書き換えたいケースがありました。 その際、カスタムデータ属性を利用してERBファイルからJavaScrptにhashを渡してプルダウンメニューを更新しました。 今回はカスタムデータ属性を利用してコントローラで生成したhashをJavaScriptに渡す方法を記載します。 カスタムデータ属性とは data-で始まる任意の名前のデータ属性を定義して使うことができます。 ただし、格納するデータは文字列でなくてはなりません。 カスタムデータ属性について 実装例 コントローラの実装 コントローラ側ではJavaScriptに渡したいhashを生成します。
Life After Flash: Multimedia for the Open Web – Mozilla Hacks - the Web developer blog
Flash delivered video, animation, interactive sites and, yes, ads to billions of users for more than a decade, but now it’s going away. Adobe will drop support for Flash by 2020. Firefox no longer supports Flash out of the box, and neither does Chrome. So what’s next? There are tons of open standards that can do what Flash does, and more. Truly Open Multimedia Flash promised to deliver one unifyin
複数のAjaxタスクをシーケンシャルに実行するには？
処理1 > 処理2 > 処理3のように複数のAjaxを直列実行しなければいけなくなったとき、以下のようにコールバックがネストしていってガチガチのコーディングになってしまう。このネスト構造、API1とAPI3の順番を入れ替える修正とかイヤになりますね。 今回はこういう処理をキレイに可読性高く記述しようという話。 $.getJSON('path to API1', function() { $.getJSON('path to API2', function() { $.getJSON('path to API3', function() { // つづく ... }); }); }); jQuery.Deferredを使おうこれらを解決するためにjQuery.Deferredを使用します。 jQueryのAjaxはPromiseオブジェクトを返してくれるので下のようにタスクを定義します。 v
学研ワールドアイに全天球写真を写してジェスチャで回転させる。 : たひだるに怠ける努力
公式情報こそ無いもののすでに「ニューワールドアイ」なんて商品もページができていて、あー高解像度バージョンが近いうちに出るんだろうなーってタイミングです。 とはいえ待ってても仕方がないので購入してひとまず使えるようにしてみました。 こんな動きの展示になります。 Theta写真をブラウザに表示する部分はthview.jsというライブラリを使わせていただきました。 RICOH THETA画像を表示するJavaScriptライブラリ作った - aikeの日記 leap motionで触れるようにleap.jsも組み合わせて、手をかざすと右回転、左回転と、位置に応じて回転方向とスピードを変化させられるようになってます。 leapmotion/leapjs: JavaScript client for the Leap Motion Controller もともとthview.js自体にスライドショー
Stencil
SimpleWith intentionally small tooling, a tiny API, and out-of-the-box configuration, Stencil gets out of the way and lets you focus. PerformantA tiny runtime and the raw power of native Web Components make Stencil one of the fastest compilers around. Future proofBuild cross-framework component libraries on open web standards, and break free of Framework Churn. Framework-agnosticStencil components
TypeScript プログラミング -付録 -TypeScript で jQuery を使う
jQuery のような既存の JavaScript ライブラリを TypeScript で利用するためには、 そのライブラリの型情報が記述された宣言ソースファイルを用意する必要があります。 jQuery の宣言ソースファイル jquery.d.ts は以下の URL からダウンロードします。 https://github.com/borisyankov/DefinitelyTyped/tree/master/jquery ダウンロードした宣言ソースファイルは、/// <reference path="宣言ソースファイルパス" /> 形式のコメントで参照します。 以下に示すのは、TypeScript で jQuery を利用する例です。 /// <reference path="jquery.d.ts" /> class Greeter { private greeting: string;
ReduxのDucksパターン用ライブラリ "ActionReducer" を作ってみた＠TypeScriptで型安全！ - Qiita
// Actions const ADD_TODO = 'todo/ADD_TODO' const TOGGLE_TODO = 'todo/TOGGLE_TODO' // ... // Action Creators export function addTodo(text) { return { type: ADD_TODO, text } } export function createWidget(id) { return { type: TOGGLE_TODO, id } } // ... // Reducer const initState = [] export default function reducer(state = initState, action) { switch (action.type) { case ADD_TODO: return [...state,
週刊Railsウォッチ（20170818）RailsとYarnでTypeScript、Rails新コミッタにkamipoさんも、CSVにSQLクエリをかけられるツールほか｜TechRacho by BPS株式会社
2017.08.18 週刊Railsウォッチ（20170818）RailsとYarnでTypeScript、Rails新コミッタにkamipoさんも、CSVにSQLクエリをかけられるツールほか こんにちは、hachi8833です。octotreeといういいものがあるのを知らずにGitHubで毎回真正面からディレクトリ掘ってました。 お盆明けのRailsウォッチ、今週は軽めの構成です。それではいってみましょう。 Rails: 🎉🎉 新committerが3名: kamipoさんも（Rails公式ニュースより）🎉 🎉 発表: Three new committers: George, Javan, Ryuta committer入りした3名様、お疲れさまです&おめでとうございます！ George Claghorn: Active Storageほか Javan Makhmali: Ja
今日のVSCode情報 - hitode909の日記
フィールドとか書き換えるとき 「すべての出現箇所を変更」すると文字列的にがしがし変えてくれて思ってたのとちがう 「シンボルの名前を変更」すると静的解析して書き換えてくれる 最高 TypeScript Toolbox - Visual Studio Marketplace importし忘れてるところでimportしてくれる 最高
VueJS+TypeScript の開発環境を作ってみた - IT探検記
Vue.js を始めました。TypeScript の開発環境を作ってみました。 はじめに これは自力でやる場合のサンプル程度に考えてください。 もうしばらくすると、公式の webpack テンプレートが TypeScript に対応しそうです。 Ref. TypeScript template? · Issue #263 · vuejs/vue-cli セットアップ まっさらから自分で必要なライブラリ−やツールを入れていくこともできますが、Vue ではプロジェクトテンプレートが用意されているので、それを使うことにします。 Ref. CLI - インストール - Vue.js プロジェクトテンプレート： vuejs-templates これからは PWA が良いのかもしれませんが、まだ調べきれていないので、今回は定番の webpack を選びました。 webpack のページの手順に従ってイ
axiosを試してみた。: JavaScriptメモ
jQueryを利用せずにAjaxをやりたかったのでaxiosを試してみた。babel+Webpackを利用しているので、コマンドラインから以下のコマンドでダウンロード。 npm install axios スクリプト内の以下のコマンドで読み込みができる。npmまじで便利。 import axios from 'axios'; 基本的にはjQueryに近い文法でAjaxが利用できる。 getメソッドの引数でURLを指定してparamsでパラメーター、レスポンスがあればthen()が実行され、失敗すればcatch()が実行される。 axios.get("/wp-json/posts/", { params: { page: page+1 } }) .then(function (response) { console.log(response); }) .catch(function (res
Danger JS
Guides, Usage, Tutorials, Reference & Playground Looking for or ?a project from orta therox, and the Danger org contributors. What is Danger JS? Danger runs during your CI process, and gives teams the chance to automate common code review chores. This provides another logical step in your build, through this Danger can help lint your rote tasks in daily code review. You can use Danger to codify yo
The Simplest React Stack
I am in search of the simplest React Stack. It has to be future-proof and feature-packed, but most importantly it has to be a breeze to work with. In this series I will look for easy-to-use solutions to implement a buffed version of the classic React TodoMVC. When I think I can achieve something simpler, I will create helper libraries myself. The following topics will be likely covered before the
手っ取り早くReactするなら Create React App | バシャログ。
どうも、夏らしいこと特にしてない fujihara です。 本日は簡単にReact を初められる Create React App をご紹介します。 はじめに Reactでの開発をするにあたり、初めは必要なモジュールのインストールであったり、コンパイル等の仕方だったり苦労しました。 しかしこのCreate React Appがあるとそこらへん全てすっ飛ばしてReactをはじめられるのでオススメです。 インストール〜起動（開発） #インストール npm install -g create-react-app #開発ディレクトリ作成 create-react-app first-react (↑ 必要なモジュールインストールするので時間がすこしかかります。） #開発ディレクトリに移動 cd first-react #起動（開発） npm start これでブラウザで localhost:300
スタートアップはReactを使うべきではない (BSD + patentsライセンスを考慮して) — もし、いつか大企業に買収されたいと望むなら | To Be Decided
このエントリでは、Raúl Kripalaniによる記事、If you’re a startup, you should not use React (reflecting on the BSD + patents license)を紹介する。 (Raúlから和訳と転載の許可は得た。) 以下はその全文の和訳だが、意訳超訳が混じっているので、もとのニュアンスを知りたければ元記事を読んでもいいし、読まなくてもいい。 2017/9/23追記: React、Jest、Flow、Immutable.jsがMITにリライセンスされるというアナウンスがFacebookからあった。 コミュニティの大勝利だ。 現在オープンソースコミュニティで起こっていることには落胆させられる。 特に、オープンソースのおかげで多くのスタートアップやビジネスが存在することを認識したときは。 独占的なソフトウェアのために法外なラ
React for Real
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. When traditional web development techniques don't cut it, try React. Use React to create highly interactive web pages faster and with fewer errors. With a little JavaScript experience
Your license to use React.js can be revoked if you compete with Facebook
React, etc. Tech Stack React, Flux, GraphQL, Hack, HHVM...? All of this and more! React is a popular JavaScript technology for creating rich user interfaces. It originates from Facebook (Instagram originally) and is widely used. The library is open sourced under BSD, but it comes with an added patent clause that you should be aware of. If you are using or considering using React in a project you m
How to access Activity from a React Native Android module?
CustomReactPackage.java: public class CustomReactPackage implements ReactPackage { private Activity mActivity = null; public CustomReactPackage(Activity activity) { mActivity = activity; } @Override public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) { List<NativeModule> modules = new ArrayList<>(); // Add native modules here return modules; } public List<Class<? ex
Getting started with create-react-app, Redux, React Router & Redux Thunk
Our working example 🤘There is a fantastic tool on the block endorsed by React that boasts “no configuration necessary”. I use create-react-app for every new React application. It’s so good 💯. The great thing Create React App has bundled is the eject tool, which allows you to completely disconnect and add your own advanced configuration. Seriously though, this is not required to add things like R
React + RxJSで始める状態管理 - CARTA TECH BLOG
こんにちは、fluctの@nekoyaです。 今日は現在開発に携わっている、俗に言う「管理画面」のWebアプリケーションのアーキテクチャをご紹介します。 このアプリケーションはReactとRxJSを軸として作られており、コードはTypeScriptを使って書いています。 アプリケーションを流れるデータと状態の管理について、Write StackとRead Stackという考え方を取り入れたところ、いろいろなメリットが得られたので、そのあたりを軸に掘り下げてみます。 全体の大まかな構成 各Stackの前に、まずはアプリケーション全体の構成をざっくりと見ておきます。 流れとしては、DispatcherからWrite Stack, Read Stackを通ってStateが生成され、それをViewが受け取るという構成になっています。 全体の流れとしてはFluxっぽい何かのひとつのあり方なのですが、
Cycle.jsがReactよりも優れていると私が思うこれだけの理由
いま、もっとも人気のあるReactですが、私は検討の結果Cycle.jsを選びました。Cycle.jsの概要や使い方、魅力をお伝えします。 多くの開発者はアプリ開発時になんらかのフレームワークを利用しているでしょう。フレームワークは複雑なアプリ構築の手間をなくし、時間を節約します。利用者が多いからか、最高のフレームワークや、フレームワークの何を学ぶべきかなどの話題があふれています。 Reactは現在もっとも人気のあるフロントエンドフレームワークで、大きなコミュニティもあります。支持する人もいれば、言われているほどには良くないという人もいまが、私はReactでWebアプリに対する考え方や開発方法が変わりました。 Webアプリの開発方法の検討さえせずReactを使い始めましたが、じわじわと人気が出ている新しいリアクティブ・フレームワーク「Cycle.js」を試すことにしました。そこで学んだリア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting
React Nativeで作ったアプリでRedux-Sagaを使ったので，その話 / TOM Internal Developer Session #7
GitHub - ko1/rubyhackchallenge
[rhc] version.h : change version string by yuroyoro · Pull Request #1687 · ruby/ruby![[rhc] version.h : change version string by yuroyoro · Pull Request #1687 · ruby/ruby](https://cdn-ak-scissors.b.st-hatena.com/image/square/fb77e94046046bb72f74cf43517f6c882c0f8df8/height=288;version=1;width=512/https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F18634%3Fs%3D400%26v%3D4){kind=avatar}
Haconiwa.mruby.org
webpacker/CHANGELOG.md at master · rails/webpacker
Webpacker 3.0.0 · rails/webpacker@7cc9040
Should the jar plugin disable the java plugin's jar task and archive? · Issue #34 · jruby-gradle/jruby-gradle-jar-plugin
mruby/src/string.c at 0d865a77d5b655f39330e690dcae7fb98119fdca · mruby/mruby
Dangerを使ってPRを自動的にチェックする
hanamiを試してみた - Qiita
rbenvで入れた全てのrubyのgemバージョンを上げるワンライナー - Qiita
GitHub - ttanimichi/transactional: Declarative transaction management for Ruby on Rails
TechCrunch
スタートアップ大競争 日本勢「内弁慶」返上挑む - 日本経済新聞
フェンリル、クラウド型コラボツール「Brushup」のiOSアプリをリリース 
TechCrunch
TechCrunch
デジタルドイツ
縁の下の力持ち！急成長スタートアップのバックオフィス担当者を募集 - 株式会社LabBaseのコーポレート系の採用 - Wantedly
TechCrunch
TechCrunch
TechCrunch
TechCrunch | Startup and Technology News
https://www.outward-matrix.com/entry/20170831193000
pushjs.org
GAの情報はどう送られてるの？ カスタマイズ前に知っておきたいトラッキングコードの仕組み［第51回］ | 衣袋教授の新・Googleアナリティクス入門講座
The Best JS Frameworks for Front End
ComputerworldとCIO Magazineは閉鎖しました
Object.assign not type checking · Issue #11100 · microsoft/TypeScript
Rest type by sandersn · Pull Request #13470 · microsoft/TypeScript
『Facebookの特許条項付きBSDライセンスが炎上している件について｜こんぴゅ』へのコメント
スマフォアプリでよく使われそうなコンポーネントをまとめたUIキット・「React Native UI Kitten」 - かちびと.net
UnableToResolveError: Unable to resolve module `AccessibilityInfo` · Issue #14209 · facebook/react-native
Kea