人一倍頑張っているつもりなのに、なぜか仕事がうまく回らない……。そんな人は、頑張り方がちょっと間違っているのかもしれません。 仕事がはかどる3つの黄金比「2：8」「4：1」「52：17」を知って、力の入れ方を少し変えてみれば、仕事の進めやすさにきっと驚くはず！　さっそくご説明しましょう。 話すときは「2：8」を心がけよう 「チームで打ち合わせをしたけど、時間内に話がまとまらなかった。積極的に意見を出しまくったのに……」 「雑談を盛り上げようと一生懸命しゃべったけど、なぜか相手の反応はイマイチ……」 このようなことがよくある人は、「2：8」を守って “話しすぎない” よう気をつけましょう。 今回ご紹介する「2：8」には2パターンあります。まずは、トヨタ自動車在籍時代に経験した会議術をまとめた『トヨタの会議は30分』の著者で、戦略コンサルタントの山本大平氏がすすめるこちら。 会議では…… 「話

Windows 10Node.js 10.15.3mocha 6.1.4chai 4.2.0request 2.88.0

Figmaは、ブラウザ上から利用できるデザインアプリですが、特にチームでの共同デザインプロジェクトに最適なツールと言えます。 さらに、「こんな機能があればいいのに」というときも、プラグインを利用することで、自分好みにアプリの使いやすさをカスタマイズできる点も人気の理由のひとつです。 今回は、何千とあるプラグインの中から、実際にインストールしてみたWeb制作の作業効率がアップする便利なFigmaプラグインやツールをまとめてご紹介します。 自分だけの「最強」Figma、はじめませんか。 Figmaって何？ Figmaには、本格的なイラストも描くことができるベクターツールをはじめ、ウェブサイトのプロトタイプ作成機能、完成したデザインをWeb用HTMLに変換など、デザインプロジェクト全体を通して必要なツールが揃います。 Figmaはブラウザ上でデザインを行うため、共同作業によるリアルタイムのコラボ

登大遊氏、日本は「超正統派」のICT人材を育成すべき。そのために、自由な試行錯誤を許容するインチキネットワークの普及に取り組む（前編）。JaSST'22 Tokyo 2022年3月10日と11日の2日間、ソフトウェア業界のテスト技術力の向上と普及を目指すイベント「ソフトウェアテストシンポジウム JaSST'22 Tokyo」がオンラインイベントとして開催されました。 イベントの最後には、招待講演として登大遊氏による講演「世界に普及可能な日本発の高品質サイバー技術の生産手段の確立」が行われています。 登氏は講演で、優れたICT技術を日本から生み出すためには「超正統派」なICT技術者を育てるべきであり、そのために登氏自身が中心となって登氏が「インチキネットワーク」と呼ぶ、固定IPアドレス取り放題でBGPで遊べる自由な試行錯誤を許容するネットワークとコンピューティングの環境を、IPA（独立行政法

こんにちは。N 予備校 Webフロントエンド開発チームの中村です。 TypeScriptを使用しているプロジェクトでコンパイラの設定を変更したら既存のソースコードがコンパイルに通らなくなった……という経験はないでしょうか。 先日あるリポジトリでnoUncheckedIndexedAccessというコンパイラオプション（TypeScript4.1以降で使用可能）を有効化した1ところ、既存ソースコードの200箇所以上がコンパイルエラーになりました。これを全て手作業で直すのは大変ですし、その間にも直さないといけないコードは増えていくかもしれません。 そこでTypeScriptのCompiler APIを使用し、コンパイラから得られるコンパイル時のエラー情報を利用して@ts-expect-error2を挿入するスクリプトを作成しました。その過程と結果を書きましたので、次のような方々の参考になれば幸

Windowsでは使用しない不要なサービスをあらかじめ停止することで、PCの動作を軽くしたり、不要な通信を止めてセキュリティを強化することができるようになります。 その為、Windows Serverなどでは不要なサービスを整理して停止しておくことがあります。Windows Serverはその辺があんまり考慮されておらず、Windows10の不要なサービスが起動していることがあります。 そして、Windows10、Windows Server 2016でGUIで無効化できないサービスがありますので、紹介します。 Windowsのバグではないかと思ってしまいますが、ホストの同期、OneSyncSvc_数字サービスを無効化する方法を紹介します。 これを「サービス」スナップインや「SC.EXE」コマンドを使用して、サービスのスタートアップを変更しようとすると、サービスは「パラメーターが間違ってい

フロントエンドを構築するにあたって必須となるプログラミング言語、JavaScript。 専業プログラマ以外も扱うことが多く、ブラウザさえあれば動作を確認できるという点で比較的とっつきやすいプログラミング言語といえます。しかしJavaScriptの言語仕様は、多くの初心者を混乱させる落とし穴も多く潜んでいるのです。 今回はJavaScript初心者が失敗しがち/間違えがちなことを8つピックアップしてみました。 1. 型の違いで想定外の挙動になってしまう JavaScriptは「動的型付き言語」と呼ばれる、実行時の値によってデータ型が決まる言語のひとつです。動的型付き言語では、プログラマはコード中に型を書く必要がないので、初心者には「型」という用語自体がピンと来ない人もいるかもしれませんね。 JavaScriptのデータ型には「真偽値」「数値」「文字列」「シンボル」「undefined」「nu

本名：西村博之 1976年、神奈川県生まれ。東京都に移り、中央大学へと進学。在学中に、アメリカ・アーカンソー州に留学。1999年、インターネットの匿名掲示板「2ちゃんねる」を開設し、管理人になる。2005年、株式会社ニワンゴの取締役管理人に就任し、「ニコニコ動画」を開始。2009年に「2ちゃんねる」の譲渡を発表。2015年から、英語圏最大の匿名掲示板「4chan」の管理人になる。2021年、自身のYouTubeの切り抜き動画の再生回数は、月間3億回を突破。主な著書に、45万部を突破した『１％の努力』（ダイヤモンド社）がある。 1％の努力 世界のインターネット業界に莫大な影響を与えた男、西村博之。謎に包まれた生い立ちから思考形成、学生起業、ネット界での成功まで、その人生を縦横無尽に語り尽くす！ 最盛期1000万人ユーザーを獲得した「２ちゃんねる」や、一時は日本最大規模を誇った動画サービス「ニ

async-lockを使ってサーバサイドで排他制御させる方法です。排他制御を使えば同時アクセスよるデータの不整合を防げます。本記事で扱うモジュールのバージョンは次のとおりです。 Node.js - 14.16.0 express - 4.17.1 async-lock - 1.3.0 インストール 次のコマンドを実行します。 npm install async-lock 以降は使い方になります。 execute function を使う場合 コールバック関数を抜けてからロックが解放されます。execute functionでのエラーをコールバック関数で判定する必要があります。 実行結果 node async-lock-sample-execute.jsを実行し、ブラウザから/start-lock > /start-lock2の順に実行した場合の実行結果(ログ)です。 16206946945

GraphQLをNodeJSとExpressで試してみました。10分くらいでできますので、実際に動かして雰囲気をつかんでみたいって方にオススメします。 はじめに 最近GraphQLに興味が湧いています。ちょっと試してみたくなったので、チュートリアルをやってみました。思いのほか簡単に試せたので紹介したいと思います。10分くらいでできますので、ぜひやってみてください。 参照したのはこちらのチュートリアルです。 Creating A GraphQL Server With Node.js And Express GraphQLとは GraphQLは、一言で言えば「必要なデータを過不足なく、一度に取りだす」ことのできるクエリ言語です。 http://graphql.org/ GitHubをはじめ多くのサービスでサポートが表明されています。流行っているようでいて、でもそれほどでもないような。しかし微

はじめに 最近金髪から黒髪に戻して更生しました藤井（フロントエンドエンジニア）でございます。久々にテックブログに貢献させて頂きます！ 今はメインの施工管理機能の改修の傍ら、新機能開発にも携わっておりまして、フロント側はSSRモードのNuxtを採用しております。さて、そんな中SREチームから「フロントエンドがメモリリークしていませんか？」との通報が入りました。 いやいや、そんなハズは・・と思いながらもDatadogを見てみると見事にメモリ消費量が右肩上がりに増えていってます。なぜじゃ・・・。 調査開始 メモリリークになるような処理を入れた覚えはないぞ！と思いつつも調査開始です。ひとまずChromeのDevtoolでPerformanceやMemoryタブを見ながら確認しますが、これと言って原因が見つかりません。 おかしい・・。なんでだろう。 あれこれ試しましたが解決せず、ほぼ1日消化しました

2022年2月15日 JavaScript, Webサイト制作 手書きのものってどこか温かみがあって親近感がわきますよね。今回はそんな手書き風のUIを実装できるJavaScriptライブラリーを紹介します！ ↑私が10年以上利用している会計ソフト！ Rough Notation Webサイト｜GitHub テキストの一部を強調したり、注釈を入れたいところに手書き風マーカーを追加できます。まさに今書いてます！というようなアニメーションも面白いですね。 導入方法 JavaScriptファイルで import { annotate } from 'https://unpkg.com/rough-notation?module'; または npm でインストールします。 npm install --save rough-notation 実装方法 基本的には実装したい要素を指定して、装飾を指定し、

SASL とはSimple Authentication and Security Layer の略です。RFC4422 で定められています。 Web (http) やメール (SMTP, POP3, IMAP) 等では認証が必要になるケースが多いですが、アプリケーション開発者が毎回わざわざ認証モジュールを 1 から作るのはナンセンスです。 SASL は認証 (Authentication) のやり取りと認証情報の保護 (Security) に関する仕組みをあらかじめアプリケーションが使いやすいようにプラグインとして用意しているフレームワークです。 これにより、アプリケーション開発者は認証に関する開発は行わなくて済みます。 SASL を通して以下の 3 つのセキュリティ機能を提供します。 通信相手が正しいこと (認証: Authentication)通信が改竄されていないこと (完全性:

シングルサインオン(SSO)とは一般的なシステムでは、各サーバ毎にユーザ ID とパスワードを各サーバが持っています。 AD 連携、LDAP 連携や、さらにそれを束ねる統合 ID 管理ソリューションによって、ID / パスワードを共通化することもできますが、この場合でも各サーバそれぞれに対してログインプロセスが必要になります。 シングルサインオン環境を構築すると、通常は各々で認証が必要な複数システム (サーバ) に、1 つ認証したら他の全てのシステムでは認証プロセス無しにログインできるようになります。 Windows の SSO (ActiveDirectory)企業内システムで一番身近な SSO は ActiveDirectory です。 ドメイン参加した Windows 端末にて、ActiveDirectory に登録されたドメインユーザでログインすると、Kerberos というプロト

どんなに勉強しても一向に成果が出ないと嘆くあなたは、もしかして間違った勉強法を取り入れているかもしれません。いますぐやめるべき、完全アウトな勉強法を5つ紹介しましょう。 アウトな勉強法1：「時が来るまで動かない」 精神科医の樺沢紫苑氏によれば、やる気が出るまでジッと待つのはダメな勉強法なのだとか。「ひとつだけ問題を解く」「1ページだけ教科書を読む」など、少しでも脳を働かせることで “意欲に関わる脳の側坐核” が刺激されるからです。やる気を出すために側坐核を刺激したいなら、とにかく作業を始めるよう同氏はアドバイスしています。 また、樺沢氏によると、側坐核は手足を動かす運動でも刺激されるのだそう。じつは、2015年10月2日付の米科学誌『Science』電子版に掲載されたこんな研究があります。脳の側坐核の働きを抑制されたニホンザルは、運動野（運動に関わる脳領域）の活動が低下して、器用に手を動か

こんにちは。ソウゾウのSoftware Engineer(CTO)の@suguruです。連載：メルカリShops 開発の裏側 Vol.2の1日目を担当させていただきます。 去年、2021年に開始した メルカリShopsの技術スタック についての記事を書きましたが、今回はリリースまでに採用した技術スタックが、半年通してどのようにアップデートしてきたかを共有したいと思います。 ローンチ時に採用した技術が、実際の運用でどのように変遷したのかを共有することで、技術スタックを考える際の何らかの参考になれば幸いです。 monorepo メルカリShops ではサービスに必要なコードを1つに集約する monorepo を採用しています。リリース後半年たってコード量はかなり増えてきましたが、monorepo に対する満足度は非常に高く、うまく機能しています。 サービス全体の見通しが良くなることと、すべての

米Googleは2月3日（現地時間）、教育機関で使用されているChromebookを学生自身の手で修理できるように支援する「Chromebook repair program」を米国で開始し、その一歩として、Chromebookを製造販売している台湾Acerと中国Lenovoの協力を得て、機種ごとの分解／修理マニュアルを公開した。 Googleによると、Acerなどのメーカーは既に学校でChromebookを修理する方法を教える教室を開講しているという。その結果、学生が修理センターを運営している学校も存在する。Googleはその学校の事例をまとめた文書と、どうすれば学生による修理センターを立ち上げることができるのかを説明する文書も公開した。

今回は、WSL2のカーネルをコンパイルして差し替えてみる。Linuxは自分自身でカーネルのコンパイル、差し替えができるようになっているが、いくつか準備もある。手順としては誰でも可能な方法にしているが、記事量の関係もあり、Linuxカーネル自体について細かく説明できない。Linuxカーネルのカスタマイズに関しては別途解説することとし、今回は準備と手順を解説する。 カーネルをコンパイルするための準備 WSL2用には、マイクロソフトがパッチを当てたカーネルが必要だが、そのソースコードはGitHubで公開されている。このため、コンパイルに必要なパッケージをインストールしたら、gitコマンドでソースをコピー（clone）してくれば、あとはmake（Linux／Unix系のソフトウェア開発用コマンド）がなんとかしてくれる。 まずは、必要となるパッケージのインストールだが、その前にディストリビューション