はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s
大規模プロジェクトの課題を解消する、たった1時間で行うふりかえりの工夫 | MEDLEY Developer Portal
2024-07-02大規模プロジェクトの課題を解消する、たった1時間で行うふりかえりの工夫はじめにこんにちは。CLINICS カルテの QA 担当をしております QA エンジニアの かみむら です。 医療プラットフォーム本部 CLINICS 開発チームでは、2年以上に渡り自社レセコン1の開発を行っています。プロダクトは公開済みであるものの鋭意追加機能の開発を続けており、今後も継続して開発する予定になっています。 QA エンジニアの大切な役割の1つとして、プロセス改善があります。ふりかえりはプロセス改善のアイデアを関係者全員で話し合うための肝となるアクティビティですので、規模の大小問わず取り入れたいものです。 この記事ではレセコン開発におけるプロジェクト体制構築時の黎明期から現在の成熟期に至るまでに行った、四半期毎のふりかえり手法や効果について、かいつまんでご紹介します。 プロジェクトの状況
「日頃の作業をどうにか楽にしたい、できることならだれかやってほしい」と思ってしまうほど自分にあまい筆者が、制作時間の短縮や効率化アップにつかえる新ツールやデザイン素材をまとめました。 すべて手作業だと時間のかかるCSSスタイリングや、スキルも必要な手描きイラストを用意したり、「このツール、早く知りたかった」と思った素材やツールが揃っています。 日頃のワークフローに活用して、デザイン制作の新ルールを一緒に見つけてみませんか。 コンテンツ目次Web便利ツールデザインツールFigma・アイコンツールユニーク・面白ツール Web便利ツール The good colors – Full spectrum – OKLCH 注目の色「OKLCH色空間」によるカラーパレット作成ができるツール。一般的なLCHとOKLCH色の比較の通り、より「いい感じの色合い」で、明度と彩度のトーンがあった美しい配色を生成し
TypeScriptユーザーに贈るGleam入門
最近v1に到達したGleamという静的型付けな関数型言語があります。 GleamはErlangとJavaScriptをターゲットに実行できるため、今TypeScriptを使っている領域でも使うことができます。 この記事ではTypeScriptユーザー向けにGleamの文法を解説していきます。 記事を通してGleamの良さを感じていただければ幸いです。 Gleamの公式サイトでは以下の言語のユーザー向けのチートシートもあるため、この中に知っている言語があるのならそちらを読んでみるのがオススメです。 Elixir Elm Erlang PHP Python Rust また、個人的にGleamの情報をCosense(Scrapbox)にまとめているので、リファレンスがてら覗いてみてください。 organizationとして管理していきたいと考えているので、編集のリクエスト等も歓迎です。 編集した
OSCP合格体験記
2024/06/15(土)にOSCPの試験を受けて、無事に合格しました。合格体験記です。 目次 OSCPとは 配点 戦略 結果 経過 使用ツールの紹介（自作チートシート含む） [宣伝] 動的コマンドチートシート（自作） 戦術チートシート 攻略メモ・カンバン レポート NetExec Ligolo-ng 合格証明書 感想 OSCPとはOffSec Certified Professionalの略称です。セキュリティトレーニングで有名な会社のOffSecが提供するペネトレーションテストの資格です。 高難易度な資格に分類されます（OffSec社の資格の中ではエントリーレベルですが…）。 LinuxやWindowsのマシン（VM）とそのIPアドレスが与えられるので、マシンに侵入して権限昇格までを行う実技試験です。 PEN-200というトレーニングコースが付随しており、それでみっちり座学と実技を学ん
[保存版]デザイン×AI リソース・ケーススタディ（2024/6/16更新）｜しょーてぃー/ Experience Designer
こんにちは、Experience Designerのしょーてぃーです。 生成AI×体験デザインについて考えるのって大変ですよね。 ということで、自分が保存しているAI×UX /AI×UI /ML×UX…リソースリストの一部を開放します。 今後も増やしていきます。 次回更新はAIエージェントの体験設計についてを想定(6/16) UI / インタラクションデザイン編Aiverse.design 最新のAI-UXインタラクションのライブラリ。 最新のAI-UXインタラクションのライブラリ。企業がAIをどのようにデザインに取り入れているのか、最新のAI機能は何かを知ることができる、現在120以上のAI-UXインタラクション事例を掲載。会話型、アシスト型、インビジブル型、アンビエント型に分類されている。 🔗https://t.co/sLuiYP6loY pic.twitter.com/eeoF59
![[保存版]デザイン×AI リソース・ケーススタディ（2024/6/16更新）｜しょーてぃー/ Experience Designer](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6aa04c9bdebb49bb401c07bbd7134e48c23d470/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F144225679%2Frectangle_large_type_2_e6d15a59e04064a3a132af85b634e893.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
ITエンジニアをしていると、「技術力」があるかないか、というものさしで他人から見られてしまいますし、もちろん私も同僚や同業の人をそういう視点で見てしまいがちです。 しかし、この「技術力」は、とても抽象的で、実体のない言葉だなと感じることが多いです。「技術力ってなんですか？」という問に、皆が期待するような100点の答えを返す自信は、私にはありません。 私の経験上は、「あの人は技術力がある」と称されている人は、おおむね普通に「仕事ができる人」であることも多いですし、「技術力がない」と称される人は技術によらずにあまり「仕事のアウトプットが芳しくない」といういイメージがあります。 ただ、一部「技術力がある」「技術力だけはある」と称される人の中には、「仕事はできないけれど、テクノロジー関連については詳しい」という人も含まれているように思います。 仕事ができる人の特徴技術によらず、「この人は仕事ができ
ユニファイドコミュニケーション戦略を策定する際、企業はいくつかの重要な要素を考慮する必要がある。このステップバイステップのガイドは、企業がUC導入を計画する際に役立つ。 ユニファイドコミュニケーション（UC）は、ビデオ会議、音声通話、チャット、メールなどのコミュニケーション手段を一つのプラットフォームに統合する概念およびコラボレーションツールだ。企業におけるユニファイドコミュニケーション戦略を優れたものにするためには、入念な検討やエンドユーザーからの意見、UC市場とその製品に関する徹底的な理解が必要だ。優れたUC戦略においては、部署ごとのニーズだけでなく、全社的な要件や内部および外部とのコミュニケーション、ハイブリッドワークやテレワークの状況についても考慮しなければならない。 このガイドでは、優れたUC戦略を実践するための重要な手順とベストプラクティスを紹介する。 UC導入時に考慮すべき事
firebaseのStorageの指定フォルダからファイルを取得( Vue, Nuxt, TypeScript)
firebaseのStorageの指定フォルダからファイルを取得 こちらを業務でやることになったので備忘録でかきこ チートシート目的ですね。 公式にすべて記載あり firebaseの公式に記載ありますが、こちとら業務で取得確認までしなきゃなのでやり方を下記に記載して自身のやり方を残しておきます。 取得はコンソールのStorageに記載あるgs://hogehoge~~.comを利用して取得 今回はちょっと変わっていて指定フォルダ先にあるCSVファイルを全取得します。 ファイル名は日付_test.csvで登録されているものとします。 ex) 202406291230_test.csv 普段であれば、下記path指定すれば必要とするファイルがとれますが、今回は最新のものを取りたいので全件取得で比較することになりました。 import { getDownloadURL, getStorage,
知っておくと仕事が捗る便利ツール17選 - Qiita
はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s
floatでレイアウトを組んでいたことが懐かしいくらいに、Flexboxが主流となり、最近はボックスの間隔とかすごく楽に設定できるのでCSS Gridを使用する場面が増えました。 「Flexboxの時代も終わりかぁ…」なんて思ってしまいましたが、二つとも似て非になるものと言いますか、場面によってはCSS GridよりFlexboxで組むほうが正解！なんてこともあったので、ここでは「どういう時にCSS Grid（Flexbox）がいいの？」を解説していきたいと思います。 そもそもFlexbox Flexbox（Flexible Box Layout Module）は、Webページの要素を柔軟にレイアウトするためのCSSレイアウトモジュールです。従来のfloatやdisplay: tableなどのレイアウト方法と比較して、以下の点で優れています。 アイテムを横方向または縦方向に並べる アイテム
皆様こんにちは。XI本部 AIトランスフォーメーションセンターAI製品開発グループの福竹と申します。 本記事はISID Techblogの2022年アドベントカレンダー12/23の記事となります。しかしクリスマスどころか2022年の営業日も残りわずかですね。皆様の2022年はいかがでしたか？ もう残り少ないですが、ここらで2022年を「ふりかえって」おきたいところですね？（強引なアイスブレイク） という訳で本記事のテーマは「ふりかえり」です。 今年一年、執筆者はオンラインホワイトボードツールのmiroを使って、開発チームで「ふりかえり」を行うことがよくありました。この試行錯誤の中で、特に企画側として意識するようになったTipsや課題意識について、本記事では共有したいと思います。あくまで私個人のTipsであり、チーム状況や志向性によって適用できる/できないはあるかと思いますが、このテーマに関
文章を書いているときに、どのようなことに気をつければいいのか、その項目が一覧であると役に立つと思います。ここでは、文章の作成中に確認できるチートシートを公開しています。 チートシートはテキスト版と画像版、PDF版の3種類があります。お好みの形式のものをご利用ください。 テキスト版チートシートのテキスト版は、以下の通りです。各項目の補足は省略していますので、必要な場合は画像版またはPDF版をご利用ください。 結論からはじめているか PREP法を用いているか 文は50文字、段落は150文字くらいになっているか 読者がわかることばを用いているか 読者の視点で書いているか 見出しや箇条書き、表を用いているか 図を用いているか 主語を明確にしているか 主語と述語を近づけているか 主語と述語は対応しているか 修飾語と被修飾語を近づけているか 複数の修飾語は文字数が長いものから書いているか 「場合」と「
はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s
詳解 AWS CloudFormation|マイナビブックス
詳解 AWS CloudFormation 著作者名：潮村 哲 書籍：3,982円 電子版：3,982円 B5変：736ページ ISBN：978-4-8399-85882 発売日：2024年06月25日 シリーズ名：Compass Booksシリーズ 内容紹介 AWSのIaCサービス CloudFormation を使い倒す！ CloudFormationはAWSの各種サービスを「設定ファイル」で構築・設定・管理することができるIaCサービスです。200を超えるサービスの大半に対応しており、設定ファイルで環境が構築できる手軽さから、検証用から本番環境まで多くの基盤構築・管理ツールとして活用されています。 本書は「CloudFormationを使ったことはあるが、より便利な使い方を知りたい」読者の方を想定して執筆されました。 次のような課題の解決にご活用ください。 ・細かな仕様が知りたい ・
dart macros チートシート
本記事ではdart macrosの概要は触れません dart macrosはベータ機能となるため、今後仕様が大きく変更される可能性があります 網羅的に記述はしておりません。足りない部分は日々アップデートしていきます interface class Macro ※Doc参照 Every macro interface is a subtype of a root Macro marker interface. There are interfaces for each kind of declaration macros can be applied to: class, function, etc. Then, for each of those, there is an interface for each macro phase: type, declaration, and defi
はじめに なかなか欲しい情報に辿り着けないこと、ありませんか。 そんなときは英語サイト検索や検索演算子を利用して、効率よく情報収集を行うことをお勧めします！ こんな人におすすめ 自分の欲しい情報を効率よく見つけたい 英語サイトの検索を楽にしたい Google検索のチートシートを用意したい 英語サイトを対象に検索するための工夫 ワンクリックで検索結果を切り替えられるブックマークを作成しておくと便利です。 ブックマークの作成方法 ブックマークマネージャを開きます。 スクリプトをURL欄へ入力して保存します。 javascript:(()=>{u=new URL(location);u.searchParams.set('lr',(u.searchParams.get('lr')=='lang_en')?%27lang_ja%27:%27lang_en%27);location.href=u.h
Amazon EC2 ! AWSが提供する仮想サーバーサービスです。EC2を利用することで、ユーザーはクラウド上で仮想マシンを簡単に作成、管理することができます。 EC2 インスタンスを起動すると、指定したインスタンスタイプによってインスタンスで使用できるハードウェアが決まります。インスタンスタイプごとに、コンピューティング、メモリ、ネットワーク、ストレージのリソースのバランスが異なります。 自社でOS設定などのデータベースのインフラ環境を管理するためには、EC2インスタンスを使用してDBを構築することが必要です。 AMI(Amazon Machine Image) AWS がサポートおよび管理するイメージで、インスタンスの起動に必要な情報を提供します。リージョン単位で作成され、S3に保存される。 暗号化されたAMIの共有方法 複数のアカウント間でAMIを共有するには、AMIを別のアカウン
こんにちは。R&D室のsiidaです。R&D室ではストレージとしてS3を使用し、分析環境としてSageMakerを使用しています。そのためPythonからS3を使用することが多いのですが、今回はその際に便利な s3pathlib についてご紹介します。 TL;DR PythonでS3のファイルパスを扱う場合には s3pathlib が便利です。組み込みモジュールの pathlib では s3:// から始まるS3のパスをパースすることができませんが s3pathlib なら pathlib と同じように扱うことができます。 from pathlib import Path from s3pathlib import S3Path local_dir = Path("./my_dir") s3_dir = S3Path("s3://my_bucket/my_dir") if local_di
正規表現 チートシート
＊漢字の正規表現について 漢字は文字コード表のなかでバラバラに指定されているので、範囲指定が非常に複雑になる。 参考：Unicodeで「漢字」の正規表現 https://tama-san.com/kanji-regex/
こんにちは、Flutterでのアプリ開発をメインとしている「Altive株式会社」の村松龍之介（@riscait）です！ 以前にMelos v1.0.0 についてのチートシートという記事を書きました。 もう v5.2 がリリースされたとのことで進化を感じますね…！ 弊社でもいくつかのアプリプロジェクトでMelosを使ったモノレポ運用を行っております。 弊社 flutter_app_template でもMelosを採用しています。 melos.yaml はこちら↓ 目次 Melosとは？ 複数のパッケージを持つDartプロジェクト（Monorepoとも呼ばれる）の管理支援CLIツールです。 大規模なプロジェクトをバージョン管理されたパッケージに分割することはコード共有のために非常に有効です。 しかし、多くのリポジトリにまたがって変更を加えるのは、手間がかかり、追跡が難しく、リポジトリをまた
Amazon Web Services（AWS）は2024年6月11日（米国時間）、2025年初頭までに新しく台湾にAWSリージョンを開設すると発表した。「アジアパシフィック（台北）」リージョンは、ローンチ時に3つのアベイラビリティゾーン（AZ）で構成されるという。これにより、台湾のAWSユーザーは、ワークロードとデータを台湾内に留めておくことができる。 各AZは、リージョン内の他のゾーンとは物理的に独立している。AWSは、AZが「低レイテンシを必要とするアプリケーションをサポートできる一方、AZレベルでのイベントがビジネスの継続性に影響を及ぼすリスクを大幅に軽減できる」距離で設置されていると説明している。 関連記事 Broadcom、AWSによる「VMware Cloud on AWS」の販売が終了したと発表 「サービスはなくならない」 AWS上のVMwareサービスである「VMware
2024年のPHP学習にお勧めのチュートリアル/コース27選
2024年のPHP学習にお勧めのチュートリアル/コース27選 初心者のプログラマーや、WordPressの開発を始めたばかりのプログラマーにとって、PHPは素晴らしい足がかりになります。非常にシンプルでわかりやすい言語なので、簡単に学習を始めることができ、そしてオンライン開発の骨格を形成してくれます。それどころか、WordPressバックエンドで作業をするには必須の言語です。しかし、もし高価な大学のコースに数か月や数年を費やしたくない人にとってはどうでしょうか？そんな場合には、ウェブ開発の最初の一歩を踏み出す為の代替案があります。便利なもので何百もの無料・有料PHPチュートリアルがあり、やろうと思えばすぐさま学習を開始できます。20を超える優れたチュートリアルをご紹介します。 昔ながらのDIY型ドキュメントからガイド付きのチュートリアル、ゲームやエクササイズを使ったインタラクティブなコース
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知っておくと仕事が捗る便利ツール17選 - Qiita
使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選
技術力について。もしくは「いかにして問題をとくか」という本について。｜moaikids
【徹底解説】コラボレーションツールの最適な導入ステップと選定ポイント
【保存版】CSS GridとFlexboxの決定的な違い！使い分けでWebデザイン爆速化！ - Qiita
ふりかえりとmiroと非同期コミュニケーション - 電通総研 テックブログ
テクニカルライティングのチートシート｜Hiroki Zenigami｜テクニカルライター
知っておくと仕事が捗る便利ツール17選 - Qiita
最速で欲しい情報に辿り着くGoogle検索方法【保存版】
SAA-C03認定試験チートシート【初心者】#AWS - Qiita
Pythonで扱うS3のパスをs3pathlibでイケてる記述にする - 弥生開発者ブログ
【v5.2対応】MelosでDart/Flutterのモノレポ管理
AWS、台湾で「台北リージョン」開設を発表 2025年初頭までに提供開始予定