横浜市内の登山グループ「葉月山の会」が、神奈川県内の１００の山を「かながわ百名山」として選定した。最高峰の丹沢・蛭ケ岳（１６７３メートル）から海辺の岬や島まで含むバラエティー豊かな選定となっている。 同会会員の登山愛好家、樋口一郎さん（６０）にそれぞれの山の特徴を紹介してもらった。山歩きの参考になる情報満載です。

データをテーブル表示するライブラリ『Grid.js』を使ってみたので共有します。 テーブルタグを使って自前で実装すると面倒なソート機能や検索機能や大量データへの対応がカンタンに実装できます。「テーブル表示をするならとりあえず使っとけ」くらいの気持ちで使ってみるのもアリだと思います。 今回はテーブルを表示して行毎に編集ボタンを表示するまでの手順を説明します。 この手順で、用意するファイルはHTMLファイル1だけ、操作はコピペだけでカンタンに使えるので良かったら試してみてください。 Grid.jsとはGrid.jsは、無料でオープンソースのJavaScriptテーブルプラグインです。 特徴は以下の通りです。 本家サイトから引用しています。 React、Angular、Vue、VanillaJsを含むほとんどのJavaScriptフレームワークで動作する ファイルサイズが小さい (12kb) 動

以前の記事で、Spring BootのソースコードからOpenAPI仕様のフォーマットのAPI定義書のYamlファイルを生成するようにしました。このYamlファイルを受け取ったフロントエンド・エンジニアはバックエンドの仕様を確認しながら開発を開始できるようになります。 しかしながら、バックエンドの開発が進んでも、フロントエンド開発チームが想定している仕様が遵守される保証はありません。実際、多くの現場ではバックエンド開発チームが断りなくAPI仕様を変更したものをデプロイする事がよくあります。その結果、アプリケーションが動作しなくなり、原因究明のためフロントエンドの開発がストップしてしまいます。 このような事態を防ぐにはどうしたらよいのでしょうか？ まず、フロントエンド(コンシューマ)側が想定しているAPI仕様に基づいてAPIのテストスイートを作成します。そして、バックエンド・サーバ(プロバイ

はじめに マイクロサービスで、E2Eテストを書く際にマイクロサービスが依存するマイクロサービスを立ち上げるのが面倒だったり、時には現実的では無い場合があるなぁと最近感じてます。 そんな中でConsumer Driven Contract（CDC）という考え方を耳にはさみ、調べてみるとSpring Cloud Contractと言うプロジェクトでCDCをサポートしているということを知り、その機能を試して見ようと思います。 このブログでは以下のことを目指します。 CDCの概要を学ぶ Spring Cloud Contractの基本的な機能を利用してCDCしてみる Consumer Driven Contract(CDC)とは？ マイクロサービスアーキテクチャにおいて、マイクロサービスAのE2Eテストしたいと考えた際に、マイクロサービスAがマイクロサービスBに依存していて、更にそのマイクロサービ

近年、ITシステムの開発においてマイクロサービスアーキテクチャを採用するケースが増えています。James Lewis / Martin Fowlerが提唱している通り、疎結合なサービスの組み合わせでシステムを構成することで様々なメリットをもたらします。一方で、従来のモノリシックアプリケーションの開発にはなかった難しさがあり、プロジェクトを円滑に推進するためには相応のノウハウが必要です。特にテストについては「やり方」を事前整備しておかないと、品質不良やスケジュール遅延につながりかねません。この不定期連載では、マイクロサービスアーキテクチャを高精度・高生産性で実現するテスト技法をご紹介します。 第1回目の今回は、サービス間のインターフェース仕様をテストする「CDCテスト」の概要をご紹介します。 マイクロサービスアーキテクチャとインターフェース仕様の課題 従来のモノリシックアプリケーションに比べ

ROKI@お子のお手伝いさん @roki_kowloon69 ｢産後の肥立ち｣ね… 上のお子が5歳の頃に 下のお子が産まれたのだけど その頃 同居のﾜｼの母が ｢産後の肥立ちが明けるまではあんまり無理しちゃだめなんだよ｣と言い聞かせてたから 何となく覚えてた＋助産師さんに憧れてるのでそれで改めて学習したのもあるんだなぁ…(   ◜ω◝ ) 2024-04-22 20:36:46 ROKI@お子のお手伝いさん @roki_kowloon69 ﾜｼが犬に噛まれた時の痛さのエピソードやら 旦那氏が蜂に刺された時にばあちゃんにまむし焼酎ぶっかけられた時のエピソードやら そういう話が作品の肥やしになってて あとはスマホ様がかなり活躍してて ﾜｼより使いこなしてるよね…(   ◜ω◝ ) 2024-04-22 20:39:14

「振り返りがうまくできない」、「振り返りをしていても、次に生かせていない」と悩んだ経験はありませんか？そんなみなさんに、すべての経験を学びに変え、成長につなげるために有効な「リフレクション」という力をご紹介します。 リフレクション（Reflection）とは、自分の内面を客観的、批判的に振り返る行為であり、日本語で言うところの「内省」です。経済産業省が提唱する「人生100年時代の社会人基礎力」としても重視されています。 ※本記事の内容は2021年3月19日発売の『リフレクション 自分とチームの成長を加速させる内省の技術』より一部抜粋したものです。メタ認知力を高めて自分を知る リフレクションには、あらゆる経験を学びに変え、自分をアップデートしつづける力があります。しかし、ただやみくもに取り組んでも、理想を実現するための知恵や気づきは手に入りません。 注意しなければならないのは、リフレクション

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を

みなさんご存知の通り、スクラムの基本単位はスクラムチームという小さなチームです。 サイボウズという組織の内外でスクラムマスターとして約8年の試行錯誤を重ね、組織全体をアジャイルにするためには、組織の基本単位をスクラムチームのような自律的な小さなチームにすることが何よりも重要だと考えることになりました。 チームが重要であることはその通りですが、組織を見渡してみると、必ずしもすべてのチームがスクラムを実践しているわけではありません。スクラムを指導したいわけではなく、自律的に活動する小さなチームを作りたいのです。チームやチームワークに関する情報は巷に多く存在しますが、我々のようにすでにある程度の規模で活動しているプロダクト開発組織で、チーム環境を整えるために実践的に使える情報は存在しませんでした。 そこで、これまでのチームに関する学びと実践を踏まえ、サイボウズの開発組織の文脈において、スクラムを

始めに 私が「Vimはいいぞ」って言っていると、「どうやって始めたらいいですか？」という質問がたまにあります。 今回はそんな人に向けて、「Vimの始め方指南書」になったらよいなと思って書いていきます。 上記のVimmerレベルをベースに紹介していきます。 目標 Vimの流儀に沿った操作方法を覚える InsertModeでカーソル移動しない カーソル移動はNormalModeで行う カーソルキーは使わず、代わりにh/j/k/lを使う .vimrcを作成する 最低限の.vimrcを作成して、ちょっと快適に操作できるようになる プラグインのインストールを次のステップとして視野に入れる あくまでも視野に入れるだけ、プラグインのインストールはしない 非目標 Vim使いこなせるようになる この記事でそこまで誘導することは目標ではない プラグインをインストールする 目標でも記載しているが、プラグインのイ

a03🌗痩せろ @a03 「上手くいかなかったのはなんでだと思う？」 みたいに聞くと 「私が悪かったんです…私の能力不足です…」 みたいになっちゃうやつ これの対処法 is 何 質問がアカンのかね？ パーソナリティを責める気はサラサラ無く、仕事の話、仕事の進め方の話をしたいんよ　ってのが共有できてない？ 2024-04-16 17:34:57 鳥清あぎまる@てふまる @tehuyuka @a03 F外からすいません… 純粋に自分がマトモに出来てないんだ…申し訳ないなって思ってしまって「すいません…」ってめっちゃ言うタイプなんですが… 逆にこういう場合はどう返してほしいんですかね…？ 責められてるとかとは考えてないんですが…スムーズに行かなくて申し訳ないやら情けないやらで… 2024-04-17 08:31:30

PHPカンファレンス小田原2024 の発表資料です。 https://phpcon-odawara.connpass.com/event/296492/ https://fortee.jp/phpconodawara-2024/proposal/7c57d5ca-213a-4d7a-aaf0-26ddc44897f0

トラックボールの玉を交換するだけで仕事の効率が上がるなんて！2024.04.14 16:3566,903 中川真知子 2023年2月7日の記事を編集して再掲載しています。 数年前からロジクールの｢トラックボール 無線 M575S｣を使っています。機能には満足しているのですが、ボールの色に飽きてきちゃったというか、イメチェンしてみたくなったんですよね。 そこでゲットしたのが、ペリックスの｢PERIPRO-303 GBK 34 mm｣です。これ、本当に買ってよかった！ イメチェン以上の効果があったんですよ。 色はシックな黒ボールを滑らせた瞬間にわかりました。純正のボールよりなめらかさが違う。そして、マウス操作のスピードがアップしました。 輝きが違うこれは、ボールが光沢仕上げだからなんですって。それくらいで差がでるのかな、と思っていましたが、実際に使ってみると、微かな差を指が感じてくれます。 そ

ほとんどの人はだれかと恊働しています。マネージャーやリーダーであるなら、この割合はより大きくなります。 筆者は、仕事の重要な要素のひとつを「進捗を出すこと」と定義しています。そして進捗を出すには、進捗をただしく把握することも重要になってきます。 しかし「進捗を把握する」と言っても、想像以上に難しいと感じる場面が多々ありました。たとえば、 進捗はどうですか？ → 進行中です／〜をやっています なにか問題はありますか？ → とくにないです 〜までに終わりそうですか？ → たぶん大丈夫だと思います というようなやりとりは一般的なコミュニケーションだと思いますが、あまり有用な情報は得られていません。 この記事では、自身の経験則をもとに、進捗にまつわる良い情報をゲットするための具体的な質問を考えてみました。 なぜ進捗を把握すべきなのか 話の前に、なぜ進捗を把握すべきなのでしょうか。 それは良い計画づ

「仕事で成果を出す人」と聞いて、どのような特徴を思いうかべますか。 才流はコンサルティング会社であり、ビジョンとして「メソッドカンパニー」を掲げています。顧客へ価値を届けるにあたって、営業やマーケティング、新規事業などの専門知識はもちろん、ベースとして強固な「仕事力」が欠かせないと考えています。 本記事では、社内で実際に活用している仕事の進め方マニュアルの中身をテーマ別に厳選し、チェックリスト形式で紹介します。 ※本記事が多くの方々に読まれていることもあり、このたび内容を最新版にアップデートしました。 ビジネスパーソンの心得1. ビジネスの原理原則を理解するビジネスで価値を提供するためには原理原則が存在するビジネスの原理原則とは、相手＞自分であり、顧客＞外部パートナー＞自分であること具体的に表すと「顧客や社会、チームメンバーに価値を提供する→顧客や社会からお金がもらえる→自分たちの給与が出

// ExampleApp.vala public class ExampleApp : Gtk.Application { public ExampleApp () { Object (application_id: "com.example.App"); } public override void activate () { var win = new Gtk.ApplicationWindow (this); var btn = new Gtk.Button.with_label ("Hello World"); btn.clicked.connect (win.close); win.child = btn; win.present (); } public static int main (string[] args) { var app = new ExampleApp ()