＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 QiitaやZennなど、ITエンジニアさん同士での情報共有を目的としたメディア。正直、Webディレクターの私が見ていてもチンプンカンプンな内容が多いのですが、それでも読み物として勉強になるので、よく拝見しています。 読む専門のITエンジニアさんも多いかもしれませんが、個人的には、自身のノウハウは積極的にアウトプットしていくのをオススメします。 「人の役に立つから」「自分の認知を広げられるから」など理由はさまざまですが、一番はシンプルに「自分のスキルとして定

＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 タスク管理、得意ですか？ 自慢じゃありませんが、私は苦手です。あまり好きではありません。 Webディレクターとしては、プロジェクト管理・タスク管理は必須スキルなので、一般的には「上手にやれている方」なのかもしれません。ですがいまだに苦手意識は抜けないままです。 なんで苦手なのかなぁと思い返してみると、要因はいくつか思いつきますが、中でも最も根深い問題は「気持ちに頼りすぎる」という点にあるように思います。 【目次】 やる気の高いときに設定するから長続きしない

＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員として働きつつ、個人でブログ／メディアライターとして活動するパラレルワーカー。 iPhone・iPad・Mac・ITツールを用いて人々の生活をより豊かにするための活用術を提供する「デジタルライフブロガー」です。 Web制作に関わる人にとって、すでに公開されているWebサイトというのは非常に重要な勉強材料です。中には「こういった表現、次のプロジェクトで使ってみよう」「こういう見せ方いいなぁ。いつかやってみたい」と、いつか役立てたいサイトもあるでしょう。 そういった「参考サイト」は、自分だけのデータベース化しておくと便利です。私はNotionを使って、自分だけの参考サイト集を作成しています。 【目次】 自分だけの参考サイトギャラリーをNotionで作ろう 自分専用の参考サイトギャラリーを作る

どうも、まさとらん（@0310lan）です！ 今回は、JavaScriptをベースにしたWeb開発手法のトレンドを無料で学習できる海外のYouTube動画コースをご紹介します！ フロントエンドからバックエンドまでクオリティの高い動画コースを厳選しており、GitやFirebaseなどの予備知識も含めて多彩なコースをまとめました。 英語だから…と言って見ないのは非常にもったいないレベルの動画ばかりなので、ソースコードの動きをよく見ながらぜひ挑戦してみてください。 なお、JavaScriptの基本はpaizaラーニングの「JavaScript入門編」で学ぶことができますので合わせてチェックしてみてください！ ■Web開発の基礎を学ぶ まずはWeb開発を始める前に抑えておきたい基本的な知識を学習できる動画コースから見ていきましょう！ 主に、HTML / CSS / JavaScriptの3点を重点

どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単にスマホ・PC向けのモックアップ画像を作成してダウンロードできる無料のWebサービスを厳選してご紹介します。 単純な画像だけでなく、カメラアングルを自在に変えられるものやWebエディタによる高度な編集ができるものまで、幅広いジャンルで活用できるものを集めています。 ご興味ある方は、ぜひ参考にしてみてください！ ■超シンプルなスマホ向けモックアップ画像を作る 【 Mobile Mockup 】 スマホ用のデザイン画像やスクリーンショットなどをアップロードするだけで、ダウンロード可能なモックアップ画像を生成してくれる無料サービス。 オプションとして背景色やスマホフレームのテーマカラーを変更可能で、アップロードした画像はフレームへ収まるように調整もできます。ユーザー登録は不要なので、サイトにアクセスしてすぐに何度でも利用できるのが特

こんにちは。谷口です。 先日、オライリー社から『レガシーコードからの脱却――ソフトウェアの寿命を延ばし価値を高める9つのプラクティス』が発売されましたね。 弊社でもすぐ購入し、読みまくり、「これはリーダブルコードのように次世代のエンジニアのバイブルになる予感…」と言っているエンジニアもいたので、今回は本書の概要紹介と感想について書きたいと思います。 私の本書はすでに画像の通りふせん貼りすぎ下線ひきすぎ読みすぎでボロボロです。 レガシーコードからの脱却 ―ソフトウェアの寿命を延ばし価値を高める9つのプラクティス 作者:David Scott Bernstein発売日: 2019/09/19メディア: 単行本（ソフトカバー） 概要について 本書はどんな内容の書籍なのか、まずオライリー社公式サイトにはこう書かれています。 本書では、ソフトウェア開発において、初めからレガシーコードを作りださないた

どうも、まさとらん（@0310lan）です！ 今回は、膨大な量のAPIを横断検索できてそのままブラウザ上でテスト実行も可能なWebサービスのご紹介です。 元々はRapidAPIが提供していたサービスを楽天がパートナー契約を結んだことで、日本語でも利用できるようになりました。2018年末にはバージョン2.0となり改良も進んでいます。 APIの開発者やWeb開発に興味のある方は、ぜひ参考にしてみてください！ 【 Rakuten RapidAPI 】 ■「Rakuten RapdAPI」の使い方 それでは、実際に使いながらどのようなサービスなのかを見ていきましょう！ 最初に、トップ画面から【新規登録】ボタンをクリックしてユーザー登録を済ませておきます。 メールアドレス・パスワードなどを設定すればすぐに登録できます。 （※GitHubやGoogleアカウントでも登録可能です） 登録が完了したら、す

Photo by Matthew Pearce 高村です。開発チームのエンジニアリーダーをしています。 少し前に7payのサービス停止が話題になりましたが、これに限らずIT系の炎上プロジェクトの話題は常に絶えませんね。私も前職はメーカー系の大手SIerにいて、よその炎上プロジェクトの助っ人に行きまくっていました。 誰だって炎上プロジェクトにはかかわりたくないとは思いますが、いかんせんSIer的な業界構造やビジネススタイルには、個人の努力だけでは解決しきれない問題を抱えています。 というわけで今回は、IT業界の構造がどうなれば問題解決につながるのだろう…という話を、エンジニア目線で考えてみました。 現実的にはなかなか難しいこともあるかと思いますが、元SIerのエンジニアの個人的な考えと思って読んでいただければと思います。 ちなみに炎上プロジェクトの助っ人に行っていたときの具体的な話はこちらの

どうも、まさとらん（@0310lan）です！ 今回は、Mozillaが提供する仮想世界を自ら作り上げることができる無料のWebサービスをご紹介します！ ブラウザからアクセスするだけで誰でも簡単に使うことが可能なうえ、Unityライクな操作感で3Dモデルを配置していくことができます。 さらに、友人・知人を招待して自分が作った仮想世界の中で遊ぶことも可能なので、ご興味ある方はぜひ参考にしてみてください！ 【 Spoke 】 ■「Spoke」の使い方 それでは、Spokeがどのようなサービスなのか詳しく見ていきましょう！ まず最初にトップページにある【Get Started】ボタンをクリックします。 （※この時点ではユーザー登録などは不要です） テンプレートの選択画面が表示されます。 今回は、画面を下の方向へスクロールすると表示される【新規プロジェクト】の作成ボタンをクリックしてみましょう。 す

Photo by University of Minnesota Duluth こんにちは。倉内です。 先日弊社の編集担当が、「プログラミング未経験から学習始めたら結構向いてたみたいでスキルチェックでAランク取ったよ」という記事を書きました。 文系出身おじさんがプログラミング未経験からGASおじさんになるまで - paiza開発日誌 私はその人とはいろんな意味で正反対で、中学生のときに初めて買ってもらったパソコンでWebサイトの作成・公開をしてみて面白いなと思い、高校時代にはIT業界に行きたいと思って理系を選択して、大学では工学部情報学科に進みました。 しかし、大学の授業で「自分はあんまりプログラミングには向いてなさそうだから、これだけで生きてくのは厳しいかもしれないな…」と気づいて、「じゃあ技術とそれ以外の合わせ技でいこう」と考えて大手のSIerでSEになりました。 結局SEになってから

Photo by CafeCredit.com こんにちは、谷口です。 転職に興味のあるエンジニアのみなさん、企業選びの条件や優先度などについては、きちんと考えられていますか？ たとえば、自分の中で譲れない条件は何なのか、年収はどれぐらい必要なのか…。これらをきちんと考えずに転職してしまった方から 「収入より仕事の楽しさを優先したい！」と思って年収を大幅に下げて転職したら、お金がなくなってきた… 「年収さえ上がればいい」と思って転職したけど、仕事が楽しくなくてつらくなってきた… などといったご相談を受けるケースもよくあります。 つらい悩みですが、これらは転職前に「自分の中で何が一番重要なのか」「各条件の優先順位はどうなっているか」「転職して何をかなえたいのか」といったことを考えられていれば、避けられた問題かもしれません。 というわけで今回は、こうした転職後のミスマッチを防ぐためには、条件や

Photo by Wonderlane こんにちは。倉内です。 ITエンジニアを対象にしたアンケート調査で、今の職場環境や仕事内容に不満を感じていると答えた人が挙げた理由でもっとも多かったのが「仕事上の評価が正当でないと感じるから（給料が安い）」という結果が出ています。 でも正直なところエンジニアの評価って難しいですよね…。技術力で測るといっても、「そもそも技術力とは？」に対して簡単に答えを出せるなら苦労しません。 エンジニアの仕事は短期間で結果が出ないものも多いですし、コードが書ければ業績や経営課題への貢献度を一切考慮しなくていいのかという悩みもあります。ましてや頑張り度なんかで測れるものでもありません。 ただ、最近はさまざまな企業が評価制度を公開していて、技術力をどういった定義で評価しているか、制度としてどのような工夫がされているか…などを知ることができます。 そこで今回は評価制度を公

Photo by Stavros Charakopoulos こんにちは。倉内です。 IT業界の転職市場は依然として売り手市場が続いており、エンジニアの採用に苦労されている担当者の方も多いのではないでしょうか。 先日「｢中途入社組がすぐ辞める｣日本企業の深刻実情」という記事が話題になりました。 IT業界も例外ではなく、ようやくエンジニアを採用できたにもかかわらず、入社後に短期間で退職されてしまったというケースは頻繁に見られます。 そこで今回は、日本でも導入企業が増えつつある「オンボーディング」という取り組みに注目し、中途採用したメンバーの短期退職を防ぐことはもちろん、早期に組織の一員として活躍してもらうために企業は何をすべきか考えていきたいと思います。 中途採用者が定着しない原因 企業が中途採用をおこなう理由は何でしょうか？　退職者が出て急いで欠員を補充したい、事業を拡大するので人を増やし

Photo by Simon Cunningham こんにちは。谷口です。 paizaはITエンジニアの転職・就職サービスなので、エンジニアを募集している企業の採用担当の方から「エンジニアがほしいのに全然採用できない」「採用したいと思った人に辞退されてしまう」といったご相談を受けることもよくあります。 残念ながら応募者からの辞退が続くような場合は、採用する側が「面接でエンジニアに嫌われるようなこと」を知らずにやらかしている可能性が非常に高いです。 たとえば 人事担当者だけでエンジニアを面接したら辞退されてしまった 面接が始まってすぐに志望動機などを聞いたら「は？」という顔をされた 面接の最後に会社説明をしたが、あまり興味を持ってもらえなかった といったことはありませんか？ 面接でのこういった行為は応募者の志望度を下げ、辞退を招く原因となってしまいます。本当に優秀なエンジニアを採用したいので

Photo by edro Alonso こんにちは。谷口です。 プログラミング初心者の皆さんは、OSや仮想マシン、ネットワークシステムやコンピュータアーキテクチャなどといったいわゆる低レイヤーの分野を学んだことはありますか？ 低レイヤーの技術とは、すごく簡単に言うと、より物理的なコンピュータの仕組みに近い技術のことです。 例えば、初心者でもRubyやPythonなどで、「Hello World」を表示させる、「1+2」の計算結果を変数に格納する…などといったことはできますよね。では、print関数や四則演算の実行を命令したときに、コンピュータのどこで、どんなことが起きているのでしょうか？これを理解するためには、低レイヤーに関する勉強が必要です。 「プログラミングできたら何が起きてるかなんてわからなくてもいいじゃん」と思われるかもしれませんが、実務でシステム障害が発生したり、メモリやCPU

どうも、まさとらん（@0310lan）です！ 今回はブラウザ上でJavaScript / Node.jsの開発環境を構築できる無料のクラウドIDE「Glitch」の新機能をご紹介しようと思います！ その新機能というのは、Glitchから直接Firebaseにプロジェクトを1発でデプロイできる機能のことで、面倒な作業はすべてGlitchが自動的にしてくれるので非常に重宝します。 これにより誰でも簡単にFirebaseプロジェクトをブラウザだけで構築できるようになるので、ぜひ参考にしてみてください！ 【 Glitch 】 記事後半で、Glitchのコードエディタについて詳細を解説しているので合わせて参考にしてみてください。 ■「Glitch」を使ったFirebaseのデプロイ機能について それでは、クラウドIDE「Glitch」が提供するFirebaseのデプロイ機能がどのようなものなのかを実

どうも、まさとらん（@0310lan）です！ 今回は、Web開発を効率化したり便利にしたりしてくれるWebサービスを厳選してご紹介しようと思います。 プログラミング系、グラフ・チャート系、画像系、サイト構築系、分析・ログ系…など、幅広いジャンルから今すぐ活用できるサービスをまとめているので、ご興味ある方はぜひ参考にしてみてください！ ■GitHubのサイトから高機能なオンラインIDEを起動できるサービス！ 【 Gitpod 】 GitHubのリポジトリページから本格的な統合開発エディタを起動させて、ブラウザ上からプログラミングできるサービスが「Gitpod」です。 IDEにはターミナルも搭載されているので、コマンドの実行やGitの制御なども行えるうえGitHubのコードレビューにも対応しています。 使い方は簡単で、GitHubのリポジトリURLの前に「gitpod.io#」を付与するだけで

Photo by Sylvain Kalache こんにちは。谷口です。 プログラミングの勉強は、書籍やサイトを見ながら黒い背景のエディタにひたすらコードを打ち込んだり、直したり…という作業が必須だと思われがちです。 もちろん開発業務にはそういった作業も必要となりますが、初心者向けのプログラミング学習サイトでは、かなりゲームに近い感覚で、楽しく学べるものも増えてきました。 そこで今回は、世界観が強めのゲームを通してプログラミングが学べるサイトやサービスを6件ご紹介します。 エンジニアが死滅シタ世界〜アンドロイドとふたりぼっちで生きろ〜 対応言語：Python、Java、PHP、Ruby、C、C++、C#、JavaScriptなど多数 『エンジニアが死滅シタ世界～アンドロイドとふたりぼっちで生きろ～』は、プログラミング問題を解きながら物語を進める近未来SFアドベンチャーゲームです。死滅したエ

こんにちは。谷口です。 ITエンジニアの転職やプログラミング学習に関する仕事をしている私ですが、学生の頃は文系の学部に所属し、プログラミングには全く触れたことがありませんでした。 新卒の時はそんな状態で、自分に特性があるのかどうかもよく分からないまま、面接をしてくれた人事担当者の「プログラミングは研修を受ければできるようになるから大丈夫」の言葉を信じて、受託開発をしている企業に入社しました。 そして新人研修で生まれて初めてプログラミングに触れ、勉強する中で、一歩進もうとする度につまずき、進んだと思ったら二歩前に覚えたことを忘れ、ということを繰り返しながら、何とか働いてきた時期がありました。 プログラミングのプの字も知らなかった新人の頃にどこでつまずいてきたかを思い出しながら書いてみたいと思います。 ■代表的なつまずきポイント ◆1.Hello Worldの段階からつまずく 研修で最初に勉強

Photo by Jason Scragz こんにちは。谷口です。元ITエンジニアです。 もとは文系学部出身で、プログラミングのプの字も知らないところからエンジニアになりました。新卒で入った会社は、2年8ヶ月で辞めました。 現在は、開発者としてではありませんがIT業界に戻ってきて、paizaでエンジニアの転職・就職やプログラミング学習にかかわる仕事をしています。 一応エンジニアになった経験も、エンジニアを辞めた経験もあるわけなので、なりたい人の気持ちも、辞めたい人の気持ちも、わかる気がする…。 というわけで、今回は当時の「なぜエンジニアになったか」「エンジニア時代どんな感じだったか」「なぜエンジニアを辞めたのか」の経緯を書いてみます。エンジニアを目指している人や、辞めたい人、迷っている人などの参考になる点があれば幸いです。 （受託開発で社外秘の案件が多かったため、詳しく書けない話もあります