ES6 or ES2015 ? 〜WEB+DB PRESS Vol.87 ES6特集に寄せて〜 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！kintone開発チームの佐藤鉄平(@teppeis)です。 本日6/24発売のWEB+DB PRESS Vol.87にて、ECMAScript 6をテーマに第1特集を書かせていただきました。 ECMAScriptとはJavaScriptが準拠している言語仕様で、その最新版であるECMAScript 6 (ES6) が今月17日にEcma標準として公開されました。 本特集では、ES6の主要機能や変更点には一通り触れつつ、それぞれの機能が追加された背景やどう活用できるのかといったこともできるかぎり解説しています。 第1章 ECMAScript 6とは何か: JavaScriptの新たな仕様を知る 第2章 ECMAScript 6に触れてみよう: トランスパイラ／ポリフィルで今すぐ使う 第3章 モダンになった文法: 生産性を高めるための言語の進化 第4章 強化された標準ライブラリ:
【検証】インドメイクをすると誰でもインド人になれるのか
こんにちは。ひにしです。 冒頭から凹凸のない、のっぺり顔で失礼します。 ここまでのっぺりではなくても、日本人は一般的に彫りが浅い人種。女性のなかには、ノーズシャドウを入れたりハイライトを置く位置を考えたりと、立体的な顔に見えるようなメイク術を取り入れている方も多いのではないでしょうか。 私も以前から、インド人のような彫りが深い顔への猛烈な憧れを抱いていました。 「なりたい。こんな顔になりたい。なれるものならインド人になって、マハラジャと結婚したい」 「なに寝ぼけたこと言ってるんですか。そんなのっぺりした顔でインド美人になれるはずないじゃないですか」※編集担当：中道 「うるさい！ インド人みたいなメイクをすれば、私の顔でも立体的になってインド人にモテるかもしれないじゃん！ 絶対インド人になってやるんだから！」 というわけで、のっぺり顔のひにしが、インド人女性のようなインドメイクを本気でやると
#typescript_sushi
レポート#typescript_sushi でDecoratorsについて話してきた | Web Scratch
炎上botを作ったら火傷した - CARTA TECH BLOG
初めまして、VOYAGE MARKETINGに所属している@pro_shunsukeです。 さて、私は先日社内LT大会で「炎上ジェネレーター」について発表しました。 what is 炎上ジェネレーター https://enjo-generator-black.herokuapp.com/ 簡単に炎上出来る！スゴい！ 使い方はとてもシンプル。セリフに文字を入力するだけです。一瞬で出来上がります。出来上がった画像はTwitterに投稿出来たり、画像をダウンロード出来たりします。 発表当時のSlackはこんな感じでした。 面白い！！！ こんな意見も と言うわけで、この炎上ジェネレーターをAPI化してSlack上から簡単に炎上出来るようにしました！ こんな感じです やったこと 炎上ジェネレーターはクライアントサイドでCanvasを利用して画像処理を行っています。API化を行うに当たって、サーバーサ
「現状○○なんだけど、いずれxxしたい」という時のアプローチ - CARTA TECH BLOG
はじめまして、こんにちは。adingoでFluctの開発に携わっているmasartzです。 結論 Q「技術的には全然難しくないけど、面倒で地味なお仕事をどうやってやるか？」 A「いつか一気に片付ける！は片付かないので、最初だけ気合入れて・あとは粛々と進めましょう」 というお話です。 なぜxxしたいか？ Fluctのパートナー企業様向け管理画面はPHPのwebアプリケーションとして実装されています。 Fluct開発チームではgithub のPull Request（以下PR）によるコードレビューが導入されており、エンジニア同士の活発な議論が行われています。 この中で、以下のようなやりとりがありました レビューア「ここの部分のコードはPSRに則った形で記述してください」 「この括弧は改行せずに同一行に記述する形でお願いします」 この状況を見て、 「この作業は機械的に、チェック/修正 できるよう
ES5 + Facebook JSXで書かれたJavaScriptコードベースをTypeScriptに移行させる - CARTA TECH BLOG
皆さんこんにちは。adingoにてFluctという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。 今回は、表題の通り、実際にプロダクトとして動いている既存のコードベースを、ES5ベースからTypeScriptに段階的に移行させた話について書こうと思います。 移行前のコードベース及び直面した課題 今年の1月頃から、アプリケーションのクライアント側の一部を、以下の構成で実際に開発しています。 言語 ECMAScript 5 主要な依存ライブラリ UI開発にReactおよびFacebook JSX syntax 統合イベントシステムとしてのRxJS テストコードのアサーションにpower-assert ビルドチェーン モジュール連結にbrowserify 環境変数に基づくビルドフラグ用途でenvify コードの解析とLintにESLint 未使用変数や未定
NodeConf Adventure 2015 に行ってきました。（一日目、二日目に起きたこと） - from scratch
NodeConf に行ってきました。 NodeConf っていうのは Node.js のための勉強会です。 io.js の中心人物である mikeal や、 npm のCEO である izaacs 、 hapijs author であり、先日 Walmart を退社した Eran Hammer など、そうそうたるメンバーの中でディスカッションをしてきました。 NodeConf Adventure とは NodeConf Adventureはいわゆる発表者がいて、聴講者が聞くっていうスタイルのカンファレンスじゃありません。 なんというかものすごくメタなカンファレンスで、ワークショップとノウハウの共有をメインとしたディスカッションのための場所です。 アンカンファレンスっていう形式ですね。 Hello NodeConf! pic.twitter.com/MHBVi6Jg4c— Yosuke FU
DynamoDBのメモ書き＋使ってみた雑感 - アルパカDiary Pro
Amazon DynamoDBを使う機会があったので メモ書きと雑感を書き残してみます。 なんか間違ってたらツッコミ欲しいです。 Amazon DynamoDBとは ざっくりと噛み砕いて説明すると 「SSDでめちゃ速くて勝手にスケールしてくれるKVS」 ですかね。 詳しくは公式ドキュメントを。 http://aws.amazon.com/jp/dynamodb/#access_model_api_overview DynamoDBのデータ構造 DynamoDBは「テーブル単位」で管理します。 最初にテーブル名／主キー名／スループットなどを決定してテーブルを作成します。 Rowデータには連想配列っぽい感じでなんでも入れられます。スキーマレスってやつですね。 また、格納できるデータ型については「数値型」「文字型」です。 テーブルキーのアクセスモデル DynamoDBではテーブルを作成するときに
ZenHub2.0について - Qiita
専用の拡張をインストールすると、GitHubそのものが拡張される。 GitHubに足りないアジャイルらしさを組み込むもの。2.0以前の機能は、ZenHubとはを参照してください。 ZenHubが2014年にリリースされてから、フェイスブックやソニー、NBC、マイクロソフトなど大手に取り上げられたZenHubは、2015/6/21にバージョン2.0となり、デザインなどが一新しました。 ZenHubのバージョン2.0とされる機能は以下のとおりです。 Task Board（カンバン）の複数リポジトリ対応 新しいZenHub Boardは、複数のリポジトリのissueを同時に表示する事ができます。 1つのプロジェクトに対して、複数のリポジトリがある場合があります。 例えば、プロジェクト開発用のリポジトリ（A）と、そのプロジェクトについてのウェブサイトを管理するリポジトリ（B）を作ったとします。新し
社名変更のお知らせ
Fringe81株式会社は2021年10月1日より、Unipos株式会社として生まれ変わりました。 コーポレートミッションを「感情報酬を社会基盤に」と新たにし、ピアボーナスをさらに発展させ、感情報酬を社会実装して社会の基盤とすることを最上位の目標として掲げ、邁進して参ります。 5秒で自動的に切り替わります。切り替わらない場合は以下のボタンをクリックしてください。 Unipos株式会社サイトへ
クーポンコードの打ち間違えを防ぐために工夫した話 - クックパッド開発者ブログ
こんにちは。会員事業部ビジネス開発グループの高田です。 クックパッドは今年、株主優待制度として、プレミアムサービス一年間無料クーポンを贈呈しました。本エントリではクーポンコードを打ち間違えて、意図せず他の人のクーポンコードを使用するのを防ぐために工夫した話をご紹介します。 はじめに クーポンコードは入力のしやすさを優先して数字だけの文字列にしました。はじめは rand 関数を使って生成しようとしていたのですが、数字の打ち間違えや順序間違いで、意図せず誤使用してしまうのを防ぐためにチェックサムを加えるのがいい、と同僚から助言をもらいました。 いくつか調べて見たところ、Luhn アルゴリズムが上記を満たしていたので利用することにしました。 Luhn アルゴリズムの利用 Luhn アルゴリズムとは、誤り検出のためのチェックサム符号で、1 桁の間違いや隣接する数字の順序間違いを検出できるという特徴
『「AWA」のデザインはどのようにして作られたのか。』
こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
Etsyの「失敗から学ぶ文化」 ～Velocity Conference 2015レポート #2～ - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！kintone開発チームの田中裕一(@yuichielectric)です。 こちらの記事に引き続き、Velocity Conferenceに参加して、面白かったセッションの内容を紹介しようと思います。 Velocity Conferenceについては前回の記事を参考にしてみてください。 Failure is an option 今回紹介するのは前回と同じ Etsy の Ian Malpass(@indec)さんによる"Failure is an option"というセッションです。 このセッションでは、Etsyでの失敗に対する扱いや、失敗からいかに学ぶかという文化的な話と、その文化を支えるツールが紹介されました。失敗をどう扱うのかという考え方は非常に参考になり、それを恐れるよりもうまく乗りこなすことが重要なのだということがよく分かるセッションでした。 また、スピーカーの方のブロ
セキュリティで使っている便利ツール vol.1 - Qiita
はじめに パソコンを使う上で、セキュリティのことは、割と気になることではあったりします。 しかし、セキュリティと言っても、私のような初心者には全く分からないことだらけで、何からやればいいのか、何を学べばいいのか、その方向性が見えない人も少なくないと思います。 ここで、私は、防御を学ぶには、まず攻撃から学ぶのが最も効率が良いのではないかと考えています。 これは、防御手法のほとんどは、攻撃側から発生すると考えるからです。 具体的には、脆弱性の発見とその修正といった形などのことです。 攻撃手法やその防御は、日々変化していくものですが、その多くは、攻撃から始まることが多いからと言い換えてみてもよいかもしれません。 したがって、攻撃から防御を見ていくことは、情報の新規性や専門技術的知識から見て、一定の合理性があると思います。 もちろん、ここで言う専門技術的知識というのは、何も定型的な技術に限らず、思
あの時を振り返る - pocketberserkerの爆走
ふと、 初回TDDBC名古屋 が開催されてから5年が経過したことに気がついた。 あの時はブログをやっていなかったので感想記事を書けなかったが、良い機会だし、感傷に浸りたい年頃になってしまったので、駄文(になるだろう)を書いてみる。 なお、これを読んでも得られるものはないだろう。 参加したきっかけ あれは大学4年になるかならないかという時期、指導教員の [twitter:mikantsuki] と相談してTDDに関連する研究にしようと決まった時のこと。 「そういえば、TDDに関する勉強会が北陸であったらしいんだけど、それが次は名古屋で開催されるみたいだね。 遠いから無理かもしれないけれど、行けるなら参加したら？」 勉強会という存在を始めて知った瞬間である。 きっと良い経験になるだろうと思ったので、行く決意を固める。 今考えると、よく思い切ったものだ。 登録した時期 応募がはじまったよ、と教え
企業システムにアジャイルは必要か
2015/6/22にアイ・ラーニング様にて開催された「悩める管理職のためのエンタープライズ・アジャイル導入セミナー」の講演資料です。
ウェブサイトに侵入された大学のリリースに見る侵入対策への誤解
ここ数日大学等のウェブサイトに対する侵入事件の報道やプレスリリースが続いています。 スケジュール管理ウェブサイトの改ざんについて – 早稲田 サイバー攻撃：徳島大電子会議システムサーバー乗っ取り - 毎日新聞 これらを読んで気になったことがあります。大学側が一定のセキュリティ対策を施していたが、それでも侵入されてしまったような論調だからです。まずは早稲田大学の事例ですが… ３．不正侵入の原因について スケジュール管理サーバにはアンチウィルスソフトウェアをインストールし、最新のパターンファイルを装備していました。しかし、当該サーバのOSのセキュリティパッチは最新のものではなく、また当該サーバに対しファイアウォールによる監視が行えていなかったため、不正侵入を防御できませんでした。現在は、OSのセキュリティパッチを最新のものに更新し、ファイアウォールの監視対象として防御しています。 スケジュール
迷惑な勧誘電話 - 悪質セールス撃退と個人情報保護法 - Lucablog
職場にマンションや不動産の購入を薦めるセールスの電話が何度も何度もしつこくかかってきて、辟易としておりました。 ある日などは、取引業者であるかのように装って電話をかけてきたのだ。 だが業務と無関係な当たり障りも無い話を延々と数分間も一方的に話され。不審だったので「ご用件は何でしょうか」と尋ねたらば、マンション買えとの話だった。 Lucaさん「私の氏名や連絡先はどのようにして入手なされたのでしょうか？」 セールス「あー、こういうー、名簿を売っている所がありまして。そこから」 Lucaさん「名簿業者より購入した個人情報を元に、このセールスの電話をかけてきたんですね？」 セールス「はい、そうです。」 大変迷惑な。 自分は未だかつて、電話セールスに供する目的で自分の連絡先をどこかに提供した記憶は無いし。新たに取得した企業より利用目的の明示を連絡された記憶は無い。 Q2-8．名簿業者から個人情報を購
Spread要素が実装された - JS.next
概要 配列リテラルでSpread要素を使うと、イテラブルとして展開してそれぞれを要素にしてくれる。 例 var a = [3, 4, 5] var b = [1, 2, ...a, 6, 7] // [1, 2, 3, 4, 5, 6, 7] 応用 文字列を配列にする str.slice() ↓ [...str] （但し後者はサロゲートペアも考慮される） 重複を取り除いた配列を得る ary.filter( (v, i) => ary.indexOf(v) == i ) ↓ [...new Set(ary)] 0からn-1までの要素を持つ配列を作る [...Array(n).keys()] 実装されるバージョン V8 4.5.11 4.5.69（デフォルト有効）
勉強会やイベントでは会社の名刺ではなく個人名刺作って配った方が安全なような気がしてきた
今日もまた会社宛に「投資用マンション」の勧誘がきた。仕事中にこういう勧誘電話がかかってくると本当に迷惑で、出るだけでうんざりするし、電話を取り次いでいただいた人の時間も奪っている事になるので、申し訳ない気分でいっぱいだ… なんで、こういう電話がかかってくるかと言えば、勉強会やイベントで交換をした名刺をから、電話をかけてきているようだ。しかも、その名刺の情報は似たような会社で共有されているらしく、違う会社から電話がかかってくる。 というわけで、仕事以外の勉強会とかイベントでは、会社の名刺ではなく、電話番号が書いていない個人名刺を作って、それを配った方が良い気がしている。 もし、個人名刺から「勧誘」のメールやSNSのメッセージがきたとしても、メールならば「迷惑メール」扱いにすれば良いし、SNS経由ならばブロックすれば良いだけのことだ。電話番号が書いていなければ、さすがに電話もしてこないだろう。
残業しない人に残業代を払う会社：日経ビジネスオンライン
働く時間を激減させながら、増収増益を続ける。掲げるのは、従業員の健康を企業価値創出の基盤と位置づける「健康経営」。斜に構えた人からは「キレイ事」「夢物語」などと言われそうな話だが、実際にそれが十分できることを証明している企業がある。しかも、構造的な長時間残業やメンタルヘルスの問題が指摘されるIT（情報技術）産業にだ。 残業時間を激減させると同時に増収増益を続けている、SCSK。数年前までは他のIT企業同様に労働環境の問題に悩んでいた同社に、何が起きたのか。仕掛け人の中井戸信英会長・健康経営推進最高責任者が、その要諦を語った。 日経ビジネスは6月15日号の特集で活力ある働き方を実現する「戦略投資」として、健康経営を推進することが、エクセレントカンパニーの新条件であることを示した。普通の企業よりも「厳しい条件」から出発したSCSKの取り組みは、多くの「働く人」や企業経営者にとって参考になるはず
米Netflix、Amazon S3上でデータの整合性を実現するライブラリ「S3mper」を公開 | OSDN Magazine
動画配信サービスなどを手がける米Netflixは1月9日、Amazon Web Services（AWS）の1つである「Amazon S3」向けにデータの整合性を実現するライブラリ「S3mper」を公開した。HadoopとAmazon S3の組み合わせでデータに一貫性を持たせるために開発したもので、実際に社内で利用しているという。 NetflixはAmazon Web Services（AWS）が提供する各種クラウドサービスの大規模なユーザーとして知られており、AWSをインフラとして利用するにあたって社内開発した「Chaos Monkey」や「Hysterix」、「Janitor Monkey」といったツールをオープンソースで公開している。今回のS3mperもその1つとなる。 NetflixではHadoopでのファイル管理にAmazon S3を利用している。ペタバイト級のデータをS3に保存
あるシステム屋さんが平均残業時間一桁を実現した方法 - ゆとりずむ
こんにちは。 ここしばらく、システムトラブルの対応で午前帰りが続き、疲れてきてしまいました・・・。直接、トラブルの原因になった訳では有りませんが、エンジニアさんも巻き込んでしまい、もう少し上手く回す方法はなかったのかと、自分の未熟さを反省中です。 さて残業といえば、先生は大変そうですね。ただでさえ、ひとりで何十人もの生徒をみないといけない上、ほぼ無償ボランティアの部活顧問まで行い、その上で親に押しかけられたら溜まったもんじゃ有りませんよね。横浜市で、先制の『ノー残業デー』を設定するそうですが、多少なりとも状況が改善することを期待してやみません。 ただ、個人的にはこの『ノー残業デー』という制度がしっくり来ません。だって、『ノー残業デー』って、その日以外は残業することが前提なワケですよね？更に、こんなニュースも有ります。 正社員と同じ等級制度や人事制度を用いるため、基本給も同じ水準だ。賞与は正
Vibrant.js·画像を解析して主だった色をピックアップ MOONGIFT
写真はそれ単体で載せるだけでなく、写真に合わせてコンテンツの雰囲気を変えたりするとより際だって表現力が高くなります。そのためには写真の解析が欠かせませんが、これは意外と難しいです。 そこで使ってみたいのがVibrant.jsです。写真を解析し、主立ったカラーパレットを抽出してくれるライブラリです。 Vibrant.jsの使い方 Vibrant.jsを使って解析された画像の背景にメインカラーを当てています。 必ずしも一番多い色ではなく、その写真の中で一番目立っているところを使っているのが分かります。 この手のライブラリは幾つかありますが、どの色をピックアップするか、さらにどれを優先するかはアルゴリズムによって違って面白いです。写真を元にしたカラーリストの作成やデザインのインスピレーションを得るのにぴったりではないでしょうか。 Vibrant.jsはJavaScript製のオープンソース・ソフ
pdfmake - クライアント/サーバサイド両方に対応したPDFジェネレータ MOONGIFT
Webシステムを作っていて、時々PDFの帳票が必要になることがあります。サーバサイドでPDF出力するツールは幾つかありますが、それらのセットアップは面倒ですし、サーバの負荷も気になるでしょう。 そこで使ってみたいのがpdfmakeです。サーバ、クライアントサイド両方に対応したPDF作成ツールです。 pdfmakeの使い方 pdfmakeではJSONを使ってPDFの形式を定義します。 スタイル設定も可能です。 より複雑なスタイルを使った例です。 段組のサンプル。 テーブルも使えます。 リスト。ネストもできます。 より本格的な形式ですね。 画像も使えます。 pdfmakeの良いところはJavaScriptによる生成なのでサーバサイドの負荷なく、かつ編集した内容をその場で反映して生成し直すこともできるということです。さらにnodeで動かすこともできるのでクライアントサイドのコードを使ってそのまま
SparkSQLの構文解析
The document discusses Spark SQL's SQL parsing process. It explains that sqlContext.sql() uses a DDLParser and SparkSQLParser to parse the SQL string into a LogicalPlan using a ParserDialect. It then shows the classes involved in more detail, including the AbstractSparkSQLParser which is extended by SqlParser to define the parsing rules and parse the SQL into a LogicalPlan. It also mentions that P
Recruiting - Recruit Lifestyle Engineer
国内最大級の旅行予約サイト『じゃらんnet』。全国の宿・ホテルの中から、自分好みの宿・ホテル、オリジナルプランを予約できます。スマートフォンアプリもあり、移動中や旅先でも宿泊施設をその場で検索・予約できます。その大規模さゆえにやや混沌としているライブラリレイヤーのリファクタリングプロジェクトが進行中です。 『ホットペッパー グルメ』は、国内最大級のグルメ情報総合サイトです。また、無料ですぐはじめられる飲食店向け予約台帳・顧客管理サービス『レストランボード』も提供しています。新規機能開発やDevOps等への取組は勿論のこと、近年はシステム特性に合わせたサブシステムの分割やクラウド（AWS）の積極活用、連携システムの増加にも耐えられるアプリケーションへのリファクタリングなどにチャレンジしています。 『ホットペッパービューティー』は、国内最大級のヘアサロン、リラク＆ビューティーサロンの検索・予約
俺の最近のRailsのJS開発環境を教えてやる - Qiita
はじめに railsのsprocketsがキツイ。特にjsファイルが多くなると開発がとっってもキツイ。 layoutに こうやってるだけでも出力されたhtmlにはscriptタグが30個ぐらいならんでて、ページの読み込みに10sec以上かかる。 だけど、単にapp/assets/javascriptsをgulp watchとかはしたくない。 なぜならビルドはブラウザのリロード時に変更がある場合だけして欲しかった。 あとwindow.AppNamespace以下にモジュール追加していくのも辛い。 モジュール同士の依存関係もよくわかんないし、何よりwindow.AppNamespace.Modules.UserList.ItemViewとか長すぎ！ browserify-railsってやつ使ってみた browserifyがrailsの仕組みの中で動くようになる。 browserify-rail
大規模分散システムの現在 -- Twitter
Kubernetesでの性能解析 ～なんとなく遅いからの脱却～（Kubernetes Meetup Tokyo #33 発表資料）NTT DATA Technology & Innovation
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
