[B! Programming] oki448jpのブックマーク

oki448jp id:oki448jp

Programmingに関するoki448jpのブックマーク (1,354)

コードレビューにラベルを付けるだけでチームの心理的安全性を高めた話
ハコベルシステム開発部のおおいし (@bicstone) です。普段はフロントエンドエンジニアとして物流DX SaaSプロダクトの開発を行なっています。この記事ではハコベルの開発チームが心理的安全性の向上を目的に採用した、プルリクエスト (マージリクエスト) コメントにラベルを付ける手法についてご紹介します。背景プルリクエストをレビューする時、レビュアーとして上から目線になってしまい相手を傷つけないか緊張したり、ちょっとした確認のつもりで書いたコメントが修正必須と捉えられてしまったりした経験はないでしょうか。本来、ピアレビューは対等な関係であるはずなのに、レビューする側の方が上になってしまいお互いに恐縮してしまいがちです。﹁勘だと怪しいけど間違っていたら怖いから言えないな﹂や、﹁将来的に辛くなりそうな実装だけどわざわざ指摘するほどでもないな﹂など荒波を立てずにApproveしてしま
oki448jp 2023/03/07
Programming

Writing
リンク
『リーダブルコード』を実践的に活用するための問題集[Javascript](第1部表面上の改善) - Qiita
﹃リーダブルコード―より良いコードを書くためのシンプルで実践的なテクニック﹄を読んで、実践的に活用するための問題集を作りました。使用している言語はJavaScriptもしくはTypeScriptで、範囲は第Ⅰ部﹁表面上の改善﹂の2章から6章までです。問題を4つ掲載した後に解答例を記載しています。腕試しとして解いてもらったり、改善や感想のフィードバックもらえたりすると嬉しいです！問題1適切な変数名ウェブページの読み込み時間を計測する以下のようなコードがある。変数名についてどのような問題点があるかを指摘した上で書き直せ。 const start = (new Date()).getTime(); // webページを表示する処理(記載省略) const elapsed = (new Date()).getTime() - start; console.log(`読み込み時間‥${el
oki448jp 2023/02/22
JavaScript

Programming
リンク
ソフトウェア開発者に必要な考え方 / Necessary mindset for software developers
「GitLabに学ぶ世界最先端のリモート組織のつくりかた」の輪読会のススメ - そーだいなる輪読会キックオフ / soudai-kickoff
oki448jp 2022/09/14
Software

Programming
リンク
Node.jsのバージョン管理にVoltaを推したい
Volta とは Voltaとは、JavaScript ツールマネージャーです。タイトルでは Node.js のバージョン管理としていますが、npm・yarn のバージョン管理も行うことができます。公式サイトでは、﹁The Hassle-Free JavaScript Tool Manager︵手間のかからない JavaScript ツールマネージャー︶﹂と紹介されています。チームの Node.js のバージョン管理を Volta に統一したところ非常に DXが上がり、Volta の恩恵を感じています。この記事では、開発者の Volta 人口を増やすべく Volta の紹介と使用方法について解説していきたいと思います。なかなか詳しく解説している日本語のソースはないので、公式ドキュメントを読んで適宜和訳しています。公式ドキュメントを読むのがめんどくさいという人に読んでいただい
oki448jp 2022/01/16
JavaScript

Programming
リンク
アジャイル開発の外部委託が「偽装請負」だと疑われないためにすべきこと、厚労省が公表した疑義応答集を読み解く（前編）。Agile Japan 2021
アジャイル開発の外部委託が「偽装請負」だと疑われないためにすべきこと、厚労省が公表した疑義応答集を読み解く（前編）。Agile Japan 2021 アジャイル開発において開発担当者を外部のベンダに依頼した場合、必然的に発注側の企業とベンダ側の開発者が1つのチームとなり密なコミュニケーションを行います。すると、発注側の企業がベンダの開発者の業務遂行に対して具体的な指示を行う、いわゆる「偽装請負」とみなされる可能性があるのではないか？という疑義が以前から呈されていました。この疑義に対して、どのように対処すれば偽装請負と見なされないか、その指針が今年9月に厚生労働省から「労働者派遣事業と請負により行われる事業との区分に関する基準（37号告示）関係疑義応答集」として公表されています。オンラインで11月8日に開催されたイベント「Agile Japan 2021 Day 0」では、この疑義応
oki448jp 2021/11/16
Business

Software

Programming
リンク
Amazon.co.jp: リファクタリング(第2版): 既存のコードを安全に改善する (OBJECT TECHNOLOGY SERIES): Martin Fowler 著 (著), 児玉公信 (翻訳), 友野晶夫 (翻訳), 平澤章 (翻訳), 梅澤真史 (翻訳): 本
oki448jp 2021/07/02
Book

Programming
リンク
Explore DOM Events
There are many categories of events including user events such as 'click' and system events such as 'DOMContentLoaded'.
oki448jp 2021/05/19
DOMイベントを視覚的に分かりやすくしたDOM Events

JavaScript

Programming

Browser
リンク
良いコードとは何か - エンジニア新卒研修スライド公開｜CyberZ Developer
CyberZ CTO室のメンバーの森 (@at_sushi_at) です。先日、株式会社サイバーエージェントの2021年度エンジニア新卒研修でコードの品質に関する講義を行いました。そこで話した内容とスライドを完全公開します。45分の内容のため、かなり長いですが、個人的にぜひ一読して欲しい内容になっています。はじめにこんにちは、森篤史と言います。2019年度入社で今年で3年目になります。株式会社CyberZのOPENREC.tvというプロダクトでAndroidアプリチームのリーダをやっています。最近はプログラムを書く仕事以外に、次世代マネジメント室という全社横断組織でDevelopers Blogの改善プロジェクトを実行したり、CyberZ CTO室で組織活性化に取り組んでいます。あと、2019年度の未踏スーパークリエータにも認定されました。メインの仕事としては、入社して
oki448jp 2021/04/28
Programming
リンク
Universal application code structure in Nuxt.js
Are you new to the Nuxt.js framework and totally overwhelmed by the number of folders it comes with? Are you also surprised that most of them are empty with just the readme file in them? Well, that’s where I was little over a year ago. Since then, I’ve always wanted to learn and document the magic that each folder brought into the Nuxt project. And now, after implementing a few projects with this
oki448jp 2021/04/13
Vue.js

JavaScript

Programming
リンク
Create generative social images using SVG!
oki448jp 2021/02/04
SVGを使って動的にオシャなOGP画像を生成する

SVG

JavaScript

Programming

Design
リンク
particles.js - A lightweight JavaScript library for creating particles
particles.js is a lightweight JavaScript library for creating particles.
oki448jp 2021/02/04
軽量に動的なパーティクルを生成する「particle.js」

JavaScript

Programming
リンク
ESLint と Prettier の共存設定とその根拠について
注意この記事は 2020 年09月24日現在、古い情報となりました。eslint-plugin-prettier の利用は非推奨であると公式がアナウンスを出しています。そのことについては Prettier とESLint の組み合わせの公式推奨が変わったにてまとめましたので、こちらもご覧ください。またeslint-plugin-prettier は公式推奨ではなくなりましたが、それはEditorなどの外部環境の進化によるものでこのプラグイン自体に何か問題が起きたわけではありません。そしてeslint-plugin-prettier を利用した設定方法、特にeslint-plugin-prettier とeslint-config-prettier が何を解決していたかを知らないと、prettier-eslint が何をどう解決したかを理解できないはずなので
oki448jp 2020/06/24
ESLintとPrettierの共存や競合についての答えとその根拠

JavaScript

Programming
リンク
Jamstack Themes
Astro 16 Eleventy 17 Gatsby 60 Hugo 86 Jekyll 106 Next 32 Brunch 0 Docusaurus 0 Gozer 2 Gridsome 5 Hexo 4 Jigsaw 0 Metalsmith 0 Middleman 0 Mkdocs 2 Nuxt 5 Pelican 1 Platframe 0 Sapper 0 Scully 0 Statiq 2 Sveltekit 1 Unibit 0 Vuepress 1 DecapCMS 18 Flotiq 10 Forestry 7 Kontent 5 No CMS 283 Ai rta ble 1 Contentful 3 Cosmic 1 DatoCMS 2 Directus 0 Firebase 0 Ghost 2 GraphCMS 3 Notion 4 Prismic 0 Sanity
oki448jp 2019/10/24
JAMstackのテーマいろいろ。静的サイトジェネレーター（SSG）別やCMS別に絞り込める

Programming

(X)HTML

CSS

Material

Design
リンク
Yes, this is how to cache pages by url with Vue, Vue Router and Keep Alive component
oki448jp 2019/05/13
keep-aliveとkey propでページをキャッシュする

Vue.js

Programming

JavaScript
リンク
Create a reusable button with Vue Dynamic Components
Create a reusa ble button with Vue Dynamic ComponentsIn the good old days, we used to style things using classes. We'd have a .button class that could be used anywhere in our application and that's it. Easy, right? If you are building any kind of application, it's very likely you have a Button component. You know, a button that can be clicked and multiple things can happen: go to a different page,
oki448jp 2019/05/09
Vue.jsで再利用可能なボタンコンポーネントを作る

Vue.js

Programming

JavaScript
リンク
Vue.js: Using Vue Router Page Transitions
oki448jp 2019/05/09
vue-page-transitionの使い方

Vue.js

JavaScript

Programming
リンク
Use standard JS classes instead of custom syntax? · Issue #2371 · vuejs/vue
oki448jp 2019/02/19
Vue.jsがなぜESクラス構文を採用しないのかについてEvanさんの見解／優れたUIコンポーネント設計においてOOPは柔軟ではない……AS3を書いていた俺たちに聞かせたい意見だ

Vue.js

JavaScript

Programming
リンク
Vue Animations with Sketch + Animator by Haiku
oki448jp 2019/02/12
Haiku＋Sketch＋Vueの連携

Vue.js

Programming

Animation

Sketch
リンク
PurgeCSS - Remove unused CSS | PurgeCSS
oki448jp 2019/02/11
使っていないCSSを削除するためのツール「Purgecss」

CSS

JavaScript

Programming
リンク
Carbon | Create and share beautiful images of your source code
Create and share beautiful images of your source code. Start typing or drop a file into the text area to get started.
oki448jp 2019/02/06
プログラムのソースコードを、シンタックスカラーリングして画像化するサービス。ウィンドウ枠の有無、背景色、フォントなどを選択可能

Programming

Design
リンク
1 2 3 4 5 6 7 8 9 10 次のページ