米村歩@日本一残業の少ないIT企業社長 @yonemura2006 ・丁目、番地が全角しか入力できない ・電話番号が全角しか入力できない ・建物名が全角しか入力できない ・生年月日がカレンダーで果てしなきページ送りを要求される ・何の入力チェックでエラーが出ているのかわからない ・入力チェックエラーになると入力内容が全部消える #クソ入力フォーム選手権 2021-09-06 22:44:39
「丁目、番地が全角しか入力できない」「何の入力チェックでエラーが出ているのかわからない」みんながネットでイラつく#クソ入力フォーム選手権 開催中
米村歩@日本一残業の少ないIT企業社長 @yonemura2006 ・丁目、番地が全角しか入力できない ・電話番号が全角しか入力できない ・建物名が全角しか入力できない ・生年月日がカレンダーで果てしなきページ送りを要求される ・何の入力チェックでエラーが出ているのかわからない ・入力チェックエラーになると入力内容が全部消える #クソ入力フォーム選手権 2021-09-06 22:44:39
【2019年】CTF Web問題の攻撃手法まとめ (Web問題のwriteupぜんぶ読む) - こんとろーるしーこんとろーるぶい
CTF Advent Calendar 2019 - Adventarの25日目の記事です。 1つ前は@ptr-yudai氏の2019年のpwn問を全部解くチャレンジ【後半戦】 - CTFするぞでした。 はじめに 対象イベント 問題数 読み方、使い方 Cross-Site Scripting(XSS) SVGファイルを利用したCSPバイパス GoogleドメインのJSONPを利用したCSPバイパス サブリソース完全性(SRI)機能を利用した入力チェックバイパス Chrome拡張機能のパスワードマネージャーKeePassの悪用 HTML likeコメントを使用したコメントアウト jQuery.getJSONのJSONP機能を使用したスクリプト実行 DOM Clobberingによるコードハイジャック Service Workerを利用したスクリプト実行 XSS Auditor機能のバイパス
「英語仕事効率化」のための必携ツール7選: DeepL、Grammarly、Quillbotなどの活用方法 - ENGLISH JOURNAL
英語を活用する仕事に関連するツールの中から、特に人気で効率的な7つをピックアップ。DeeplとGrammarlyの併用方法やQuillbotの使い方、そしてOtter.aiでの仕事効率化のコツなど、多様なニーズに応える情報を詳しく解説します。 英語の仕事効率化に役立つツール7選: 効率&品質アップの秘訣DeepL：外部翻訳支援ツールと連携、AI 翻訳のマストツールhttps://www.deepl.com/ 訳文の自然さで知られるAI翻訳ツール。対応言語は30弱、全部で700の組み合わせの翻訳が可能となっている。SNSや掲示板などの生の対話から学習をしているため、非常に今日性の高い訳文が取得できると評判だ。それ故に、時折過剰にネットスラング的な表現が提案されることもあり、「常に正確性の高い英文が取得できるわけではない」ということは認識しておきたい。 ブラウザ版とデスクトップ版（Window
安全なウェブサイトの作り方を読んだので、理解した内容を自分なりにまとめておきます。資料 上記は3章構成になっていてそれぞれ長めの内容なので、ここでは3章の『失敗例』について、Ruby on Rails ではどうするかについてをまとめます。 SQL インジェクション OS コマンドインジェクション パス名パラメータの未チェック例（ディレクトリトラバーサル） 不適切なセッション管理例（セッション ID の推測） クロスサイト・スクリプティングの例（エスケープ処理） CSRFの例 HTTP ヘッダ・インジェクションの例 メールヘッダ・インジェクションの例 参考 SQL インジェクション 参考資料内の SQL インジェクション例を見て、Ruby on Rails ではどのように対策できるかを確認しました。 例えば、下記ような $uid, $pass をユーザ入力とし、SQL 文を動的に生成する場合
S3 静的ウェブサイトにサーバーレスなお問い合わせフォームを実装してみた（Amazon SES + AWS Lambda + API Gateway） | DevelopersIO
S3 静的ウェブサイトにサーバーレスなお問い合わせフォームを実装してみた（Amazon SES + AWS Lambda + API Gateway） はじめに みんなが大好きな Amazon S3 の「静的ウェブサイトホスティング」で公開した HTML ウェブサイトに、メールフォーム付きのお問い合わせページが欲しくなるケースも多いと思います。 そこで今回は AWS のクラウドサービスをフル活用し、完全にサーバーレスで動作するメールフォームを構築してみました。 1時間ほどの作業でお問い合わせフォームを実装でき、AWS に触れることで「サーバーレス構成」の基本を理解するのにも役立ったので、備忘を兼ねて構築方法をご紹介します！ 今回の構成（概略図） サーバーレスだと何が嬉しいの？ おサイフに優しい メール送信のバックエンドに利用するAWSサービス（Amazon SES、Lambda、API G
全国銀行資金決済ネットワーク（全銀ネット）は2023年10月18日に記者会見を開き、「全国銀行データ通信システム（全銀システム）」で発生した障害に関する原因調査の状況などを説明した。コアタイムシステムの中継コンピューター（RC）が保有するテーブルが破損しており、「内国為替制度運営費（旧銀行間手数料）」の入力・チェックをする際にエラーが発生していたことを明かした。一方でテーブルが破損した原因については調査中とした。 「今回の問題は当法人だけでなく、我が国の決済システム全体を揺るがす大きな問題と認識している」 全銀ネットの辻松雄理事長は記者会見の冒頭、このように述べて陳謝した。全銀システムは10月10日朝に障害が発生。三菱UFJ銀行やりそな銀行など10金融機関で他行宛ての振り込みに関するオンライン処理などが2日間にわたってストップし、仕向けと被仕向けを合わせて506万件の振込処理に影響が出た。
オンライン英文校正ツール８つを徹底比較！ - 英語と英文法を学べるTrinkaブログ | AI英文法チェックツールTrinkaの公式ブログ
英語が第一言語でない人にとっては、カジュアルな英作文であっても、フォーマルな文書の作成であっても、文法やスペルのミスなく書き上げるのは簡単ではありません。でも、そんなミスを修正してくれるツールを気軽に使えたら世界が広がりませんか。英語でブログを始めたり、海外アーティストのSNSにコメントしたり、英語でスライド資料を作ったり、英文を躊躇なく書けるようになったら何をしたいでしょう。 オンラインの英文校正ツール、英文チェックツールの精度は近年飛躍的な向上を続けていて、無料で使えるものも出てきました。 現在、利用可能な英文校正ツールにはたくさんの種類があり、どれを選んでよいか分からないという方も少なくないでしょう。使いやすさ、分かりやすさなど、インターフェイスや機能面での違いもありますが、一口に英文校正ツールといっても、それぞれ独自のアルゴリズムを使用しており、ミスの検出精度は一様ではありません。
新型コロナウイルスのワクチンの接種状況を一元的に把握するため、国が導入した新システムに自治体や医療機関から不満の声が上がっている。接種券を読み取るタブレットの不具合に加え、システムへの入力作業などが重荷になっているからだ。高齢者に続き、一般の人の接種が本格化するにつれ、接種状況の迅速な把握が難しくなったり、誤った情報が入力されたりするケースも想定され、混乱が加速する恐れがある。（鬼丸明士） 【イラスト】ワクチン接種システムのイメージ 新たに導入された「ワクチン接種記録システム（ＶＲＳ）」は、自治体側があらかじめ整備している予防接種台帳や住民基本台帳から住民の氏名や生年月日、接種券の番号、マイナンバーといった情報を入力。国から配布されたタブレットを使って接種会場の担当者が接種券に記載された１８桁の数字列を読み取り、接種記録を蓄積する仕組みだ。 これまでの予防接種では住民の情報が予防接種台帳に
こんにちは。エンタメ領域のDXを推進するブロックチェーンスタートアップ、Gaudiyでエンジニアをしている高島（@takashima_katsu）です。 Gaudiyでは現在、BFFレイヤとしてGraphQLサーバを利用しています。導入してから1年以上が経ちますが、スキーマ駆動開発はDXの向上につながっていると実感しています。（以下のブログが詳しいです。） techblog.gaudiy.com 今回は、GraphQLの利点を活かしたエラーハンドリングの方法について、Gaudiyでの実践をもとに書いてみたいと思います。エラーハンドリングの実装について課題感のある人や、現在GraphQL Errorsを使っている人に、ぜひ読んでいただけると嬉しいです。 1. エラーハンドリングとGraphQL 2. GraphQL Errorsにおける課題 3. GraphQLエラーハンドリングの実践 3-
はじめに こんにちは。Webフロントエンドチームの山口です。 この記事では、N予備校の規約類を microCMS で管理して、運用を改善した取り組みについてご紹介します。早速ですが、前置きは抜きにして本題に入りたいと思います。ぜひお付き合いください！ 背景、前提 N予備校では、基本的な 利用規約 の他、定期的に開催されるキャンペーンの応募規約など、様々な規約を公開しています。 中野信子講座での著書プレゼント企画 受講者参加型お悩み相談企画 総数は年々少しずつ増加しており、記事の執筆時点で23件もの規約が存在します。これらは全てプロダクトのコードベースにハードコードされており、開発チームが社内のステークホルダーから変更依頼を受け付ける形で管理されていました。 新しく規約を追加することもあれば、既存の規約に変更を加えることもあります。開発チームは依頼元と必要なコミュニケーションを取りながら対応
前回の記事『2024年版 HTMLで作るフォームバリデーション』ではHTMLの機能を駆使したフォームバリデーションの実装について解説しました。HTMLのみでも高機能なフォームを作成できるのは解説したとおりですが、HTMLに加えてJavaScriptを組み合わせることでより高機能なフォームを作成できます。それに加えて、開発者体験の向上も期待できます。 本記事では3つのライブラリを使用して実践的なフォームを作成する方法を解説します。 UIライブラリ「React」 フォーム向けライブラリ「React Hook Form」 型システムと相性の良いスキーマバリデーションライブラリ「Zod」 また、静的型付け言語であるTypeScriptもこれらのライブラリと同時に使用し、堅牢なフォームの実装を目指します。 本記事を読むことで以下の知識が身につきます。 フォーム画面のユーザー体験（UX）と、フォーム実
Bolt を使って Slack でヘルプデスクチームとのやりとりを効率化するアプリをつくってみよう - Qiita
Slack アプリ開発へようこそ！ この記事では、ショートカット、モーダルのようなインタラクティブな機能を Bolt for JavaScript を使ってどのように実装すればよいかを解説します。 なお、この記事で紹介するのは、BIT VALLEY 2020 のための用意されたデモアプリです。 BIT VALLEY での講演は YouTube で公開されていますので、こちらからご覧ください。 この記事で実装するアプリ ここで扱うサンプルプロジェクトは、ヘルプデスクチームが提供するアプリを想定したサンプルです。シンプルではありつつも、Slack プラットフォームの最新の機能をうまく活用しているので、これをベースに拡張することで実際に使えるアプリに進化させることができるでしょう。 以下のアニメーションで、どのようなアプリなのかをみてみましょう。 ショートカットでモーダルを起動 エンドユーザーは
社内の情報共有ツールを Qiita:Team から esa に乗り換えました - Feedforce Developer Blog
猛烈に暑かったり暑くなかったりするなか皆様いかがお過ごしでしょうか。自宅のエアコンが故障して修理待ち半月の id:tmd45 です。 先月、5 年間使い続けてきた Qiita:Team から esa へ、情報共有ツールの乗り換えを行いました。80 名ほどの全社移行となかなか大きなプロジェクトだったので、ここに記録を残したいと思います。 なぜ乗り換えに至ったか フィードフォースの情報共有文化 抱えていた課題 動き出した移行プロジェクト 検討した情報共有ツール esa に決めるまで 社内への働きかけ データ移行のノウハウ Emoji の登録 記事データの移行 プロジェクトページ記事の扱い プライベートグループの記事の扱い メンバーの移行とデータの移行のタイミング esa と一緒に使っている便利ツール 記事の自動作成「自動 esa やり機」 Slack に記事 URL から概要を展開してくれる「
こんにちは。Gunosy R&D チームの森田です。 GPT-4o が発表されたこのタイミングで！？という向きもあるかとおもいますが、LLMの世界は一ヶ月もすればまったく違う状況になっているのが常なので、いずれは GPT-4o を超えるモデルが発表される時も来るでしょう。 Claude 3 Opus は一時期 GPT-4 のスコアを超え、 Claude 3 Haiku では GPT-3.5-Turbo のトークン当たりで約半額とコストパフォーマンスに優れていますし、 AWS Bedrock 経由で安定して利用できることもあり、Claude 3 は乗り換え先の候補の一つです。 Claude 3 への乗り換えには、点々とつまづくポイントがあるので、引っかかった所と回避方法をご紹介します。 今回紹介する内容はClaude 3に限らないものもありますので、ローカルLLM や他のLLM への乗り換え
SpringBoot + Kotlin + GraphQL のアプリ向けスキーマ設計・実装のプラクティス - エムスリーテックブログ
こんにちは、エムスリー エンジニアリンググループ マルチデバイスチームの藤原です。 昨年末に医師向けのスマホアプリを新たにリリースしました。 スマホアプリ向けの BFF(Backends For Frontends) も新規に開発したのですが、そこには SpringBoot + Kotlin + GraphQL なアプリケーションを採用しています。 GraphQL はチームでの採用は初めてで、私もこのプロジェクトで初めて触りました。 そのような状況だったので GraphQL 周りについては試行錯誤を重ねることとなったのですが、今回はその開発の中で見えてきた プラクティス をいくつか紹介したいと思います。 これから SpringBoot + Kotlin + GraphQL な開発をされる方の参考になれば幸いです。 ボネリークマタカ（某GraphQLの入門書*1の表紙にもこの鳥が描かれている
はじめに フロントエンドエンジニアを目指してプログラミングを学習しています。 トンテキと申します。 プログラミング学習のアウトプットとして自作のWebサービス-SHAKYO-を制作、公開しました。 この記事では-SHAKYO-の概要や制作過程について説明します。 URL リンク先はこちら- SHAKYO - 目的 ・フルスクラッチ開発を行うことでWebアプリの基本的な構成、動作を知る ・自作のWebアプリで同じ初学者の方の役に立つサービスを提供したい スペック 使用言語 / HTML５/ CSS3 / Javascript / PHP DBMS / MySQL 開発環境 / MacOS Mojave 10.14.6 バージョン管理 / SourceTree(3.0.15) 本番環境 / xserver 主な機能 ユーザー管理機能 ・ユーザー登録機能 ・ユーザーログイン機能 ・ユーザー編集機
「マイナンバーカードと銀行口座が既に結び付いていれば、これはかなりスピード感を持って対応することができたのだろうと、こう思います」――。安倍晋三首相は2020年5月25日、緊急事態宣言を全面解除した記者会見で、国内に住む住民1人当たりに一律10万円を給付する「定額特別給付金」の遅れについてこう見解を示した。 首相見解を受け、政府・与党は金融機関の口座にマイナンバーをひも付ける法案を相次いで提出する。しかし実務に詳しい自治体関係者は、口座にマイナンバーをひも付けたところですぐに給付の迅速化にはつながらないと指摘する。 2段階でひも付け 政府・与党は2段階で法整備を進める考えだ。1段階目として与党は2020年6月8日に議員立法で、国が希望者の申請に基づいてマイナンバーと金融機関の口座をひも付けた「給付名簿」を作成する法案を国会に提出した。 具体的には、政府が運営するマイナンバー制度の個人向けW
プロンプティングからOpenAI API、さらには周辺のライブラリやHubのエコシステムまで広く活用の助けになる知見を共有し、みんなで手を動かして楽しむためのコミュニティ「ChatGPT Meetup」。3回目に登壇したのは、吉田真吾氏。HRテックのSaaS「CYDAS PEOPLE」における、ChatGPTを活用したチャット機能開発について発表しました。 HRテックのSaaS「CYDAS PEOPLE」のチャット機能にChatGPTを活用 吉田真吾氏：どうもみなさんこんばんは。今日私からは、本番リリースに向かってLLMアプリケーションを構築している話をしようかなと思います。 第0回（ChatGPT Meetup Tokyo #0）でもお話をしたのですが、私は現在、RAG（Retrieval-Augmented Generation）フローを使ったLLMアプリケーションを作っています。 サ
「アンラーニング（unlearning）」と「リスキリング（reskilling）」――。どちらも最近にわかに新聞紙面やビジネス誌をにぎわせているビジネスキーワードだ。 アンラーニングは日本語では「学習棄却」と説明される。個人や組織が既に獲得した知識、技術、価値観などのうち賞味期限切れになったものを捨て、代わりに新たなものを取り入れる行為を意味する。アップデートと言い換えてもよいであろう。リスキリングは、技術革新やビジネスモデルの変化に対応するために、新しい知識やスキルを学ぶ行為を指す。 我が国においても、従業員のアンラーニングやリスキリングに力を入れる企業が大企業を中心に増えてきた。この2つのキーワードは、DX（デジタルトランスフォーメーション）やデジタルシフトと切っても切り離せない関係にある。 DXは既存業務のスリム化・棄却の「痛み」を伴う。それこそが急務 DXを「D」と「X」に分解し
CSとエンジニアを滑らかにつなぐ、タイミーでの「割り込みタスク」の運用フロー - Timee Product Team Blog
不定期な割り込みタスクは見落としやすく、振り返りづらい Slack + Notionで、割り込みタスクを管理する CSメンバーはNotionに起票後、Slackで報告 エンジニアメンバーは、Daily Standupで優先度をつけ着手 職種をまたいだ依頼フローをもっと整えたい ※このブログは Cocoda さんに寄稿したものです。 タイミーでバックエンドエンジニアをしているedyです。 スキマ時間にバイトができるアプリTimeeを運営しています。 timee.co.jp エンジニアとしてサービス開発に関わる中で、日々のスクラムなどで「計画的に行っているタスク」とは別に、「CSなど別チームから急に依頼されたタスク」に対して、どんな優先度で、どのように向き合っていくとよいのか頭を悩ませていました。 試行錯誤した結果、タイミーではNotionを活用してそのような「割り込みタスク」に対処する運用フ
Reactテスト駆動開発に一度挫折した人が、生成AIの力を借りて再挑戦する話 - Insight Edge Tech Blog
はじめに Insight EdgeのLead Engineerの日下です。 弊社ではフロントエンドのスクラッチ開発にReactを採用することが多いのですが、フロントエンドの保守性はしばしば課題となっています。 というのも、要求仕様が曖昧なPoC（Proof of Concept）の段階からMVP（Minimum Viable Product）として開発を進めることも多く、 ビジネス側ユーザの意見にも左右されながらアプリを改善していくため、画面のレイアウトやデザイン、画面遷移の変更が多発するためです。 こうした状況の中でスピードと品質を両立するためには良質なテストコードが不可欠なのはもちろん、 プロダクトコードとテストコードの双方とも、変化に対応しやすく作る必要があります。 過去にテスト駆動開発を挫折した要因 実は、筆者は過去にReactのテスト駆動開発の実践、および社内普及活動に挑戦したこ
土木小ネタ：計算ソフト使うのはいいけど、そのソフトの答え合ってる？ - おっさんのblogというブログ。
如何お過ごしですか？ 3回連続10cmです。 当ブログにお越しいただきありがとうございます。 いつも本当にありがとうございます。 地味な土木小ネタシリーズ。 今回は構造計算で使うソフト（市販のソフト）のネタです。 マイナーすぎるくらいマイナーです。 ビルをぶっ立てるのも、橋をぶっ架けるのも、設計段階で『構造計算』を行い、その構造計算で決まった部材などで『設計図』を書いて、その設計図を見て『施工（作る）』します。 構造計算は地震が来ても大丈夫なように、細部まで安全・安心な構造物を作るに欠かせない大事な過程なんです。 その構造計算、イマドキ電卓叩いて手計算なんかやってられっかい！ってことで、ほぼ100％ソフトを使っています（みんなそうしていると思います）。 けど、そのソフトを使って計算した答えは本当に合っているの？って話です。 構造計算ソフト。 ソフトへの入力。 問題はソフトの中身。 設計計算
SPRING FEST 2019 - ローコード開発プラットフォームと、 ドメイン駆動設計と、Springの関係 - ジャスミンソフト日記
2019年12月18日のイベントで、ランチセッション枠として登壇しました。全体では700名を超える参加者で、私のランチセッション枠も満員御礼でした。ご参加いただいたみなさま、ありがとうございました！ springfest2019.springframework.jp 当日の発表内容を報告します。今回の対象は「社内業務システムの開発」です。また、タイトルは「ローコード開発」となっていますが、具体的にはWagbyに限定しています。そこはメーカーの発表として、お察しください。では、はじめます。 ドメイン駆動設計は自由度の高さが魅力だが... もし私が30歳で、Wagbyをつくっていなければ、DDDは大好物なネタとして飛びついたでしょう。私からみたDDDの特徴は次のとおりです。 業務設計者（現場）がコードを書くのではなく、プログラマが業務を理解するアプローチ。 内製開発、アジャイルと相性がいい。
はじめましてこんにちは。 みなさんの開発環境におけるテスト環境はどんな感じでしょうか？ TDDで実装し、UTおよびE2EがCIで回り、DXかくあるべしと鼻高々で、 そうでない環境は人権侵害であると思っている環境でしょうか？ それとも、こんなんじゃだめだよくないと思いつつ、 テストをプログラマまかせにしている環境でしょうか？ この記事は後者の環境で 現実に立ち向かい、現実を変えたいと思い、 しかし多くの課題を抱え立ちすくんでしまっている有志への応援歌です。 お前誰？ 某SIerで14年目が終わろうとしているエンジニア兼マネージャです。 僕の開発現場は、強力な営業力をもつ現会長が起こしたコンピュータ機器商社で、 20年くらい前から開発部門を自社内に作った、そういう環境です。 エンジニアリングに優れているか、技術的知見が豊富かどうかというよりも、 顧客営業力があるか、納期遵守力があるかどうかが評
原因となったのが内国為替制度運営費の入力・チェックを行うアプリケーション。障害のきっかけとなったテーブルは図の右にある｢環境構築（事前準備）｣のテーブル。 出典：全銀ネット 全銀システムは、サーバーなどの耐用年数を踏まえて設備の更新をしている。今回は中継コンピューター｢RC｣が更新予定で、｢RC17｣（2017年更改）から｢RC23｣にアップデートする予定となっていた。 10月7～9日の3連休にシステムの更改を実施し、連休明けの10日の午前8時30分から稼働をはじめたところ、刷新したRCが電文を送受信しなくなった。2日間にわたる復旧作業を経て、苦肉の策でプログラムの一部を簡易版で作り直し、どうにか暫定復旧させた —— というのが、先週のトラブルのあらましだ。
AirTableは2012年にスタートしたサンフランシスコ・ベイエリア発のクラウドデータベースのサービスです。 小難しいデータベースと違い、GoogleスプレッドシートやExcelの操作感で簡単に使用できます。 操作感はExcelのままで、入力チェックや絞り込み、複数シートにまたがるデータの整合性チェックは一般的なデータベースの機能になっているので、Access＋Excelというイメージです。 １．業務システムに寄り添う表示切り替え機能業務システムとして使用する場合、上記のようなExcel表示だけだと少し物足りないですよね。 AirTableではワンクリックで、様々な表示に切り替えることが可能です。 例えば、カレンダー表示。これは、日付項目を参照して表示しています。 ユニークなのが、カンバン形式の表示もあります。 ２．強力な入力チェック機能ExcelやGoogleスプレッドシートでは、入力
全銀ネットでは、障害発生直前の10月7～9日に、全銀システムと金融機関の接続を中継するリレーコンピューター（RC）の更改作業を行った。NTTデータは全銀システムに携わっており、旧RC（RC17シリーズ）を新RC（RC23シリーズ）に更改するプロジェクトを担当している。更改は、金融機関で設置、稼働するRC17シリーズをRC23シリーズに更新した上で、稼働環境を全銀システムに集約するものとなる。 全銀ネットの10月18日の発表によると、障害はRCで処理する金融機関の送金／着金の手数料に関連した「内国為替制度運営費」で発生した。ここでの処理方法の1つに「あらかじめRCに設定されたテーブルを参照してRCが電文に金額を入力」があり、その処理にエラーが発生してRCが異常終了し、電文の送受信に影響が生じた。 NTTデータの説明によると、障害の直接的な原因は、上記の「あらかじめRCに設定されたテーブル」を
検討したり、例外を適切に設けるために使うものです。 要件定義 バックエンドシステム・CMSが以下に対応している 入力フォームに時間制限はない 入力フォームの入力チェック機能は適切なエラーメッセージがでる 出力されるHTMLが仕様に準拠したHTML 画像に代替テキスト(alt属性)が入れられる 動画にクローズドキャプションを追加できる 自動的に生成されるウィジェットがアクセシブルになっている 画像のポップアップ（モーダル）機能など 3rdパーティのウィジェットやASPがアクセシブルである 動画埋め込み 地図埋め込み サイト内検索 自動翻訳機能 チャットボット 情報設計 情報設計に問題がない・情報を管理できている ナビゲーション設計が適切でどのページにもたどり着ける リンクテキストとリンク先ページタイトル・見出しに乖離がない ページタイトルとh1見出しに乖離がない サイト内でページタイトルに重
OSS 開発（しない）合宿 毎年開催される夏の風物詩 OSS 開発合宿で「開発しない合宿」をしてきました。 OSS 開発合宿とは、野村総合研究所の OpenStandia チームが中心となって、2009年から毎年開催されているオープンソースハッカソンです。毎年夏になると三崎や伊東、房総の海と漁港が近い宿を借りて開発合宿をします。このハッカソンは、夏祭りです。 エンジニアたちの楽園！第6回OSS開発合宿 レポート 大人になってまで合宿にいくなんて......。寝ずのOSS開発合宿レポート！ 今年はリモートでの開催となりましたが、いつものように好きなものを好きなだけ作る時間を楽しんできました。 本記事は、OSS開発合宿当日の発表用の資料です。 何を作ったか、いや作らなかったのか NoCode（ノーコード）の情報をまとめた Webサイト・アプリをノーコードで立ち上げました。 開発合宿中、プログラ
※ 設計書に関する本文およびテンプレートは制限無く公開しておりますので、当該記事をご購入頂かなくても設計書テンプレートの利用は可能です。応援いただける方のみご購入頂けますと幸甚です。こんにちは。 フリーランスエンジニアの山口です。 私は元々SIer企業の会社員エンジニアでしたが、2019年3月よりフリーランスエンジニアとして活動を始めました。 フリーになってから参画先のプロジェクトで経験したのは、意外と設計書のテンプレートは整備されていないということです。 そもそも設計書が存在していないとか、メンテ不能なPDF版で存在するとか、設計書のフォーマットがばらばらでメモ書きのような雑なものだったりなど。 そのような現場に入った際に利用可能なテンプレートがあると便利だと思いませんか？ 書籍でも設計書の書き方や設計書として揃えるべきドキュメントの種類を学ぶことは可能です。むしろ、書籍のほうがまとまっ
今年もbuildersconに参加してきました。 builderscon.io 参加したセッション内容のメモと簡単な所感、全体所感を書き残しておきます。資料が公開されているものはリンクを張っておきました。 ※一部、私個人の解釈でメモしているものもあり、発表者の方の本来の意図とズレているものがあるかもしれませんがご了承下さい。 昨年と一昨年の参加レポートのリンク。 builderscon 2018に参加してきた - braitom's Tech Memo builderscon tokyo 2017 1日目 ~アウトラインメモ~ - braitom's Tech Memo builderscon tokyo 2017 2日目 ~アウトラインメモ~ - braitom's Tech Memo 本編1日目 Open SKT: メルペイ開発の裏側 - builderscon tokyo 2019
自作キーボードキット『DZ60 Rev3.0』ビルドログ - 自作キーボード温泉街の歩き方
こんにちは。自キ温泉ガイドのサリチル酸です。 今回は一体型キーボードキット『DZ60 Rev3.0』の組み立て記録、ビルドログを書きたいと思います。 はじめに 注意事項 概要説明 DZ60 RGBとの違いについて DZ60 RGBのメリット DZ60 Rev3.0のメリット 自分の欲しいレイアウトを確認する DZ60 RGBのレイアウトを確認する DZ60 Rev3.0のレイアウトを確認する スタンダードな60%キーボードが欲しい人のレイアウト スラッシュキーとカーソルキーが欲しい人のレイアウト 日本語配列が欲しい人のレイアウト Tsanganレイアウト 用意する部品を確認する 購入先について PCB（プリント基板） スイッチプレート Poker互換60%汎用ケース キースイッチ キーキャップ スタビライザー 潤滑剤 USBケーブル 使用した工具 ハンダこて（DZ60 Rev3.0のみ必要
障害者支援施設の職員がPHPで社内Webシステムを作るまでに勉強した話 はじめに はじめまして。 障害者支援施設の職員として勤務している者です。 少し前の話になりますが、色々あり障害者支援施設の職員をしつつPHPで社内（法人内）のWebシステムを作ることになったので、その際に勉強したことなどを自分の振り返りもこめて投稿してみます。 Qiitaへの記事投稿は初めてなので、読みづらい部分が多いかと思いますがご了承ください。 投稿者はどんな人？ 年齢：ギリギリ30代のおじさん。 職歴：障害者支援経験10年以上で、いくつかの障害者支援施設（放課後等デイサービスや児童発達支援、グループホーム、生活介護）に勤めてきました。 お仕事：普段の業務としては障害を持った方の支援、送迎、支援者や行政との打ち合わせ、利用者や職員のスケジュール調整、請求業務などを行っています。 PC経験：ワードやエクセルは簡単な帳
PHPのフレームワークって何？使うメリットを知りたい。今はどんなPHPフレームワークが需要あるの？ システムエンジニアがこの悩みにお答えします。 この記事を書いている僕は、WEBコンサルタント兼SEとしてシステムやマーケティングを担当しています。PHPのフレームワークも一通り使ったことがあり、お気に入りはLaravelです。 PHPプログラマーを目指すならば、フレームワークは必ず学習したほうがいいです。 僕は現在、WEB系システムエンジニアとしてPHPの仕事もしていますが、周りのエンジニアもフレームワークかWordPressのどちらかを使うのが一般的です。 需要が高く人気のPHPフレームワークを紹介します。 PHPフレームワークで開発するメリット フレームワークを使うとPHPのプログラミング開発期間を格段に短縮できます。 プログラマーにとって怖いことは、納期に間に合わないことです。 プログ
Formライブラリは数あれど、何がいいかなとか経験からReact Hook Formとか使ってる方向けにもし Remix使うなら ってことでConformというライブラリをオススメする記事です。 前提条件 Remixの細かい処理方法などは説明しません 各ライブラリのインストール方法などは記載しません 完成コードはこちらを参考にしてください RemixでのFormライブラリ候補 RemixもReactのフレームワークなんでReact向けに作られていたら使えるのは使えます。例えば候補としては以下が挙がるでしょうか。 各ライブラリについて詳しくは書きませんが、前2つはReactであれば使えるのでRemixも同様に使えます。最後のRemix Validated FormはRemixならば結構ググったりしてもヒットするし、Remixが出た当初もRemixとの親和性とライブラリが少なったことも相まって
こんにちは、LIGのゴウです。 突然ですが、すごくイラっとする入力フォームってありますよね。そういうのに出会ったときってめっちゃイライラしませんか？ 俺はします。 LIGでもお問い合わせフォームをずっと作ってきていますが、使い勝手の良いフォームというのはなかなかノウハウが必要で、非常に奥深いです。 今回はそんな「入力フォーム」に焦点を当てて、逆説的にめちゃくちゃ使いにくいフォームを作ってみようと思っています。そうすることで、なぜそれが使いにくいのか、が見えてくることでしょう。 今回協力していただくのは、5,000フォーム以上のWebサイト改善をしてきた株式会社ショーケースの上級ウェブ解析士である、樫木厚二さん。 普段は、企業の入力フォームの最適化を支援している方なのですが、今回は逆に「めちゃくちゃ使いにくいフォーム」をつくるために頑張っていただきました。なんかすいません。 上級ウェブ解析士
Oracle Cloudとは ORACLE社が提供しているクラウドサービス Oracle Cloud Infrastructure（OCI） 第二世代として生まれ変わったoracle cloudは 5月に東京リージョンが開設されました。 Oracle OpenWorld 2019では、 “無期限”無料利用枠「Oracle Cloud Free Tier」が発表されました。 無料利用枠の仮想マシンなど無期限で使うことができるため話題になっています。 おススメできるポイント 料金が安い AWSに比べてはるかに安い 働いている会社でもOCIに移転したが、サーバ代金が半額ほどになった。 仮想マシンで比べると 【OCI】 VM.Standard.E2.1(2論理CPU8GBメモリ) 月額2,678円ほど 【AWS】 t3.large(2論理CPU8GBメモリ) 月額8,893円ほど さらにボリューム
機能要件の合意形成ガイド 画面編
Information-technology Promotion Agency, Japan Software Engineering Center Software Engineering Center 機能要件の合意形成ガイド(ver.1.0) ～「発注者ビューガイドラインver.1.0」改訂版～ 分冊３ 画面編 2010年3月31日 独立行政法人 情報処理推進機構 ソフトウェア・エンジニアリング・センター 要求・アーキテクチャ領域 機能要件の合意形成技法ＷＧ Copyright © 2010 ＩＰＡ, All Rights Reserved 1 Software Engineering Center 機能要件の合意形成ガイド 分冊３ 画面編 Copyright © 2010 ＩＰＡ, All Rights Reserved Copyright © 2010 ＩＰＡ, All Righ
やりたかったこと Go言語を使用したDIパターンについて学ぶ Clean Architectureの実装について学ぶ gomockを使ったテストを実装する DI（Dependency Injection）パターンとは DIパターンはよく「依存性の注入」と言われていて”???”ってなってたけど「依存されるオブジェクトの注入」だと理解しました。このパターンを利用して、依存関係逆転の原則(DIP)を実現することができます。 Go言語でDIの実現方法 依存する実装を定義したinterfaceをつくり、そのinterfaceをstruct（構造体）のフィールドとして持たせます。その構造体に依存することで、DIパターンを実現可能です。 具体的な実装はこのサイトを参考にしました。 ・morikuni blog -GoにおけるDI Clean Architectureについて この説明は多くの方が解説して
トレンドマイクロのライセンス情報の登録などを行うポータルを騙ったフィッシング詐欺サイトが発見されたとTwitterで投稿がありました。ボリビアの企業サイトが改ざんされ、詐欺サイトが設置されているように見受けられます。ここではこのフィッシング詐欺サイトを調べた情報をまとめます。 トレンドマイクロのユーザー狙い？ Customer Licensing Portalにそっくりな画面 ID（メールアドレス）、パスワードの窃取を目的としたもの。氏名、住所やクレジットカード情報を入力する画面は確認されず。 「Sign In」クリック後は正規のトレンドマイクロ社のポータルサイトtm.login.trendmicro.comに遷移する。フィッシング詐欺サイトは入力チェックもしていないので、何も入力せずクリックしても正規サイトへ飛ばされる。 表記は英語のみ。正規サイトは日本語圏から接続すると日本語表示となる
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
安全なウェブサイトの作り方~失敗例~ - goruchan’s blog
全銀システム障害で新事実、本番稼働前から参照テーブルが破損
ワクチン新システムに不具合頻発 データ入力、自治体に負担（産経新聞） - Yahoo!ニュース
GraphQLにおけるエラーハンドリングの実践 - Gaudiy Tech Blog
N予備校の規約類を microCMS で管理して、運用を改善した取り組み - ドワンゴ教育サービス開発者ブログ
ReactとZodで作る堅牢なフォームバリデーション - ICS MEDIA
GPT から Claude 3 への移行ガイド - Gunosyデータ分析ブログ
自作Webサービス -SHAKYO- FWを使用せず素のPHPで制作しました - Qiita
10万円給付、「口座にマイナンバーをひも付ければ迅速化できる」の誤解
「“クールな”LLMアプリは簡単に作れるが、リリースレベルは難しい」 Azure OpenAIとCognitive Searchを使ったチャット機能開発
過剰で減らない「管理・間接業務」、日本の組織はどこから変えていくべきか
できる！じっくり着実、テストプロセス・モダナイゼーションガイド - Qiita
全銀ネット障害、難航する原因究明 ｢メモリー不足とは言い切れない｣…何が起こったのか、5つのポイント
AirTable：直感的にデータベースを使えて業務システムに最適｜安藤昭太｜ノーコード
NTTデータ、全銀ネットの障害対応を説明--根本原因にめども「包括的な点検が必要」
アクセシブルなサイトリニューアルのチェック項目
NoCode（ノーコード）でサービス開発する - Qiita
基本設計書のテンプレート｜Shinji Yamaguchi
#builderscon 2019 参加レポート - braitom's Tech Memo
障害者支援施設の職員がPHPとLaravelで社内Webシステムを作るまでに勉強した話 - Qiita
PHPフレームワークのおすすめをWEB系プログラマーが紹介 – ITキャリア
RemixでFormライブラリ入れるならConformがオススメなんで使ってみてほしい
「めちゃくちゃ使いにくい」入力フォームを作ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【OCI】oracle cloud -アカウントの登録編- - Qiita
Go言語でClean Architectureを実現して、gomockでテストしてみた - Qiita
トレンドマイクロを騙るフィッシング詐欺サイトについて調べてみた - piyolog