Hajimari Tech Blog| 株式会社Hajimari

https://tech.hajimari.inc/

株式会社ITプロパートナーズのエンジニア・デザイナーが執筆する公式技術ブログです。定期的に技術情報を発信していきます。

フィード

記事のアイキャッチ画像
Gather.townで謎解き迷路型エンジニア交流会を実施しました!
Hajimari Tech Blog| 株式会社Hajimari
Hajimariエンジニア交流会の告知画像 はじめに Gather.townとは? Hajimari内でのGather 謎解き+迷路で交流を深める 工夫した点 イベント風景 おわりに 採用情報 付録 今回使用した謎(一部) 今回のGatherイベント設計時のメモ 謎の答え はじめに Hajimari PROPARTNER事業部所属の上山です! 先日社内のエンジニアメンバーにて、Gather.townの使い方をもっと知ってほしい!という気持ちがありGatherを使用した迷路 + 謎解きイベントを実施いたしました。 今回はそのエンジニア交流会についてご紹介いたします! 最後に付録として謎解きや、今…
1年前
記事のアイキャッチ画像
開発合宿を行いました!
Hajimari Tech Blog| 株式会社Hajimari
株式会社HajimariのTUKURUS事業部では、2022年の12月15日と16日の2日間にかけて開発合宿を行いました。 開発合宿をすることになった経緯 私たちTUKURUS事業部は、普段、受託開発やクライアント様の開発チームに業務委託として参画させていただき、開発の支援を行なっております。また、去年の3月に長野県で開発拠点を立ち上げ、徐々に長野から働くメンバーも増えています。 note.com そのため、普段同じプロジェクトで働いていないメンバーやフルリモートで働いているメンバーとのコミュニケーション不足が課題になっていました。そこで、開発合宿を通してメンバー間の交流を深めるとともに、普段…
1年前
記事のアイキャッチ画像
Webブラウザレンダリングの仕組み【DOM・DOMツリーって何?】
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 株式会社Hajimariでエンジニアインターンをしている溝口と申します! 今回はブラウザレンダリングの仕組みについて書いていきます! この内容にしようと思ったのは最近、ブラウザ描画周りの知識不足が原因で開発に詰まったことがきっかけです。 これまでずっと理解が曖昧な状態で開発していて、調べることを後回しにしていました。 今回の失敗を機に、曖昧だった部分をしっかり理解しておこうと思い、ブラウザレンダリングについて記事を書くことにしました! レンダリングの流れ 早速ですがブラウザレンダリングについて、説明をしていきます! この記事では、レンダリングとはブラウザがデータを受け取ってから、…
1年前
記事のアイキャッチ画像
『Gather.Town』でリアルオフィスを再現して明日からリモート出社する方法
Hajimari Tech Blog| 株式会社Hajimari
リモートワークでも社内のコミュニケーションを活発化させる為にGather.Townを使ってリアルオフィスを再現してみました!
1年前
記事のアイキャッチ画像
【新人エンジニア】MVCモデルの進化版!? ADRが使いやすかったお話
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 7月からインターン生として株式会社Hajimariに入社した、難波 慧人です。 現在は、TUKURÜS事業部で受託開発の業務を行っています! 今行っている案件では、サブスクリプション型動画配信サイトの、新規機能開発・運用保守を担当しています! 開発言語に関しては、 バックエンドはPHP(laravelフレームワーク)を用いており、アーキテクチャはADR(Action Domain Responder)を採用しています。 案件にジョインした当初、MVCアーキテクチャしか知らない私でしたが、ADRの有用性が少しずつ理解できてきました! そこで今回は、MVCアーキテクチャと、ADRアー…
2年前
記事のアイキャッチ画像
エンジニア交流会やってみた!!
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 2022年5月から株式会社Hajimariでエンジニアをしています、植本です。 現在は、TUKURÜS事業部で主に受託開発の業務を行っています。 今回は先日行った、弊社の23卒内定者を含めた全エンジニアでの「エンジニア交流会」について書いていきます! というのも、、、 他事業部の社員と話すことがあんまりない (内定者から)オンラインだと距離感が掴めなくて気軽に話せる人は実は少ない・・・ という声を聞いていました…! リモ―トワークが普及しつつある今、会社によって社員同士の交流の頻度が減っているところもあると思います。 確かにこれじゃ何かあっても殆ど話したことない人に気軽には相談し…
2年前
記事のアイキャッチ画像
【Raycast】心地の良いPCライフを送るためのランチャーアプリ
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 6月から23卒内定者インターン生として株式会社Hajimariに入社した、江端 凌です。 普段は、TUKURÜS事業部で受託開発の業務に携わっています。 今回は普段の業務を効率化するためにインストールしたランチャーアプリであるRaycastが便利すぎたので、この場を借りてご紹介したいと思います。 ランチャーアプリとは ランチャーアプリとは、ショートカットなどの簡単操作でファイルやフォルダーの呼び出し、起動などが行えるアプリです。 Macをお持ちの方は、⌘ + spaceキーで既存のランチャーアプリである「Spotlight」が使えます。実際に、このSpotlightにアプリケーシ…
2年前
記事のアイキャッチ画像
【PHP】Carbon::now()は誰のnow?
Hajimari Tech Blog| 株式会社Hajimari
carbonで取ってくるnowはどこのnowなのでしょうか?そしてその情報はどういった仕組みで取得されるのでしょうか?
2年前
記事のアイキャッチ画像
【テックブログ】新卒エンジニアが入社2ヶ月で新規サービスをリリースした話。
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 株式会社Hajimari22卒エンジニアの神野 凌太郎です。 普段は、事業部づけのエンジニアとして人事プロパートナーズの開発業務を担当しています。 内定者インターン〜新卒入社後の期間、人事プロパートナーズの開発と並行して 新規サービス「アミーチ」の開発・立ち上げを1人で行いました。 今回は、実際に新規事業の開発・立ち上げを行なって、学んだこと・反省点をまとめてお伝えできればと思います! ■新規サービス「アミーチ」概要 『人事専門型の求人サイト』として立ち上げたサービスです。 もともと、人事プロパートナーズ内で人材紹介を行なっており、 その専用サイトを立ち上げようというところからス…
2年前
記事のアイキャッチ画像
puppeteerでbootstrap導入時の影響調査をやってみた!
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 6月から23卒内定者インターン生として株式会社Hajimariに入社した、江端 凌です。 普段は、TUKURÜS事業部で受託開発の業務に携わっています。 今回は受託開発している既存サイトに、bootstrapを導入することになったので、どのような影響が出るのかを調査することになりました。 背景としては、既存サイトのCSSの複雑化と適切なブレークポイントの設置が出来ていなかったことから導入に至りました。 そこでbootstrapの導入前と導入後を比較するために、node.js製のライブラリであるpuppeteerを利用して全ページのスクリーンショットと差分画像を生成しました! 今回…
2年前
記事のアイキャッチ画像
PHPStan導入のすすめ
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 株式会社Hajimari21卒エンジニアの古田 鏡です。 普段は、TUKURUS事業部(旧PIECE事業部)で 自社プロダクトであるスタートアップ向けマッチングサイト構築パッケージPIECE (https://crowd.itpropartners.com/piece/)の開発や受託開発を行っています! ※2022年4月から事業部の方針変更により事業名が変更となりました! crowd.itpropartners.com 現在ジョインさせていただいている案件では、 組織のオンボーディングシステムの新規機能開発・システム統合等を担当させていただいております。 開発言語に関してはバック…
2年前
記事のアイキャッチ画像
Notionで新卒採用管理システムを作ってみた!
Hajimari Tech Blog| 株式会社Hajimari
23卒採用が本格的に始まる前にNotionで新卒採用管理システムを作成しました。実際に1年間運用してみてよかったことや、改善できた部分に関してお伝えできればと思います!
2年前
記事のアイキャッチ画像
22卒内定者が『フリーランス人事と案件のマッチングスコア算出』機能をリリースしました!
Hajimari Tech Blog| 株式会社Hajimari
皆さん初めまして、22卒内定者で人事プロパートナーズで開発を担当している、神野凌太郎と申します! 今回、人事プロパートナーズ内で「フリーランス人事と案件のマッチングスコア算出」機能をリリースしたので、リリースに至った経緯と機能詳細についてご紹介したいと思います! ■人事プロサービス概要 各社が抱える組織課題の解決に強みを持った即戦力人事の業務委託人材と人事のリソース不足でお困りの成長企業をマッチングするサービスです。 興味のある方は、ホームページからぜひお問い合わせください! itpropartners.com ■機能開発に至った背景 弊サービスでは、案件をご紹介する前に専属CA(キャリアーエ…
2年前
記事のアイキャッチ画像
一泊二日開発合宿!〜思わず移住したくなる森のオフィス〜
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! 株式会社Hajimari21卒内定者エンジニアの古田です。 今年の6月より内定者インターンとしてHajimariで働いております! 普段は、企業と優秀な人事のマッチングサービス 「人事プロパートナーズ」の開発業務を行っております! 毎日学ぶ事だらけですが、会社の良いメンバーにも恵まれ、 非常に充実した日々を送っております!!! やっぱり、仕事をする上で誰と働くかが非常に重要だなと 最近は、そんなことを実感しております! さて、今回は社内のエンジニアメンバーと共に一泊二日で開発合宿に行ってきました! その様子をこのブログで紹介させていただきます! 開発合宿を行った「富士見 森のオフ…
3年前
記事のアイキャッチ画像
エンジニア歴1年の僕がドメイン駆動設計(DDD)を参考にLaravelのプロジェクトをフルリニューアルした話
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! はじめまして! 2020年7月からPIECE事業部でエンジニアをさせてもらっています。 野澤です。 今回、PIECEというサービスのリニューアルを担当させてもらったのでその時のことについて書きたいと思います! まだ若輩者なので至らない点が多々あると思いますが フルリニューアルってどんな事したんだろう〜? Hajimariのエンジニアはどんな仕事をしてるんだろう〜? って思った人はぜひ読んで見てください! ※ドメイン駆動設計の説明も書いたのですがボリュームが多くなってしまいました…ドメイン駆動設計について概要知りたいという方は是非読んでみてください。 クリーンアーキテクチャの説明や…
4年前
記事のアイキャッチ画像
レスポンス・ヘッダフィールドからnginxのバージョンを消す...から学べること
Hajimari Tech Blog| 株式会社Hajimari
こんにちは、もうすっかり秋ですね。エンジニアの三宅です。 秋といえばnginxですね。 今回は、nginxのバージョンがHTTPのレスポンス・ヘッダフィールドにdefaultで設定されるという噂を耳にしたので確認します。 nginxのバージョン設定 nginxのコードを読む main関数のループ responseに設定しているのは何処 初期値はONなのか? response送信 おわりに nginxのバージョン設定 nginxに特に設定をしていないとHTTPのレスポンスヘッダーにサーバーアプリケーションのバージョンが表示されてしまいます。 あ、見えちゃってる…! レスポンスヘッダーにアプリケー…
4年前
記事のアイキャッチ画像
【テレワーク推進!!】OpenTokを使ってビデオチャットを作ってみた
Hajimari Tech Blog| 株式会社Hajimari
社内ブログ こんにちは。ばしおです。 まだまだコロナは落ち着きませんね。 昨今のコロナ情勢によりオンラインで打ち合わせをする企業も増えたのはないでしょうか? 企業によってはセキュリティ云々でZoomやWherebyが使えないとかなんとか。 導入できない?じゃ、作るしか無いよね? というわけで今回は OpenTokというサービスを使って、Wherebyみたいなサービスを作りたいと思います。 OpenTokとは? www.vonagebusiness.jp VONAGE(旧Tokbox)社が提供しているWebRTCプラットフォームです。 WebRTCの難しいところをサクッと実装できてしまいます。 …
4年前
記事のアイキャッチ画像
【話題沸騰中】軽量でお洒落なコマンドプロンプト拡張ライブラリ「Starship」を導入した話
Hajimari Tech Blog| 株式会社Hajimari
Hajimariのエンジニアが【話題沸騰中】軽量でお洒落なプロンプト「Starship」を導入した話になります。
4年前
記事のアイキャッチ画像
自然言語処理を使って弊社エンジニアメンバーの特徴を言語化してみた
Hajimari Tech Blog| 株式会社Hajimari
こんにちは! Hajimariの新卒2年目の栗岡です! 普段は受託開発を行いながら、採用担当をしています! 開発と採用の2足草鞋は内定者インターンから含めるとかれこれ2年になります。 今回は、プログラミングの力を使って、エンジニア採用でちょっと課題と感じていることを少しでも解消してみようと思います! (結論、そんなに簡単じゃなかったです、、、) 感じている課題 弊社のエンジニア組織/メンバーの特徴を言語化できていない故に、3年後・5年後にエンジニア組織の強みが分からなくなりそう、、、、 今は、会社自体が若く、小規模であるため、業務の幅の広さや裁量権の大きさを打ち出せるけれど、もし数年後従業員数…
4年前
記事のアイキャッチ画像
【Laravel】画像の直アクセスを禁止して、特定の条件を突破した場合のみ画像を表示する方法
Hajimari Tech Blog| 株式会社Hajimari
こんにちは!Hajimariの新卒エンジニアの稲葉です。 2020年4月1日に新卒エンジニア2期生として入社しました! 普段は、自社プロダクトであるスタートアップ向けマッチングサイト構築パッケージPIECE(https://crowd.itpropartners.com/piece/)の開発や受託開発を行っています! 今回はログインしていない場合に画像の直アクセスを禁止する方法について書いていきます。 htaccessで直アクセスを制限する方法も考えられますが、ログインしている場合は直アクセスの許可するため、Laravel、Nginxで実装していきます。 直アクセス storage/files…
4年前
記事のアイキャッチ画像
GAS と Slack App でデータ集計用のボットを作りました
Hajimari Tech Blog| 株式会社Hajimari
こんにちは!株式会社Hajimariの新卒エンジニアの濵田です。 今年の4月に新卒として入社致しました。 普段はGraspyの開発業務を行う傍ら 最近は会社のHPの管理を行ったりしています。 今回はGASとSlack Appで作った「360度レビューくん」がどう動いているのかを紹介します。 ※このbotはエンジニアチームの中で走っている施策「360˚ソースコードレビュー」で使うために作成しました。 上記の施策に関しては責任者をされているエンジニアの先輩が解説してくださったこちらの記事でかなり詳しく解説されているのでぜひご一読ください。 bot の概要 slack の特定のチャンネルに配置してお…
4年前
記事のアイキャッチ画像
新卒エンジニアがNoCode触って感動した話
Hajimari Tech Blog| 株式会社Hajimari
自己紹介 はじめまして!株式会社Hajimariでエンジニアを担当している保坂(@michael_progs)と申します。 今年の4月に新卒として入社しました。 普段は大きく分けて次の3つの業務を行っています。 inteeという学生のファーストキャリアをサポートするサービスの開発 ソースコードのリファクタリングを行うプロジェクトのリーダー リアルカレッジというプログラミングスクールの企画・運用・講師 今回はプログラミングなしで、サービスを作ることが出来るNoCodeについて書いていきます。 (NoCodeはエンジニアから見てもかなり感動するツールでした) NoCodeとは 読んで字の如く、コー…
4年前
記事のアイキャッチ画像
WordPressでディスク容量がMAXになりカテゴリが表示されなくなった話
Hajimari Tech Blog| 株式会社Hajimari
こんにちは!Hajimariの新卒エンジニアの市川(@shu_chikanne)です。 2020年4月1日に新卒エンジニア2期生としてジョインしました! 普段は、自社プロダクトであるスタートアップ向けマッチングサイト構築パッケージPIECE(https://crowd.itpropartners.com/piece/)の開発や受託開発をしたり、新卒採用関係の業務を行っています! 今回はタイトルにもある通り、WordPressでディスク容量がMAXになったことでカテゴリが表示されなくなった話をしていきたいと思います。 業務の関係上、スクショ等は掲載できないのでご了承ください(><) 今考えても恐…
4年前
記事のアイキャッチ画像
【スマートロック】sesame APIを使って部屋の鍵を操作する画面を作ってみた
Hajimari Tech Blog| 株式会社Hajimari
さなぽんです。 今回は表題の通り、スマートロック「sesame」の鍵を操作してみようかと。 既に機能がある中でAPIを使用するに至った経緯なども含めて書いていきますね。 まずは今回の主役となるsesameの紹介です。
5年前
記事のアイキャッチ画像
Laravel好きが高じてアメリカまで行ってきました!LaraconUSまとめ(一日目)
Hajimari Tech Blog| 株式会社Hajimari
こんにちわ、ITプロパートナーズのエンジニアのくまモンエンジニア(@miyakey7)です。 Laraconに関する記事を書きたいと思います。多分今年出席した日本人は私しかいなかったような気がします。 Laravelは自分の転職のきっかけになったフレームワークで思い入れがあります。 元々組み込みエンジニアで通信ライブラリとか作っていた私が、去年Laravelが好きでというかLaravelしか知らないような状態からWEBエンジニアになんとか転職し1年以上経ちました。 今年、そして来年と開催されるLaravel jp conferenceもコアスタッフとしてお手伝いさせていただいてます。 conf…
5年前
記事のアイキャッチ画像
社内の新制度(Googleのあのルール??)を使い、社内データのJuliaで統計分析PJ(仮)を1人で勝手にキックオフしてみました
Hajimari Tech Blog| 株式会社Hajimari
こんにちは!ITプロパートナーズの新卒エンジニアの栗岡です。 2019年4月1日に新卒2期生、エンジニアとしては1人目のエンジニアとしてジョインしました。 業務では、Larave/Vue.js/JQueryでITプロパートナーズメインサイトの開発と20卒21卒の新卒採用担当をしています! 今回は、会社の新ルールAd-vanを使い、社内データの統計分析PJ(仮)を1人で勝手に始めましたというお話を自分を鼓舞する意味を込めてしようと思います。 本当は5月にはキックオフしていた事は秘密です。 そもそもAd-vanとは?? ITプロパートナーズの新しい制度です。 毎週水曜日にそれぞれの社員が考えた「今…
5年前
記事のアイキャッチ画像
関西初開催!!#ProLabo(プロラボ)もくもく会@なんば 5月25日(土)に開催しました! 
Hajimari Tech Blog| 株式会社Hajimari
みなさんこんにちは! ITプロパートナーズ(https://itpropartners.jp/)新卒2年目の藤井です! 今年の4月から関西支社立ち上げにあたり大阪に赴任、 現在立ち上げに関連する業務全般を行なっております! 実は先日、毎月渋谷で行なっている#ProLabo(プロラボ)もくもく会がなんと、、、 関西に進出いたしました~🎉🎉 今回はそちらの様子をレポートにまとめました!! ぜひご覧ください!
5年前
記事のアイキャッチ画像
Nuxt + Contentful + NetlifyでJAM Stackなブログを作ってみよう
Hajimari Tech Blog| 株式会社Hajimari
ITプロパートナーズでエンジニアをしているもりと申します。 少し今更感がありますが、ContentfulとNuxtでJAM Stackなブログを作ってみました! まずJAM Stackという聞き慣れない言葉がでてきましたが、JAM Stackとは Javascript + Api + Markup のことで、HTMLをサーバーサイドで生成してレンダリングするのではなく、javaScriptでapiから取得したデータをもとにデプロイ時にHTMLを生成する最新のweb開発アーキテクチャのことです。 詳しくはこちら 今回はContentfulをAPIとして、Nuxtを静的サイトジェネレーターとして使…
5年前
記事のアイキャッチ画像
【3分でわかる!】CSSスプライトアニメーションをvue.jsのイベントハンドリングで動かしてみよう
Hajimari Tech Blog| 株式会社Hajimari
こんにちは!エンジニアのとみたです。 ささやかなネタですが、CSSで実装できるスプライトアニメーションで遊んでみました。 Twitterのいいねボタンのエフェクトにも使われています。 Twitterのいいねボタン スプライトアニメーション用の画像を用意 今回は、弊社が開催しているもくもく会の非公式キャラクター(笑)「プロラボくん」に動いてもらいます 非公式キャラクタープロラボくん スプライトアニメーション用の画像はこちら。 7つの絵を少しずつ動かします。 スプライトアニメーション用の画像 Illustratorで作成しました。 基準になる絵と枠を一つ作成して、横に並べます。 枠を付けた絵を並べ…
5年前
記事のアイキャッチ画像
PHPを使い続ける理由
Hajimari Tech Blog| 株式会社Hajimari
柳澤です。本日のブログを担当します。よろしくお願いします。 ITプロパートナーズは現在5つの事業をやっています。 ITプロパートナーズ事業 上記のサービスは全てPHPを使っています。事業立ち上げ初期の技術選択はとても大切であると考えており、なぜ弊社はPHPを使い続けているのかをお話したいと思います。 [ダイバーシティの環境で開発をしている] 弊社では自社サービスであっても弊社に登録いただいているITプロフェッショナルと一緒に開発する機会が多くあります。現在開発中のGraspy(https://graspy.jp/)では社員以外は在宅で仕事をしてもらう機会も多く、リモートワークで活躍いただいてい…
5年前