Backend Team Monthly vol.2【 Laravel 】

弊ロジカルスタジオでは、エンジニアの業務ごとにチームに分かれて活動しています。 バックエンドチームでは、活動の一環としてMonthlyを発信しています！日々の業務でぶち当たったことや疑問に思ったこと、調べたことをベースに、 自己学習やたまたま見かけた面白い情報なども交えながら、情報共有できればと思っています。前回の記事はこちらになります。よろしければ併せてご覧ください！目次 [非表示]１．【Laravel】モデルのcasts()を使うとデータアクセス時に自動型変換してくれて便利２．【Laravel】可読性を向上！ルーティングの小技①ルートパラメータに制約を付ける②ルート名を共通化する３．...

【WordPress】保守に強い子テーマ 〜壊れても困らない構成術〜

こんにちは。新卒入社半年、WordPress の実務にも触り始めたばかりの新人エンジニアです。といった感じで、当時の私は「とりあえず動けばいいでしょ」という感覚でした。CSS は「追加CSS」で上書き！PHP は functions.php に追記すれば良さそう？プラグインの動きを少し変えたいときは、コードの一部を書き換えれば済むじゃん！今振り返ると、かなり危うい考え方だったと思います。当然、上司にこう聞かれることになります。「このまま自動アップデートしても壊れない？」「保守の観点は？」その瞬間に気づいたのは、動くことと保守できることは別 だということでした。そこで私は、スニペットを散ら...

Backend Team Monthly vol.1【 React / Docker / PowerCMS X / kintone / VSCode 】

弊ロジカルスタジオでは、エンジニアの業務ごとにチームに分かれて活動しています。 バックエンドチームでは、活動の一環としてMonthlyを発信しています！日々の業務でぶち当たったことや疑問に思ったこと、調べたことをベースに、 自己学習やたまたま見かけた面白い情報なども交えながら、情報共有できればと思っています。今月からこちらのブログにて紹介いたしますので、 ぜひご覧ください！１．【React】Kintoneの全アプリ情報を取得する方法kintoneでは複数のアプリを取得することができる「kintone REST API（参照）」が用意されています。ただし、このAPIで一度に取得できるアプリ...

【kintone】関連レコードの値を取得してフィールドに反映する方法を検証！

さて、最近の私はというと、kintone案件に勤しむ日々を送っています。そんな中、「関連レコード一覧にある値を文字列フィールドにも反映できたら便利なのでは？」と思い立ち、JavaScriptでカスタマイズができるか検証してみました。今回は検証結果について書いていけたらなと思います！そもそも「関連レコード一覧」って？kintoneには「関連レコード一覧」という便利なフィールドがあります。このフィールドをアプリに配置すると、設定した条件に合致するレコードを一覧表示できます。特に便利なのは、別のアプリから情報を引っ張ってこれる点！例えば、入居者情報は入居者管理アプリ、賃貸契約情報は契約管理アプ...

【kintone/krewData】krewDataの出力アプリ設定で「値の重複を禁止するが有効になっている必要があります」とエラーが出る場合の解決法

今回は、最近案件で使用していたkrewData（kintoneプラグイン）についてお話をしたいと思います。目次 [非表示]krewDataとは発生した現象どうしようもないので公式に問い合わせ仕方がないので妥協案を考える最後にkrewDataとは今kintoneプラグインの一種で、アプリのデータはもちろん、外部ファイルなどからもデータを取得し、集計・計算・出力などを行うことができます。KrewData公式サイトはこちら発生した現象アプリA、B、Cがあります。アプリAにある数値フィールドをアプリBのルックアップフィールドでキーとして参照しており、さらにそのルックアップフィールドをアプリCのル...

SelectBoxのキーボード操作を再現してみた

この前、JSのある実装に少してこずったのでそちらについて紹介したいと思います。multiple属性で複数選択可能にしたselectの選択移動をキーボード操作で行うというものです。「そんなのデフォルトで、方向キーで移動できるよ」と思いますが、デフォルトでは上方向キー(↑)と下方向キー(↓)でしか、選択移動できなかったので今回の実装では、左方向キー(←)と右方向キー(→)でも上記と同じ操作ができるようにしました。まずはざっくり準備※今回の記事はReactでの説明になります。キーボード操作のイベントハンドラを記述するために以下のように準備します。DOMへの参照をrefで行い、onkeyDown...

【Python】ほぼコピペで作れる！discord.pyでおやすみBot を作ってみた

もう寝るつもりだったのに、友達とのおしゃべりが楽しくてついつい長話をしてしまう…皆さんそんな経験を１度はしたことがあるのではないでしょうか？（あると信じてます）自制したいけど楽しくてなかなかやめられない…意思もよわよわなのでやめられない…なのでプログラムに頼ることにしました。今回はどれだけ会話が盛り上がっていても、設定した時間になったら強制的に通話を終了させるBotをdiscord.pyで作成しました。--Pythonを書く前に--Botの作成についてはこちらの記事をご参照ください。チャンネルIDを取得まずBotを使用するサーバーのチャンネルIDを取得します。このIDを使用してユーザーを...

ExpressとPrismaでAPIを作ってみた

はじめにバックエンドでLaravelを使って画面込みでシステムを作ることが多かったのですが、最近はフロントエンドはVue.js、ReactでバックエンドはAPIのみという案件も増えているのでLaravelに拘らなくてもいいかなと思うこともあり、他のフレームワークを探したところ、フロントエンドで使われるNode.jsやTypeScriptに相性の良さそうなExpressとPrismaがあったので使ってみました。ExpressはNode.jsで動作するWebフレームワークで、PrismaはNode.jsで動作するORMです。Prismaを入れるではまず、Prismaをインストールして、データ...

手書き署名プラグイン『jSignature』を使ってみた！

皆さん誰しも携帯ショップの契約などの場面で、タブレットに指やタッチペンでサインを書いた経験が一度はあるのではないのでしょうか。今回はそんな直筆サインをブラウザ上で手軽に実装できるjQueryプラグイン『jSignature』をご紹介したいと思います。jSignatureでできること冒頭で触れたとおり、jSignatureは手書きの署名をブラウザ上で実装する上で非常に便利なプラグインです。私の場合は、記載事項に同意のうえサインしてもらう項目をフォームに実装する際に利用しました。以下のような主要なメソッドが提供されており、簡単なものであればほんの数行で実装できます。reset：サイン領域をク...

【Python】Pylanceを使ってPythonをより安全に！

1. はじめにさて、今回のテーマなのですが、ズバリ Python の型についてです！！Python 標準ではタイプアノテーションという「ここはこの型だよ～」くらいの意味合いしかないメモ書きを残すことができます。各種エディタの拡張機能やライブラリを導入することで、より厳密に型を定義することができます。今回はそんな拡張機能の１つ「Pylance」を使ってみようと思います！2. 例こんな感じでよくある足し算をするだけのプログラムを作ってみました。これを実行してみると・・・まあもちろん結果は期待通りですね！ただこの状態だと関数に対して一体どのような型の変数を渡して、どのような型の戻り値を返すのか...

内定者。ただいまアルバイト中。

今回はアルバイトでの感想をつらつら並べます。ゆっくり見ていってください～インターンシップの経験バイトの話！とありますが、まずはインターンのお話を少し。昨年の夏頃、1週間インターンとしてお世話になりました。マークアップの課題を頂いて、それに取り組みながらロジカルでの業務を体験しました。課題は先輩方のサポートのもとで取り組んだのですが、学ぶことが多くて……私はもともと個人的に学習していたのですが、実務での実装で気を付けるべきことについてしっかりとレクチャーしていただき、その後のコーディングにめちゃめちゃ役立っています。見やすいコード、わかりやすい設計を心掛けてはいたのですが、まだまだ甘かった...

PHPカンファレンス関西2024に行ってきました！

今回はPHPカンファレンス関西2024に参戦してきたので、レポートを書きます！PHPカンファレンス関西とはPHPカンファレンス関西は、PHPエンジニア（:PHPer）がPHPやPHP周辺の技術的知識やノウハウ、体験を共有するための大規模技術カンファレンスです。 2011年から過去8回開催されており、毎回その時のPHP最新情報やトレンドの話題で盛り上がります。 関西のPHPerがお互いに情報を交換し、エンジニアとしてレベルアップをする場となるべく、2018年から6年ぶりに開催することになりました。 イベント当日は一般公募で集まったエンジニアによる講演をはじめ、その他情報共有を行うための催し...

Drupal10で簡易サイトを作ってみた！

そもそもなぜDrupalなんだ！という声が聞こえてきそうですが、というのも、最近Drupalを使ったお仕事をさせていただいたり、個人的に少しずつ勉強していたりするので、自分の備忘録も兼ねて、Drupalについて書きたいなと思った次第です！一体Drupalって何なのよ…と思ったそこのあなた！ちょうど良い記事がありますよ！弊社社員が執筆した「Drupalって何なのよ…と思ったので機能について調べてみた（出会い編）」を覗いてみてください！！基本を抑えた記事にしていきますので、是非最後までお付き合いください！環境Windows11wsl 2Ubuntu 20.04Docker Desktop 4...

CROSS TALK★ルーキー座談会5

【Q1：自己紹介】【Q2：ロジカルスタジオを選んだ理由、好きなところは？】【Q3：ロジカルスタジオで働いてみて】【Q4：最近楽しかった・嬉しかったことは？】【Q5：今後ロジカルスタジオでやっていきたいことは？】鮮魚に負けず劣らず生きがいいぜ！って方はこちら

ウィンドウサイズ変更時におけるハンバーガーメニューのチラつきを解消する

先日、Chromeのデベロッパーツールでハンバーガーメニューの表示確認をしていると、ハンバーガーメニューである三本線をクリックした時に本来表示されるメニューがブレイクポイントでチラ見えしている状況を発見してしまいました、、、。イメージ的には下記のような感じです。最終的にはJavaScriptのリサイズイベントを使用して解決させたのですが、これはどうやって解決させようと結構悩んだこともあり、もしかしたら同じように悩んでいる人も居るかも？と思ったため、今回はハンバーガーメニューをクリックした際に表示されるメニューがウィンドウサイズ変更時に生じるチラつきを解消する方法について書きたいと思います...