私はベイジでエンジニアの教育を中心に携わっています。 ベイジのエンジニアは、入社後の1ヶ月で教材をもとに先輩からフィードバックを受けながら学び、その後は業務のサポート、案件の担当、とステップを踏み、独り立ちしていきます。私は、その教育課程で伸ばすべき能力が大きく2つあると考えています。 1つは、技術力。入社する時点での技術力に差があるのはもちろんのこと、入社後の成長速度にも差があります。これは各自のプログラミングに対する適正の差があるため仕方のないことであり、時間をかければ成長できるので長い目で見ていきます。 もう1つは、効率化。これは、ツールを使いこなしているか、無駄な時間を過ごしていないか、といった、技術力とは異なるスキルです。技術力はいきなり伸びませんが、ツールの扱いや効率をよくするためのノウハウは経験のあるエンジニアから伝授でき、初学者は覚えて実践するだけなので、誰にでもできる即効

デザイナーの池田です。 ベイジは、プロジェクトの初期に「コミュニケーションの約束」をクライアントと交わしています。その一つに「メール連絡の際は、CCにベイジのメーリングリストを追加する」という項目があります。 これは、担当者が不在でも、代わりのメンバーが一次回答できるようにするためです。一方で、職種関係なく、すべてのプロジェクトのメールを閲覧することができる状態になります。 私は、いつもディレクターさんのメールを参考にしており、その中で、気が利くポイントがあるなと感じたので、いくつかご紹介しようと思います。 1. 具体的な日にちを記載する 例えば、クライアントに確認してほしい締め切り日を提示する場合があります。そのときに「明日」や「来週の月曜日」と書くどうでしょう。メールを見るタイミングによっては、認識違いが発生したり、カレンダーの確認が必要になってしまいます。次のように、具体的な日付を記

デザイナーの池田です。 ベイジといえばBtoBサイトの印象があるかもしれませんが、実は採用サイトも多く手掛けています。 採用サイトの案件では、ほぼ確実に撮影が発生します。そのため、担当するデザイナーは、撮影にも立ち会い、ディレクションする必要が出てきます。 撮影といっても、何を撮るかによって撮り方も進め方も変わりますが、採用サイトを含む採用目的の撮影となると、以下の条件が前提になってきます。 モデルは社員（プロのモデルではない） モデルは通常、仕事の合間に撮影に参加 日常的な服装やメイク オフィスなどの職場が撮影場所 非日常的な演出より日常の再現 求職者に職場のリアルな雰囲気を伝えるのが一番の目的になるため、日常の自然な風景をカメラに収める必要があるのと、モデルが一般の会社員になるため、スムーズかつ短時間で撮影が済むようにナビゲートしなければなりません。 本記事は、私たちが採用サイトの撮影

チーム・ジャーニー発刊イベント「チームは果たしてジャーニーできるのか？ 現場ジャーニー・プレイド編」での登壇資料です。 https://devlove.doorkeeper.jp/events/104165

2020/03/03 に富士通本社で行われた、富士通TechLiveに発表資料です。 コロナウィルスの影響で、リモート発表になりましたが、当日は800人以上の方に同時視聴していただきましたRead less

本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はWebページの一部分を部品として再利用できるコンポーネント機能を説明しました。今回は、Webページの入力内容や表示内容といった状態を集中管理できるVuexストアについて説明していきます。 はじめに Nuxt.jsは、Webページのユーザーインタフェース（UI）フレームワークであるVue.jsに、Webページの作成に必要なUI以外の追加機能をまとめて提供するフレームワークです。 Webページを複数のコンポーネントに分割できるJavaScriptフレームワークでは、あるコンポーネントの状態（入力／表示内容）を他のコンポーネントで利用する場合、不整合なく状態を共有する仕組みが必要とな

Googleトレンドのトピックの推移 Vue.jsのメリット 学習コストが低い 公式ドキュメントがしっかりしている 日本語ドキュメントが多い 軽量なフレームワークである 基本機能に絞ることで簡単に作れる DOM操作を自動的に行ってくれる 小中規模のWebサイトを作るのに向いている SPA（Single Page Application）開発につよい 簡単かつシンプルで日本語ドキュメントもある！！→社内システムを作るのにちょうどいい Vueの勉強の仕方 公式サイト:https://jp.vuejs.org/index.html 勉強を始める前になぜ Vue.jsの動画を見ると感覚的に理解できる 有名な本 amazon:https://www.amazon.co.jp/s?k=vue&__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&ref=nb_

This domain may be for sale!

テクニカルソリューションアーキテクトの金澤 (@ketancho) です。これから定期的に “How to be a Developer” カテゴリに記事を書かせてもらいますので、よろしくお願いします ! 私の普段の仕事については、この記事の最後に簡単ですが紹介しておりますので、よろしければ最後までご覧いただければと思います。 先月の builders.flash 公開の少し前に、「学生やこれから開発者を目指したい人の背中を押す記事を書いてみない ??」という話をもらいました。私自身、これからエンジニアを目指す方への支援はとても興味のある分野で、昨年は小学生から高校生が対象のものづくりのアワードの審査員（と書くと偉そうですね..）をさせてもらっています。そういう背景もあり、 builders.flash に寄稿させてもらうことになりました。 さて、何から書こうかなーと悩んでいたわけですが、

ニューモーフィズムとは、要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順でデザイン・実装する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実践できます。 Neumorphism (Soft UI) in User interface design - Tutorial by Kanhaiya Sharma 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 新しいトレンド「ニューモーフィズム」 ニューモーフィズム

日々の失敗を反省し改善していくことで、人は成長できるわけですが、なかには「失敗するとひどく落ち込んでしまい、反省するのがつらい」という人もいるはず。ですが、そんな人でも「KPT法」という振り返りのフレームワークを使えば、前向きに日々の振り返りができ、改善につなげることができますよ。 今回は、KPT法とはどういうもので、どんなメリットがあるのかを、わかりやすく解説していきます。筆者が実際にKPT法をやってみましたので、その模様も画像つきでご紹介しましょう。 KPT法とはなにか KPT法とは、取り組んでいる仕事や活動を改善するための振り返り方法のひとつ。現状を見直す際に、「Keep（このまま継続すること）」「Problem（課題）」「Try（解決策）」という3つの項目、すなわち「KPT」を書き出し、今後どうするかを考えるものです。シンプルな手法でありながら、ひとりでも集団でも活用できるうえに、

今回は、Corey Haines（@coreyhainesco）氏の「How I launched a profitable job board with no-code tools in 3 weeks」という記事を、本人の許諾を得て翻訳・掲載しています。 およそ12,000字の長い記事なので、かんたんに内容をまとめると下記のようになります。 翻訳元記事の筆者はスタートアップでマーケティングを本業としている。 自身の経験から、マーケター専用求人サイトに需要を見出し、開発に着手。 非エンジニアでコードは書けないので、ノーコードツールを駆使して開発。 持ち前のマーケティング力でサイトを成長させる（Product HuntやTwitterで初期ユーザーを獲得し、SEOやメーリングリストで継続的成長）。 具体的な金額は非公開だが、一定の収入源にはなっている。 いわゆる個人開発のお話になります。翻

みなさんはHomebrewをお使いでしょうか。macOSをお使いの多くの開発者が使っていると思います。 HomebrewのインストーラーはRubyで書かれており、次のコマンドでインストールするようになっていました。 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" HomebrewがRubyに依存していることは良いのですが (formulaの書きやすさはRubyならでは)、インストーラーの話になると事情が変わってきます。HomebrewのインストールコマンドはmacOSの工場出荷状態でも動く必要があります。こういうものにRubyを使っているのはリスクがあります。 将来的にmacOSデフォルトにRubyやPythonが含まれなくなる (参考リンク

はじめに Git Submoduleについて自分で分かった範囲をまとめてみます。 同じような記事が沢山ありますが、バージョンが違うからか微妙に動作が異なっていたり、自分の思うようにいかない部分があったために記事にしました。 Gitのバージョンは、 Git Shell git version 2.11.0.windows.3 (GitHub for Windwos 3.3.4.0) になります。 要件 親プロジェクトで、子プロジェクト(サブモジュール)を使いたい。 親プロジェクトでは、常に最新版の子プロジェクトを使う。 親プロジェクト側からも子プロジェクトを更新したい。 親プロジェクトは、公開する。 子プロジェクトは、公開しなくても良い 子プロジェクトは、それ単体でバージョン管理している。 子プロジェクトをサブモジュールとして扱う。 3つ目の条件は、あまりよくないかもしれませんが個人のプロジ

Nicolas Carlo ソフトウェアクラフトマンシップに情熱を捧げ、アジャイルプロジェクト管理、フロント/バックエンドの知見もあわせ持つWeb開発者。 この記事は、著者の許可を得て配信しています。 https://understandlegacycode.com/blog/5-arguments-to-make-managers-care-about-technical-debt/ 経営陣はレガシーコードをリファクタリングさせません！ あなたは自分の現在の状況を把握できていますか？すごくイライラする状況にいるのではないでしょうか。 開発者として、すでに問題が出ている点を修正することに興味がないマネージャーはたくさんいます。 新機能、緊急リリース、バグの修正…そのめちゃくちゃになっているコードベースのリファクタリングを先延ばしに言い訳はいくらでもあります 😭 正しいコードのメリットを説

こりま @korimakorima 次の007脚本にも入ってる天才フィービー・ウォーラー＝ブリッジが提唱する「ニンジャ理論」、「シナリオを書いていて、そのシーンに突然忍者達が現れそこにいる全員をバッタバッタとなぎ倒しやっつける。それでより面白くなると思ったら、そのシーンはダメ」脚本を書く予定がなくても覚えておきたい。 2020-02-25 12:09:25

「転職透明化らぼ」というコミュニティで、翔泳社様主催のデブサミ2020で登壇させて頂きました。その資料を公開したいと思います。 エンジニアが、採用活動を始めるにあたって、まずはジョブ・ディスクリプションを整理することから始めることが多いと思います。 その経験を通して気づいたことをまとめました。 Developers Summit 2020 https://event.shoeisha.jp/devsumi/20200213/session/2366/

FindyFindyブログエンジニア採用【CTO・エンジニアマネージャーに聞いた】エンジニア組織で大切なのは「その会社らしさ」と「納得感」。エンジニア評価制度運用まとめ 【CTO・エンジニアマネージャーに聞いた】エンジニア組織で大切なのは「その会社らしさ」と「納得感」。エンジニア評価制度運用まとめ 2020.02.20 Findy Teamsの石川（@HRBizDev1）です。 前回、企業の成長フェーズにおける5段階別エンジニア組織の課題と取組事例を書き、様々な方からの反響をいただきました。 今回は上場企業から創業初期のスタートアップまで、様々なフェーズの企業数十社のCTOやVPoEへヒアリングを重ねる中で感じた「エンジニアの評価制度を運用する上で大切なポイント」について書いてみました。 評価制度の運用を考えるにあたって、今回の記事が少しでもエンジニア組織運営の参考になりますと幸いです。

はじめに HTML＋CSSコーディングにおいて、「どのように要素を特定してスタイリングするのか」というCSS設計上の課題に対し、「ひとつ上の視点で思考できる概念図」を紹介します。 この図を用いることで、3種類の異なるスタイリングアプローチ（OOCSS方式 / 包括要素基点方式 / BEM方式）の本質を一度に俯瞰できるため、全てを同じ枠の中で捉えられます。そして、最終的には種別や規模の異なるサイトやプロジェクトに対し、同じメソッドを使ってそれぞれ最適な設計がおこなえるようになります。 ※この記事は標準化ノウハウ公開の一環として書いています。 仕組みの概要や前提事項などについては「UltimateCoding 概要・前提事項」のエントリをご確認ください。 経緯 / 制作者中心のデータ分類 そもそもですが、HTMLとCSSは目的も仕様も異なる言語です。 HTML+CSSコーディングを一般的な視点

こんにちは、SWETの鈴木穂高（@hoddy3190）です。 私はこちらの記事に記載の通り、形式手法の可能性を模索しています。 現在はツールやゲームの仕様を形式的に記述すること（形式仕様記述）で、仕様の欠陥をなるべく早く見つける取り組みにチャレンジしています。 今回は仕様記述をするにあたりよく使う重要な記述テクニックである「Promotion」を紹介します。 形式仕様記述とAlloyというツールを知っている人を対象にしています。 もし形式仕様記述やAlloyをご存じない方は、以前私がbuilderscon tokyo 2019で発表したときに使った資料をご覧ください。 Promotionとは 一般にソフトウェアシステムは複数のコンポーネントから構成されます。 システム全体としての状態（以下、システム状態）は各コンポーネントの状態の組み合わせからなります。 たとえどんなに奥深くのどんなに小さ