TechBlog運用の難しさとHERPでの考えについて（TechHub公開に寄せて）
HERPの技術発信の場として、HERP TechHubをリリースしました。会社のドメイン上ではなく、個人のブログのHubとしてのページを作成する形をとっています。 それに至った背景について書いてみたいと思います。 TechBlogのあり方を考えてみるTechBlogの目的と内包している問題について、エウレカでTechBlogの開設・運用をリードした経験から得られた課題も踏まえて考えてみる。 TechBlogの目的 従来のTechBlogの開設・運用の目的は以下の3つにまとめられると思う。 ブランディングを通じた採用力の向上エンジニアの個人ブランディングエンジニア全体・技術貢献ブランディングを通じた採用力の向上 エンジニア採用においては情報発信は欠かせない。もちろん一番大事なのは良いUXを提供できるプロダクトを作り、その品質を上げていくことだが、それだけでは社外の人間からして技術への考え方や
Binance Hacker Bounty
To ensure a safe crypto community, we can’t simply play defense. We need to actively prevent any instances of hacking before they occur, as well as follow through after-the-fact. Even though the hacking attempt against Binance on March 7th was not successful, it was clear it was a large-scale, organized effort. This needs to be addressed. Binance is offering a $250,000 USD equivalent bounty to any
webpack 4: Code Splitting, chunk graph and the splitChunks optimization
webpack 4 made some major improvements to the chunk graph and added a new optimization for chunk splitting (which is a kind of improvement over the CommonsChunkPlugin). Let’s take a look at some of the drawbacks of the old chunk graph. In the old graph chunks were connected to other chunks via parent-child-relationship and chunks contain modules. When a chunk has parents it can be assumed that at
🎼webpack 4: released today!!✨
Today we’re happy to announce that webpack 4 (Legato) is available today! You can get it via yarn or npm using: $> yarn add webpack webpack-cli --devor $> npm i webpack webpack-cli --save-dev🎼 Why Legato?We wanted to start a new tradition by giving each of our major releases a codename! Therefore, we decided to give this privilege to our largest sponsor: trivago! So we reached out and here was th
webpack 4: import() and CommonJs
Actually there are a lot of cases to consider when using import(). But let’s start with few naming hints: Source: the module containing the import() expression Target: the module referenced by the request in the import() expression non-ESM: a CommonJs or AMD module not setting __esModule: true transpiled-ESM: a CommonJS module setting __esModule: true because it was transpiled from ESM ESM: a norm
webpack 4: mode and optimization
So webpack 4 added a mode option. And it’s required. (Actually it’s not required but it will warn you if you omit it.) webpack 4 now ships with two sets of defaults. development and production. These are the two values to which mode can be set to. The development defaults will give you the best* development experience focusing on: Tooling for in browser debuggingFast incremental compilation for a
webpack 4: migration guide for plugins/loaders
For loaders:this.options and this.rootContextwebpack 3 already deprecated this.options in the loader context. webpack 4 removes it now. A lot of people are missing the this.options.context value now. It has been added as this.rootContext. Guideline: Loaders should receive all options via this.query. They should not use other ways to receive options, i. e. no property in webpack options, no environ
The Minimum Viable Design System
Over the past couple of weeks I had the pleasure to talk about UXPin’s approach to building a design system on multiple meet-ups and webinars (you can watch one of them here). I had lots of fun sharing our experiences learned a lot through all the lovely conversations after my talks. One question I’ve been asked multiple times, that also came up during my conversations with our team at UXPin, was:
🚀webpack 4 beta — try it today!🚀
Since the beginning of August — when we forked webpack/webpack#master for the next branch — we’ve seen an incredible influx of contributions! Git contribution stats for the webpack next branch at a glance using gitinspector! Try it on your project to see insights. PS: This doesn’t include the incredible work done in our webpack-cli team and webpack-contrib organization supporting our loaders and p
Native ES Modules in NodeJS: Status And Future Directions, Part I
ES Modules are coming to NodeJS. They’re actually already here, behind a --experimental-modules flag. I recently gave a talk at NodeFest Japan about the current state of ES Modules in NodeJS, and would like to do the same here, but also talk about the future of ES Modules in NodeJS, as discussed in Myles Borins paper found here, and as I think about it. But first, let’s see how ES Modules are impl
日本マイクロソフトを退職します
日本マイクロソフトを退職します新卒で入社した日本マイクロソフトを 1 月 17 日に退職します。 学部生の頃、就職できるはずのない雲の上の企業でした。 就職活動していた際にも視野に入れていませんでした。 なぜそんな大企業に就職したのに退職するの？ こんな記事も書いてもらったのに退職するの？ という質問をよくされるので、いわゆる退職エントリを残しておきます。 なぜ退職するのか最初に、日本マイクロソフトは素晴らしい会社です。 私自身、技術力以外にコミュニケーション能力や電話応対能力、メール文章作成能力が格段に成長しました。 しかし、技術職であるにも関わらずコードを書いてチームで開発をする機会は全くない部署でした。 そこでふと、「このまま今のカスタマー サポートを続けていて自分は何年後かに後悔しないだろうか。」と思いました。 そして、試しに転職活動をしてみると同じ外資系のカスタマー サポート職の
エンジニア向けの社内情報共有ツールの紹介
FiNCのエンジニアの人数も50人を超え、チームを横断した情報共有の機運が高まっています。 もともと社内には情報共有ツールとしてConfluenceやGitHub Wikiなどがありましたが、前者はMarkdownなどのエンジニアがドキュメントを書きやすい機能が不足しており、後者は情報の検索性に難がありました。 エンジニアのコミュニケーションを活性化させるため、カジュアルに記事を投稿できて誰でも見ることができる、新しい情報共有ツールを導入をすることにしました。 今回は候補として検討した際に、以下の要件を満たしていた情報共有ツールを紹介します。 Markdownを使ってプレーンテキストで記述できる記事の更新履歴のdiffを見ることができるフィードで記事の一覧を見ることができるわかりやすい検索機能コメント欄でのやりとりができるWebhook(チャットツール連携)UML記法やスライドの埋め込みの
Runtime type information for JavaScript
Get types like string, number, null, or custom classes at runtime. V8 can now collect type information. V8 is Google’s open source JavaScript engine. Chrome, Node.js, and many other applications use V8. This type profiler is built into the engine, the information is not statically inferred. JavaScript is a dynamically typed language. But most code is written with fixed types in mind. When debuggin
Apache Kafkaを使ったアプリ設計で反省している件を正直ベースで話す
Apache Kafka: Producer, Broker and Consumer2017年は生まれて始めてApache Kafkaを本格的に業務利用（PoCではなく本番運用）した年でした。Apache Kafka的なメッセージングミドルウェアそのもののは、社内的な事情でよく使っていたのでその使い勝手に対して困惑はほとんど無かったですし、ミドルウェアとして非常に安定しているため、Kafkaクラスタそのものでの不具合らしい不具合が発生したことは一度もありませんでした。 しかし、Kafkaのトピック設計などに関してのベストプラクティスは事例ベースでもあまり見かけたことがなく、チームメンバーと悩むことも多かったです。このストーリーでは、主にKafkaを利用したアプリ設計で考えたことや失敗したことを振り返りつつ共有します。なお、パーティション数や各種バッファサイズなどのチューニング要素は今回取
Incrementally adopt a formatter in a large repo
Formatting code is a job for computers. We can make the rules so exact, and have such confidence that we understand the language grammar, that the formatter is safe to automate. The big advantage of machine-formatting is that it makes us more productive! Some of the productivity comes from skipping a few keystrokes to make the code look good, but the majority is from time saved interacting with yo
🐛🔨 The Contributors Guide to webpack — Part 2 🎨 🖼
The deeper we dive into webpack, the more we will find that everything is abstracted into modular single purpose classes and utilities! Which flavor are you going to try? The Contributors Guide to webpack is a multi-part publication series outlining the many ways that you can learn about, and contribute to the webpack open source project. You can read the first article in the series here! 🌊 Divin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Efficient Code Analyzing and Formatting (for Vue.js) with ESLint and Prettier
Is Operational Sympathy A (Good) Thing? | by Autoletics | Medium
Running untrusted Javascript as a SaaS is hard. This is how I tamed the demons.
Angular v6がLTSになります
