はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 こんにちは、ゆめみに新卒フロントエンドエンジニアとして４月から働き出しましたkawabataです。 業務で、iosシュミレーターを使って動作確認を行う必要が出てきたので、今回はシュミレーターを入れる方法を紹介できればと思います。困ったときの参考にしていただければ幸いです。 2024年度４月9日現在のUIです。UIが変わる可能性あります。 xcode: Version 15.3 mac: Apple M2 Pro 14.4.1 方法 1. MacにXcodeをインストールする シュミレーターを入れるには、Xcodeをインストールする

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? もう絶対に忘れない Linux コマンド【Linux 100本ノック+名前の由来+丁寧な解説】 というUdemyの講座があって、約2年前にキャッチアップ、学びなおしがてらやっていたメモをここにまとめます。 セクション名、まとめという形で転記します。 基礎的すぎて多くの記事などで言語化すらされていないことまで網羅されているので良かったです。 section2:シェルの基本 【シェルとは】 シェル・・・殻の意味 linuxカーネルを操作するためのインターフェース linuxカーネルとシェルを分離しておくと次のようなメリットがある ・シェルを

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 『Driving Value with Sprint Goals』は、スクラムのスプリントゴールに絞ってまるまる1冊書かれた本です。 不確実性とプランニング 第1章では非常に重要なことが述べられています。「手前の霧」と不確実性を霧というメタファーで表現していますが、ソフトウェア開発においても霧に覆われた状況に置かれることがままあります。この時に本物の霧に対してはやらないのに、何故かソフトウェア開発では、霧が存在しないかのように振る舞ったり、霧を取り除こうと考えたり分析したりできると信じたりしてしまうことがある、と指摘しています。実際に目

クリーンコードやクリーンアーキテクチャなどの「クリーン」シリーズでお馴染みのUncle Bobの新刊です。クリーンは書籍タイトルに付きませんでした。 本書は関数型プログラミングに関する書籍ですが、関数型プログラミング言語と聞いて、真っ先に皆が思い浮かべるものではないであろうClojureを取り上げて、一貫してこれとオブジェクト指向プログラミング言語との比較がされています。 これは読み進めていくと、オブジェクト指向言語としてはC++やJavaを用いて、Clojureのコードを対比していくという構図を随所でとっており、これらとできるだけ距離の遠い言語を選びたかったのだな、というのが分かります。Clojureは関数型であり動的型付け言語です。この２つの面で対比されており、本書の半分は静的型付けと動的型付けの話な印象があります。 関数型におけるSOLID 関数型プログラミングとは何か、という観点に

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Kent Beckの最新作Tidy First?は、リファクタリングよりも小さな単位でコードを整理するやり方を記した本です。これをTidying（本記事では「片づけ」と呼びます）と呼んでいて、リファクタリングのサブセットと定義付けています。なので片づけはコードの振る舞いは変えないことはリファクタリングから継承します。 Tidy First?はこんまりメソッドの影響も少なからず受けてそうです。 Tidy First?を書いた背景には、リファクタリングが機能開発を止めて行うようになったり、振る舞いを変えてしまうようになったことがある、とKe

はじめに 今まではEC2にApacheなどをインストールしてWebサイトを構築し運用してきましたが、この度ECS on FargateでWebサイトを運用していきたいよねという話がちらほら出てきたので、実際にFargateでWebサイトを構築した際の内容や躓いた点をまとめます。 まず、ECSについて私自身知っていることとして、 仮想環境 EC2よりお手軽で簡単 くらいで本当にコンテナ初心者です。 そのため、この記事ではFargateを使ってWebサイトを構築することを目標としています。 参考にしたECSやコンテナについて書かれている記事や入門書 ECSやコンテナについて書かれている記事 ECSの設定について書かれている記事 ECSの入門書 構築イメージ図 クラスメソッド様の記事を参考に設計構築する際に考慮した方がよい箇所をまとめました。 ECS設計構築時の考慮点をざっとまとまています。 I

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 記事の内容 仕事でもプライベートでも利用頻度の高いGoogle Cloud（旧称：GCP）を便利に利用するため、プロジェクト毎にコンソールのヘッダカラーを変更できるChrome拡張を作りました。 本番環境だけ色を変えたりできればオペミスが減ってハッピーですよね。作ったのはコレです。 作る上ではこちらを大変参考にさせていただきました。 想定読者 GCPを便利化するものは作りましたが、記事の内容はGCPと一切関係ありません あくまでChrome拡張の入門的なものを読みたい方にオススメです Chrome拡張 概要 説明するまでもない

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 仕事におけるプログラミングの現場においては「リーダブルコード」を求められることが往々にして多いことでしょう。もちろんアーキテクチャやデザインパターン、流行りの機能、書き方を学ぶことで解決することもありますが、「なんか使ってるんだけどわかりづらいな・・・」と思うことがあったりしませんか？ 読みづらいメカニズム まず読みやすくなるためのテクニックを語る前に、「何故読みづらいのか」を考えてみました。 こう思い返してみると、アーキテクチャやデザインパターンやらに依るところはなかったと言っても過言ではなかったかなと思います。 1. そもそもの処理の認識が誤っている 一見読んだだけで理解できないコードがあったときに、書いた方に「これはどういう処理ですか？」と聞きます。そうすると一定のケースで「説明される内容(日本語)がそもそも正しくない」に分類されることが多いのです。 そうしたときには、その

はじめに 2023年1月にCircleCIでセキュリティインシデントが発生し、Environment Variableの変更を余儀なくされました。 https://circleci.com/blog/january-4-2023-security-alert/ 手作業で結構辛かったので、OIDCを利用してAWSに接続するように変更したいと思います。 Circleで必要な情報を取得する CircleCIのOrganization SettingsにあるOrganization IDをメモっておきます。 Terraformでopenid_connectを作成する 必要なのは以下の３つです。 aws_iam_openid_connect_provider でOPENIDコネクトプロバイダーを作成する aws_iam_roleでCircleCI側に設定するRoleを作成する aws_iam_rol

本日の授業はPython基礎です。 本日の講義内容 Python概要 環境設定 他言語との違い print文 コメントアウト データ型 if文 for文 ポイントだと思った部分をかいつまんでご紹介します。 ※初学者ゆえ誤った内容を含む部分がある場合もあるのでご了承ください。 ■データ型 代表的なもの int型：整数を表します。 1、10、2023等 float型：浮動小数点数を表します。 3.14等 bool型：真偽値を表します。 TrueまたはFalse str型：文字列を表します。" "か'　'で囲います。 ”こんにちは”、”A”、‘apple’等 list型：要素を複数持つことができるリストを表します。［］で囲います [‘apple’, ‘orange’, ‘banana’,‘peach’] 等 tuple型：要素を複数持つことができるイミュータブル（変更不可）なリストを表します。（

概要 社内で、z-indexの値が可変な要素があったとして、その値に関わらず「それよりも常に全面に任意の要素を表示することは可能か？」という話題になったので調べてみたところ、下記の記事が出てきました。 かなりざっくり言えば、dialog要素をshowModal()で表示すればz-indexの値を超越できるという内容です。 Qiitaにも紹介記事ありますね。 https://qiita.com/nako_n/items/114e51b878753e250ce1#dialog ということで試してみました。 See the Pen z-indexを超越するモーダル by kawazu1008 (@kawazu1008) on CodePen. 詳細 HTMLは、以下の3つの要素を用意。 z-indexを指定した要素 z-indexを指定していないモーダル モーダルを表示するトリガーボタン <di

FROM foo # ... RUN sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google-chrome.list' RUN apt-get -y update RUN apt-get install -y google-chrome-stable # ... # コンテナ起動後アプリケーション内のChrome利用箇所でクラッシュ selenium.common.exceptions.WebDriverException: Message: unknown error: Chrome failed to start: crashed. (chrome not reachable) (The process star

JSONファイルをpandasのデータフレームに変換したいことがあります。pd.read_jsonというメソッドがありますが、JSONファイルはネスト構造になっていたり、リストを含んでいたり、読み出しルートが違ったりとpd.read_jsonでは望む形に変換できないことがあります。 この記事では ①シンプルな構造のJSON ②ネスト構造のJSON ③ネスト構造とリストを含むJSON ④ルートが読み出しルートではないJSON という4つのパターンのJSONで読み方を検討し、最終的にはすべてのパターンに対応できるスクリプトを用意しました。 サンプル・ノートブック サンプル・データ ①シンプルな構造のJSONの読込 以下のようなシンプルなJSONはpd.read_jsonで読むことができます。 [ { "id":1000, "UP_TIME":0, "POWER":948, "TEMP":250

moment.js や day.js と似たインターフェースを実装した高速・軽量の JavaScript ライブラリ『cdate』をリリースしました。→ https://www.npmjs.com/package/cdate cdate の主な特徴： moment.js や day.js、Luxon よりも高速 moment.js と同じ .format("YYYY-MM-DD HH:mm:ss") 出力フォーマットに対応 strftime と同じ .text("%Y-%m-%d %H:%M:%S") 出力フォーマットに対応 moment.js と同様に .add(1, "month").startOf("week").endOf("day") のような計算に対応 .tz("Asia/Tokyo") あるいは .utcOffset("+09:00") のようなタイムゾーン（時間帯）指定に対

Rails で Web アプリを作成・運用していく中で、個人的に導入して良かった設計や gem を紹介していきます。 なお、本記事では特定のユースケースに絞った話ではなく、比較的どの Rails アプリでも利用できるような内容を書いていければと思いますので、参考になれば幸いです。 Form オブジェクト 基本的には Rails Way、MVC と Rails 標準機能に沿った設計でシンプルに保つようにしてますが、Form オブジェクトについては導入しています。 特定のユースケースの処理(ビジネスロジック)をモデルから分割する目的で使用し、今回は自分がよく利用する ActiveRecord モデルを継承する方法を紹介します。 下記のようなイメージになります。

はじめに この記事はセーフィー株式会社 Advent Calendar 2022 の12月12日の記事です. 弊社では監視カメラのクラウドサービスを提供しており、映像の配信も自分達で実装しています. その種類は現在のところ3種類(HLS,WebRTC,YouTube Live)です. 今回はその中の1つである HLSのクライアントをgolangにて実装する機会があったため簡単に紹介します. 実装したHLSクライアント です. HLSとは HLSは HTTP Live Streaming の略で、動画(映像・音声)をHTTP上でストリーミングするためのプロトコルです. その基本的な仕組みは難しくなく、サーバーにて動画をある単位で分割し、クライアントはそれをダウンロードして再生するというものです. その際、動画のファイル数や、再生時間等の情報が無いと、いつまでダウンロードすればいいかがわからな

ツールを準備する Python 3.10.6 ダウンロード先：https://www.python.org/downloads/ インストールするときの注意点としては Add Python 3.x to PATH のチェックを入れ忘れないこと ChromeDriver ダウンロード先：https://sites.google.com/chromium.org/driver/downloads Google Chrome と ChromeDriver のバージョンを合わせる必要があるので まずは Google Chrome のバージョンを確認してください。 確認する方法がいくつかありますが、得られる結果は同じです。 Google Chromeの右上の3点リーダーから、ヘルプ ＞ Google Chrome について Google Chromeのアドレスバーに以下を入力して確認する chrom

Celeryとは 非同期のタスクキューです。RubyだとActiveJob、Sidekiq、Delayed_jobに相当します。ざっくり言うと非同期でアプリケーションを動かすためのフレームワークです。 DjangoにCeleryを導入する パッケージを追加 celery flower # Celeryのダッシュボード django-celery-results # タスクの状況を見れる django-redis # タスクのキューをredisにする場合 cached-property import os from celery import Celery os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'xxxxxx') # Django側の設定と同じにする app = Celery('proj') app.config_from_objec

元記事 自分のコードが批判される不安 一般にエンジニアは、自分の仕事の進行状況(コードの品質や生産性)を他人に見られ、評価されることを恐れます。 あるソースコード管理システムをGoogleが開発した際に、次のようなissueをもらっていました。 「特定のブランチを非表示にする機能を Google Code の Subversion に付与してもらえますか?」 「最初は世界に隠されていて、準備ができたときに公開されるオープンソース プロジェクトを作成できるようにすることはできますか?」 「こんにちは、コードをすべてゼロから書き直したいのですが、履歴をすべて消去してもらえますか?」 これらには「自分のコードや仕事の質を見極められる(誤解される)不安」が見て取れると思います。 自分のコードは完璧な部分だけ見て欲しい 完成されていないコードをみて自分を判断して欲しくない 昔の自分が書いたクソコード

元記事 参考 参考：Googleのソフトウェアエンジニアリング 忙しい人のために要点をまとめる たとえGoogleの新卒エンジニアでも先輩エンジニアに 「質問したくても罰を恐れて質問できないよ」 この解決のためには心理的安全性の確保が必須だよ。そのために次の4つを守ってね 驚かない、隠さない、自慢しない、勝ち負けで判断しない あとメンターは用意しようね 最後にリーダーは 「質問の仕方の手本」 を見せようね たとえGoogleの新卒エンジニアでもほったらかされることもあるよ このほったらかしは 「自分がやったほうが早いという誤認」 から生まれるよ 他の人に仕事を振ってメール、チャット、ナレッジサイトに知識を貯めておいてね 新卒エンジニアの悩みあるある6点 組織全体で専門知識を共有することは簡単な作業ではありません。 強力な学習文化がなければ、問題が発生します。 心理的安全性の欠如 新卒エンジ

はじめに 毎回、気になったときに調べているような気がするのでまとめる。 ついでにnavigator.webdriverの対策もできる。 メモのつもりで書いているので深くは考えていない 2023.11.20　ファイルのダウンロードに関するオプションを追加、細かな修正 2023.11.15　ヘッドレスモードで起動したとき、コンソールにエラーログが出ないように修正 2023.11.14　selenium 4 にオプションの内容を一新 2023.11.14　selenium 3 のオプションを折りたたみ表示へ 2022.06.03　コピペできるコードブロックに追記、並び替え 2022.04.28　投稿 selenium 4 環境 アイテム バージョン

普段の業務ではPHP(Laravel)を使っています。 この間Android開発でKotlinを経験し、一度は静的型付言語でWeb開発をしてみたいとも思っていたのでKotlin×Spring Bootで簡単なWebアプリを作ってみることにしました。 Kotlin触ってて思ったのが、Javaの知識を前提に書かれている情報が多いな〜1ということでした。 自分は基本情報対策くらいしかJavaやってなくて、結構調べなきゃいけなかったりと面倒だったので、できるだけJavaの知識がなくても分かるように書いていこうと思います。 環境 OS: macOS Catalina 言語: Kotlin フレームワーク: Spring Boot ビルドツール: Gradle IDE: Intellij IDEA フレームワークをSpring Bootにした理由はKotlinでWeb開発するなら一番スタンダードっぽか

PythonのFastAPIをLambdaで動かそうと思ったらSQLModelも使ってみたくなったので調べてみた(テストまあまあ盛り)PythonunittestpytestSQLModel はじめに Pythonでデータ分析やスクレイピングや画像認識などをやっているのですが、Webアプリのバックエンドとして仕事で本格的に利用したいと思い、いろいろ調べてみると、AWSの LambdaでFastAPIを動かすとの話題が多く目に留まり、ふむふむ、と進めていくと、SQLModelも一緒に利用したいと思い、半日ほど試行錯誤してみたのでまとめてみたいと思います。 ソースはgithubに登録しております。 SQLModelの概要 SQLModelは、直感的で使いやすく、互換性が高く、堅牢になるように設計されており、Pythonの型アノテーションに基づき、PydanticとSQLAlchemyを利用して

# 引数の文字列を結合して返却します。 def join(val1: str, val2: str) -> str: return val1 + val2 def test_join(): # assertを利用して、echoが期待する結果となっていることを確認 assert join('dummy1', 'dummy2') == 'dummy1dummy2' # assert notを利用して、echoが期待しない結果となっていないことを確認 assert not join('dummy1', 'dummy2') == 'dummy1' テストの実行方法 プロジェクトのルートがC:/python/pytest_cheatsheetであるとの前提の説明となります。 pytestのテストケースのモジュール(.pyファイル)を相対パスで指定する場合は、cd C:/python/pytest_c

ローカルで作成したDjangoアプリをHerokuへデプロイする手順を簡単に紹介します。 必要なライブラリのインストール

古き良き KVS たる DBM の最新実装である Tkrzwの連載記事　を愛読しています。実践的なアーキテクチャ選定・設計の手順と、現代の実装を学べて本当に素晴らしいです。 これまでの tkrzw 本体はローカルの DBM 機能（直接ファイルを読み書きするキーバリューストアのライブラリ機能）だけでしたが、9月になって、tkrzw-rpc として gRPC を利用したサーバ版アプリケーションが動き始めました。 生の Mac では依存管理が少々面倒になるので、手元の Docker で手軽に試せるように Dockerfile を書いてみました。最低限の get・set 手順を紹介します。 https://github.com/kawanet/tkrzw-docker/blob/main/tkrzw-rpc/Dockerfile イメージのビルド git clone https://github.

内容 PythonからGoを、GoからPythonを呼び出してみようという試みです。 前回の記事にも書きましたが、PythonとGoはCを介して連携ができますので、cgo使えばやれそうです！ cgoとは 概要 GoからCを呼ぶためのツールで、CライブラリにアクセスするGoコードを作るために使われたりします1。 まずはシンプルに試してみます。 package main /* #include <stdio.h> void my_print(void) { printf("Hello, World!\n"); } */ import "C" func main() { C.my_print() } 仕組み cgoは実に面白い仕組みになっています。import "C"がcgoを使う合図になっていますが、その上のコメントはただのコメントではありません。import "C"のすぐ上に書いたコメントは