資料作成サポート【オクノテ】の田谷野と申します。 その他数多くの実績が御座いますので、まずはお気軽にお問い合わせください。 12時間以内にご連絡致しますので、すり合わせられますと幸いです。
コミュニティによる生産性向上のすすめ
資料作成サポート【オクノテ】の田谷野と申します。 その他数多くの実績が御座いますので、まずはお気軽にお問い合わせください。 12時間以内にご連絡致しますので、すり合わせられますと幸いです。
ESLint をグローバルにインストールせずに使う - Qiita
はじめに ESLint 最初の一歩では、ESLint をグローバル インストールしていました。 グローバル インストールすると eslint コマンドにパスが通って便利ですが、欠点もあります。 プロジェクト毎に異なるバージョンの ESLint を使えない。 ESLint が互換性のないバージョンアップをした時に困る (1.0.0, 2.0.0 のようなメジャーバージョンアップは互換性がありません) 利用するプラグイン・共有設定もグローバル インストールしなければならない チームで同じバージョンに揃えるのが手間である npm のエコシステムでは、コマンドもプロジェクト ローカルにインストールして使うのが主流です。 そうすることで、package.jsonに依存バージョンとともに記述して共有することができます。 npm install 一発で、チームが同じ環境を揃えられるわけですね。 この記事
Node学園祭 2015 海外ゲストスピーカーとの交渉について - 思ったこと
Node学園祭2015が終わりましたね。とても盛り上がってそうでしたが、みなさんどうでしたか？ nodefest.jp 私は、とっっても残念ながらスケジュールが合わず配信での参加となりました。。ゲストスピーカーを交えてNode.jsの問題や改善について真剣に議論するNode Disscussが特に面白かったので来年もやりたいなぁと思ってます。そして時差の関係で途中で寝落ちしたのは悔やんでも悔やみきれない！ さて、みなさん御存知の通り今回のNode学園祭も例年通り超豪華なゲストスピーカーに来ていただきました。公式サイトから抜粋すると、 ゲストスピーカーにはECMAScriptの仕様化、Promiseを仕様にしたことでも有名なDomenic Denicola、io.jsのリリースオーサーであり、NANというネイティブモジュール作成用のライブラリを開発しているRod Vagg、NodeUpのオー
Electronでデスクトップウィジェットを作るまで - Qiita
はじめに HTML/CSS/JSを使ってデスクトップアプリケーションが作成できるElectron。 本記事ではデスクトップウィジェット作成するまでの流れを、簡単な時計アプリを題材として解説します。 ※ この時計アプリのソースコードとパッケージは、GitHubにて公開しています。 GitHub: SallyAcolyte/tutorial_clock 対象読者 - HTML/CSS/JSで簡単なアプリは作れるが、Electronは初心者な方 - Electronで透過ウィンドウ/フレームレスウィンドウを扱う際のポイントが知りたい方 - 自分好みなデザイン/機能を持つウィジェットを作成したい方 ※ Windows環境を前提としていますが、基本的な流れは他環境でも同様です。 チュートリアル Electronの入手 Electronの本体は、以下からダウンロードできます。 Releases · a
Dropboxの(S)CSSスタイル・ガイドの所感 - Weblog - Hail2u.net
Dropbox社内のスタイル・ガイドを読んでいた。スタイル・ガイドとなっているがCSSのコーディング規約の方のスタイル・ガイドだ。最近のシンプル回帰の傾向と違い、かなり厳しいようだ。完全に守ってるとしたらかなりすごい。 特に特徴的だったのはCSSプロパティーの記述順だろう。近頃は「もう面倒なのでアルファベット順で……」という規約が多い。対してDropboxのそれはいくつかに大きくジャンル分けして記述するようになっているようだ。そのジャンルの中では順不同なのも面白い。そのカテゴリ分けもレイアウト、インラインの見た目、ブロックの見た目、その他と妥当に分かれている。 コンポーネント分けのパターンも考慮すると、多くはその分けられたカテゴリのどれかひとつだけを使うようにクラス分けされるはずなので、実質意味がないようにも見えるところに興味を持った。複数のカテゴリのプロパティーが混ざったらそのクラスはお
コンパイラにおける最適化技術
高知工科大学の学部３年生の「コンパイラ」の授業で、2015/11/12に講義させていただいた際の資料です。 コンパイラの基本的な最適化について紹介し、実行時情報を使った最適化、などについても触れています。Read less
初心者エンジニアにおすすめしたい「進捗どうなった？」と言われないための仕事の進め方 - Qiita
はじめに 初心者エンジニアのあなたは、 **先輩エンジニアに「進捗どうなった？」や「なんでこの作業にこんな時間かかってるの？」**といったことを言われたことはありませんか？ また、 作業見積もりやタスク分解をちゃんと行なわないで、いきなりコードを書き始めているということはありませんか？ 勝手にコードを書き始めて、ほとんど手戻りになって1からコードを書き直しになるという経験もあるかと思います。 僕は徹底的に仕事のやり方を叩きこまれましたが、周りの話を聞いていると、こういったことができていない人もいるのかなと思い書こうと思った次第です。 またエンジニア向けには書いていますが、どんな仕事にも普遍的に使える考え方だと思っているので参考になれば幸いです。 アジェンダ 以下のとおりです。どこから読んでもらっても大丈夫ですが、上から読んでいったほうが流れが分かりやすいと思います。 ツールはGithub,
個人番号カードに潜むリスクと適正な活用法を考える
前回までは、個人番号カードの目玉機能である公的個人認証サービスについて、その機能と技術仕様を解説した。今回は、法規制やセキュリティ、プライバシーなどを踏まえた、民間企業による個人番号カードの適正な扱い方について考えてみたい。 第1回で述べた通り、仮に民間企業が個人番号カードから得られたデータを不適切に扱えば、個人番号カード自体の信頼が失墜し、誰もカード交付を申請しなくなるだろう。 このため政府は、個人番号カードが提供する公的個人認証サービスについて、法律などで取得データの活用に縛りを設けているほか、データを扱う情報システムに一定水準のセキュリティを求めている。 まず、法制度からみていこう。個人を認証する要となる電子証明書シリアル番号（法律上は「電子証明書の発行の番号」）は、法的にはマイナンバーのような特定個人情報には該当しない。発行が任意であり、番号の変更も容易だからだ。ただ、個人に対して
個人番号カードが提供する「新・公的個人認証」の破壊力
「個人番号カードの公的個人認証サービスを使える民間サービスの業態に、制限はありません。オンラインバンキングからネットゲームまで、ほぼ『なんでもあり』です」。総務省自治行政局住民制度課 企画官の上仮屋尚氏はこう強調する。 マイナンバー制度が始まる2016年1月から、希望者に無償で配布される「個人番号カード」（図）。その最大の目玉は、カード内のICチップに埋め込まれた電子証明書を使って個人を認証する公的個人認証サービスが、総務大臣の認定を前提に、民間企業にも開放されることだ。 公的個人認証サービスは、元々は住民基本台帳カード（住基カード）に組み込まれる形で、2004年1月から始まった。とはいえ、用途が行政サービスに限られていたこともあり、用途の開拓はあまり進まなかった。個人向け用途では、国税電子申告・納税システム（e-Tax） の確定申告用に使われるのがせいぜい。発行された電子証明書は、201
飛騨の古民家で開発合宿をしてきた - kentana20 技忘録
すごく久々の更新。最近はギョームでバタバタやっていたのと、インプットが少なくてネタがあまりなかったです。 けど、いろいろ進捗してるところもあるのでどっか機会があればまたご紹介したいですね。 前フリは良いとして、本題。 会社の有志メンバーで開発合宿に行ってきた 去年の夏に kentana20.hatenablog.com で書いて「開発合宿楽しいな〜」と思っていて、今年もやりたいと考えていたところ、10月末で一休を卒業した id:rei19 が「古民家でやりたいですね〜」とアイデアをくれたので企画して 11/7(土)~11/9(月) の2泊3日で id:naoya, id:rei19, id:minato128, id:RealFightProgrammer とあと1名の計6名で開発合宿に行ってきました。 準備・企画 正直、あまりできませんでした。ただ、技術顧問である id:naoya にも
意見を持つ
今のチームのプログラマたちは、製品の機能や UX に意見を持っている。 UX デザイナがおらず PM もおとなしいプログラマ中心のプロジェクトから来た自分は、アプリやサービスの世界でデザイナや PM がどう物事を決めるのか、そこにプログラマがどう絡むのかに興味を持っていた。どうも一筋縄でない。 定例ミーティングではデザイナのモックを前にプログラマたちが細かいレイアウトや動きを議論している。各リリースの計画会議では誰かしら自分の欲しい機能を持ち出す。廊下でデザイナと顔を合わせては唾を飛ばし合っている。ランチで PM と同席するたび何かを申し立てている。 自分はそんな意見がない。開発しているアプリに興味はある。自分で使っているから良くなってほしい。でもアイデアはない。速くてバグがなければいい、くらい。 コードの書き方には意見があるし、開発プロセスやインフラにも言いたいことは多い。バグを減らした
インフラチーム改め Site Reliability Engineering (SRE) チームになりました
インフラチーム改め Site Reliability Engineering (SRE) チームになりました Organization Author: kazeburo インフラチーム改めSite Reliability Engineering チームの @kazeburo です。この記事ではまだ馴染みの薄い Site Reliability Engineer とは何かについて紹介したいと思います。 SREとGoogleのSRE Site Reliability Engineerは日本語にすると「サイト信頼性エンジニア」となりますが、あまりキャッチーではないので普段は略語の「SRE」を使用しています。SREという職種は日本ではあまり聞く事はありませんが、FacebookやAirbnb、Dropboxなどの企業でSREが募集され、それぞれのサービスを支える重要な役割を担っていると思われます。
How To Think Visually Using Visual Analogies - Infographic - Adioma
Visual learners are people who think in pictures[1] and use words to communicate that picture to others. About 60%[2] of the world population are visual learners. (I am one of them and I am guessing that since you are reading this article, you are one, too. Many of us do not know yet that we are visual learners because schools force us to learn textually most of the time.) So, how do you talk to u
API Gateway / Lambda / Kinesis を使ったストリーミングなバッチ実行基盤の実装
AWSモバイル/IoTサービス徹底攻略！！ http://classmethod.connpass.com/event/22060/ 2015年11月21日（土）
sanitize.css
Render elements consistently. Style with best practices. sanitize.css makes browsers render elements consistently and allows you to style with today’s best practices out-of-the-box. CSS inheritance is assigned universally so that styles cascade naturally and consistently. Wherever possible, the box model operates more intuitively. Every normalization and opinionated default is carefully documented
The Six Things You Need To Know About Babel 6
Over the last year, Babel has become the go-to tool for transforming ES2015 and JSX into boring old JavaScript. But seemingly overnight, Babel 6 changed everything. The babel package was deprecated, running babel doesn’t actually transform ES2015 to ES5, and the old docs have basically disappeared. But Don’t Panic! To get you up to speed, I’ve put together a brief list of the six most important ch
Using ES6 and ES7 in the Browser, with Babel 6 and Webpack
This guide is part of The Complete Guide to ES6 with Babel 6 series. If you’re having trouble upgrading to Babel 6, start with Six Things You Need To Know About Babel 6. The Babel CLI is great for compiling ES6 to ES5 on a file-by-file basis. However, when Babel encounters an import statement, it outputs a require call – which won’t get you very far in the browser. To make our Babel output browser
おしゃれになるkeynoteテンプレート「Lemonade」を作りました。 - meycoのUX&UIデザイン技術メモ
作った経緯 私はIT系の勉強会に時々参加しているのですが、そこでエンジニアの人たちから 「keynoteテーマ作るのめんどい」 「某keynoteテーマすごい便利だけど、前に発表した人とかぶるの恥ずかしい」 という意見を非常に多く頂きました。ので、それを解決するべく初めてテーマを作ってみました。 Lemonadeテーマサンプル サンプルスライドを作ってみました。 Lemonade-original keynote theme. from Meyco U フォントについて Futuraとヒラギノ角ゴW3で指定しています。 どちらもMac OSX のデフォルトフォントです。 というか、本当にはヒラギノW5で指定したいんだけど、方法がわからずそのまま。 解決方法があれば教えて下さい。 色について 気になる部分は随時変えてください。 初めてkeynoteテーマ作ってみた知見 keynote、なんで
JavaScript Air
Latest Show:JavaScript and the Web PlatformWednesday, November 2nd, 2016 at 12:00
Screencastify - Screen Video Recorder - Chrome Web Store
Created by the owner of the listed website. The publisher has a good record with no history of violations. Learn more The leading screen recorder for Chrome. Capture, edit and share videos in seconds. An easy-to-use screen recorder for Chrome. Capture, edit and share videos in seconds. Screencastify is Chrome's simplest free screen recorder and interactive video platform, empowering anyone to beco
The Browser Accessibility Tree - TPGi
The accessibility tree and the DOM tree are parallel structures. Roughly speaking the accessibility tree is a subset of the DOM tree. It includes the user interface objects of the user agent and the objects of the document. Accessible objects are created in the accessibility tree for every DOM element that should be exposed to an assistive technology, either because it may fire an accessibility ev
Swaggerで始めるモデルファーストなAPI開発
This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur
CSS in JS と CSS Modules // Speaker Deck
ng-kyoto 主催「ng-kyoto Angular Meetup #3」での発表資料です。 http://ng-kyoto.connpass.com/event/20512/
Angular 2 最新リリースを試してみた // Speaker Deck
All slide content and descriptions are owned by their creators.
iOSアプリ「はてなブックマーク」に頂いたフィードバックの対応予定について - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき、ありがとうございます。はてなブックマークディレクターのid:juseiです。はてなブックマークiOSアプリ（バージョン3.0）の利用方法について、11月19日のリリース以降、多くのフィードバックをいただきました。そのうち、いくつかの機能について言及いただきましたので、対応方針をご案内いたします。 ▽ はてなブックマークアプリ - はてなブックマーク まずはじめに Androidアプリにつきましては、新しいはてなブックマーク関連の一部機能を先行リリースしております。今後、iOSアプリのフィードバックを参考に、Androidアプリでも同様の機能を搭載しようと考えております。またすでに通知やランキング、ギャラリーなど、Androidアプリ先行で実験的に実現している機能については、Androidアプリでの利用動向を元にiOSアプリにも搭載していこうと考えて
JAWS-UGコンテナ支部 #3に参加してきた #jawsug #jawsug_ct | DevelopersIO
はじめに 今日はJAWS-UGコンテナ支部 #3に参加してきました！ 場所はDeNAさんのセミナールーム。いつ来ても立派なお部屋です。 レポート Amazon EC2 Container Service by AWSJ 岩永亮介さん (@riywo) Amazon ECSデモ node.jsで書かれたGeneratorがダミーのアクセスログを作成、Kinesisに投入 Pythonで書かれたConsumerがKinesisからログを取得、AWS IoTにMQTTでPublish node.jsで書いたダッシュボードでログを表示 DevOpsのライフサイクル 開発、ビルド、テスト、プロダクション環境へのリリース。 裏でもう1つやらなくてはいけないことがある。サーバの構築。環境ごとの設定。 アプリケーションとは別にメンテし続けなくてはいけないのが結構辛い。 Dockerになると？アプリケーショ
バグハンターの哀しみ
MicrosoftのWebブラウザ、Internet Explorer/EdgeにはXSS攻撃からユーザーを保護するためのXSSフィルターという機能が搭載されている。XSSフィルターは、リクエストにXSS攻撃らしき文字列があり、ページ内にそれに対応する文字列が出力されている場合に、ページ内の対応する文字列の一部を書き換えることによりユーザーを保護する。この書き換え動作は安全に行われているのだろうか？答えはNoだ。今回私は、XSS脆弱性のないありふれたページで、XSSフィルターの動作を利用することで、保護するどころかXSS脆弱性を作り出すことができる手法を発見した。本講演では、XSSフィルターを利用したXSS攻撃の可能性について技術的な詳細を述べるとともに、サイト管理者はこのXSSフィルターの悪夢とどう向き合うべきかについて提案する。
Reactがもたらした制約の意義
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
ally.js
Skip to content ally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. However, simply loading ally.js will not automagically make a web application accessible. The library provides certain standard functions the "web platform" should've provided itself, so JavaScript applications can be made accessible more easily. ally.js has been tested on IE9+, Fir
【速報】JUnit5 はこうなる!?【プロトタイプ】 | DevelopersIO
渡辺です。 DevelopersIOでの100本目のエントリーがJUnitネタとなりました。 自分がJUnit実践入門を執筆したのは2011年から2012年にかけてです（出版が2012年11月）。 それからJava8がリリースされていますが、JUnit4自体は大きな進化はしていませんでした。 昨日、JUnit Lambda Prototypeが公開されました。 まだプロトタイプということで、今後の変更は大きいかと思いますが、いよいよ次世代のJUnitの足音が聞こえてきた感じがします。 今回は、このドキュメントからJUnit Lambdaの概要と方針について速報をお送りしたいと思います。 なお、現在JUnitチームでは、このプロトタイプに対するフィードバックを募集しています。 ここはこうじゃないとかはてブコメントする前にTwitterやGitHubでフィードバックを！ JUnit Lambd
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ネットワークプロトコルアナライザー「Wireshark」がメジャーアップデート
新しくなった eslint --init を試す - Qiita
GitHub - yeoman/insight: Node.js module to help you understand how your tool is being used by anonymously reporting usage metrics to Google Analytics
Google Design
GitHub - fukayatsu/esarea: Enjoy (\( ⁰⊖⁰)/) markdown!
Ionicons: The premium icon pack for Ionic Framework
Amazon.co.jp: 伝わるデザインの基本 よい資料を作るためのレイアウトのルール: 高橋佑磨, 片山なつ: 本
Support installation via Bower · Issue #944 · reduxjs/redux
Mozilla accessibility architecture - Mozilla | MDN
AWS Blackbelt 2015シリーズ Amazon EC2 Container Service (Amazon ECS)
GitHub - kwk/docker-registry-frontend: Browse and modify your Docker registry in a browser.