ブッチ

!この記事はミライトデザイン Advent Calendar 2023の4日目です。https://qiita.com/advent-calendar/2023/miraito-inc3日目は 元船員エンジニアのyukimasaさんによるTocbot を使用し Next.js で構築したブログに目次を追加するでした。 導入2022年11月にChatGPTが公開され、早くも1年が経過しました。この1年でAIの進化が飛躍的で、AIに関する話題が絶えることなく広まりました。画像、動画、音声までを生成できるようになった進展には驚きを禁じ得ませんね。AIが世間に広く浸透する一方で...

これからChatGPT（AI）と共存するために知っておくべきこと Part1

!この記事はミライトデザイン Advent Calendar 2022の19日目です。https://qiita.com/advent-calendar/2022/miraito-inc はじめにweb制作をメインでやっていた時に毎回と言うほどGoogleMapのカスタムを実装していました。当時はJqueryで実装していたのですが、Reactの場合はどんな感じで実装するんだろうと気になって試してみました！ この記事でわかることReactを使ったGoogleMapの実装簡単なカスタマイズ方法 事前準備編 GoogleMapを描画するライブラリを探す選定を...

ReactでGoogleMapの実装をしてみた

!この記事はミライトデザイン Advent Calendar 2022の13日目です。https://qiita.com/advent-calendar/2022/miraito-inc12日目は@ariakiさんの【ITカンファレンスを企画したくなったら】東京都内の施設貸出可能な大学まとめでした！会場探しは大変なので、こういったリストは助かりますね〜👍 はじめに普段何気なくjavasciptを実装しているものが実はhtmlとcssだけで実装できたりするものってどれくらいあるんだろうって気になって調べてみました！ 使用頻度高めなもの スムーズスクロールアンカー...

意外に知られていないhtmlとcssで出来る便利なこと

この記事は ミライトデザイン Advent Calendar 2022の5日目の記事です。https://qiita.com/advent-calendar/2022/miraito-inc実装するときにflexとgridの使い分けを把握していなかったので調べてみました！本題に入る前にhtml、cssレイアウトの時代別レイアウト手法を振り返った後に、flexとgridの使い分けについて話していこうかと思います。 テーブルレイアウト自分はfloatの全盛期からこの業界に入ったため、使ったことがないです。近年でもこのレイアウトを見ることはないため、詳細は割愛します。気になる...

CSS flexとgridの使い分け

はじめにこの記事はミライトデザイン Advent Calendar 2021の21日目の記事です🚀 なぜミライトデザインに入社したのか自分の中で優先度が高いのが「誰と一緒に仕事をするか」でした。そのため福利厚生や給与はあまり気にしてはいなかったです。※ミライトデザインの給与が少ないという意味ではないです。 代表のhiroさんに惹かれた結果的に社内メンバーも最高なミライトデザインですが、きっかけはやはり代表のhiroさんでした。はじめて会ったのがペチオブに参加した時でお題が「DI（依存性の注入）について」だったかと思います。説明がわかりやすいのと表現が面白い人だな...

ミライトデザインに転職したきっかけと一年を振り返る

この記事は ミライトデザイン Advent Calendar 2021 の12日目です🚀11日目は @suzuki-hoge さんでした。 Playwrightって何？webテストを自動化するためのフレームワークですね。Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automatio...

Playwrightを使ってブラウザ操作を自動化してみよう

この記事は ミライトデザイン Advent Calendar 2021 の 7日目です🚀6日目は @suzuki-hoge さんの 「M1 Mac の Docker について」 でした。今年のM1は購入した方は多いかと思います。開発環境構築などで必ずつまづくかと思います。私はそうでした。そんな人はほげさんの書いた記事を参考にしてみてください。彼の記事はとてもわかりやすいです😆 はじめに本記事は設計をこれから勉強しようと思っている人に向けて書きました。 なぜ勉強しようと思ったか実務経験があるので、設計を無視して動くものを作るだけでいいならある程度は可能です。より良い...

実務4年目で設計を知らない人が一年間勉強してみた

ユニットテストを実装していく際に、抑えておきたいポイントをO'Reillyさんの「実践 JUnit――達人プログラマーのユニットテスト技法」を参考にしてまとめていきます。

「実践 JUnit――達人プログラマーのユニットテスト技法」から良いユニットテストを書くために知っておきたいことを学ぶ

設計を学ぶ上で必ず出てくるオブジェクト指向。そもそもなぜオブジェクト指向で開発する必要かを知るべく、本書籍を読むことにした。振り返りのため、読んで理解した事を各チャプターに記述していく。

オブジェクト指向でなぜ作るのかを読んで理解したこと

設計の勉強方法に正解はなさそう僕は設計を学ぶ上で、勉強する方法を色々と調べてみましたが、おそらく正解はない。自分が最終的に目指したいところ・どうなりたいのかは明確にする事で順序付けて勉強することは可能かもしれない。自分が目指すべき状態になるために何が今足りていないのかを把握するところが一番最初にすることではないかなと思った。プロと呼ばれる人たちは自分の頭で考えて試行錯誤した結果、自分なりの答えが出しているはずだ。大切なのは勉強方法ではなく、試行錯誤をしてみる事で到達した自分の答えを持つ事かなと言うのが僕なりの現時点での考えだ。結果的に同じ答えになるかもしれないし、別の答え...

ソフトウェア設計をどうやって学ぶか

背景ある程度動くものは出来ますが、設計が出来ません。厳密には自分が設計と思っていたものは設計ではなかったというのが正しいかもしれません。僕がこういうエンジニアになりたいなと思った人たちはみんな設計が出来ます。なので、漠然と設計できるマンになりたいと思っていました。How（設計する）にこだわりすぎてWhy（なぜ設計する）を把握していなかったため、今回記事にしてみようと思った背景があります。著者の簡単な経歴ざっくりです！2016年4月 未経験からweb制作会社でWordPressやHTMLのコーディングを実務で行う（2年ぐらい）転職してシステム開発をphpメインでやっ...

なぜ僕は設計を勉強するのか

シグネチャとはプログラミングの分野では、関数やメソッドの名前、引数の数やデータ型、返り値の型などの組み合わせのことをシグネチャという。メソッド名と引数の数、引数の型、引数の順番で判断される。イメージしづらいのでソースコードで書いてみるJavaでは以下のような書き方をした時に、シグネチャが一致しないため関数名が同じでも別メソッドとして扱われる。phpでは多分ないかな？※ソースコードはphpです。final class User {    public function find(int $id): User{        //処理    };    pu...

プログラムにおいてのシグネチャの意味

言語による大きな違いはないと思うが、php独自の部分もあるかもしれないのでタイトルはphpでのとつけました。 ○○渡しとはどういう時に使う用語？関数やメソッドに引数の渡し方の種類を表す用語値渡し変数の値をコピーする渡し方参照渡し変数を共有するような渡し方※変数の実体はメモリ領域にある。 挙動の違い挙動の確認はPHP Sandbox のphp8で試した 変数値渡しではbに代入した後にaが変わっても$bの中身は変わらない参照渡しではbに代入した後にaが変わったら$bの中身は変わる事が確認できた 値渡しaの値をbに代入する$aの値...

phpでの値渡し、参照渡しを理解する

CIとはなにかContinuous Integrationの略。翻訳すると「継続的インテグレーション」インテグレーションとは統合、統一、融合、一体化、集積などの意味を持つ英単語。複数の異なる要素を組み合わせて一つにしたり、一体として機能するよう調整すること。一般的な外来語としては定着しておらず、様々な専門分野で英語の専門用語の訳語の一部として用いられることが多い。CIとは以下を行う手法である。コードの変更をリポジトリにマージする定期的・自動的にビルド・テストするコードの変更を(中央の)リポジトリに頻繁にマージし、かつ「定期的・自動的」に「ビルド・テスト」を行...