目次 Webアプリケーションの入出力時脆弱性について ①　認証／認可 ②　入力 ③　DB（データベース）アクセス ④　シェル他 ⑤　ファイル（アクセス） ⑥　取り消しできない処理（の呼び出し） ⑦　レスポンス おまけ：メール 基本的なところを抑えるだけで防げることも多い Webアプリケーションの入出力時脆弱性について 情報セキュリティ上の欠陥によってできる、悪意ある攻撃がつけいる隙が脆弱性です。 Webアプリケーションの場合、悪意ある攻撃は外部から行われるので、攻撃ポイントは、入力と出力（処理後にネットワーク上を流れている間を含む）に集中します。 今回は「入出力時の各局面で発生しやすい脆弱性と気を付けるべきポイント」に絞って以下の図にそって整理します。 図の①から⑦は、Webアプリの入力／出力（外部アクセス含む）における各局面を示しています。 以後、各局面ごとに発生しやすい脆弱性と注意点を

プログラマが知るべき９７のことを読んで学びがあったと思ったこと「その５」です。 今回のポイント プログラミングをテーマにしたエッセイ集です。 xn--97-273ae6a4irb6e2hsoiozc2g4b8082p.com 97ではなく、107個のエッセイがあります。 スキルの高い方々が書いたエッセイですから勉強になります。 今回は、自分が学んだこと「その５」として 間違えると痛い人に見られそうなポイント のキーワードで引用しながら書こうと思います。 例外を握りつぶして一目にふれさせない 予兆になるべき例外を握りつぶし続けて、データを壊すレベルの大トラブルになって初めて問題が発覚する・・。 そんなケースの対応は、かなりイラつきます。 プログラム修正以外に、データリカバリまで必要になり、対応工数が爆発的に増えて、ユーザにもボロクソに叩かれますから。 まさに。 try-catchブロックをコ

Nuxt.jsで画像ファイルをドラッグ＆ドロップで受け取り、Base64に変換してから、IMGタグで表示する・・というのをやってみます。 ついでに、Fileオブジェクトの情報（名前。タイプ・サイズ）を加えて複数ファイルをうけつけた時に一覧表っぽく表示します。 今回の実装でやりたいこと 以下のような機能の画面を実装します。 画像ファイル（JPEG・PNGのみ）をドラッグ＆ドロップで受け取る。 画像ファイルはファイル選択ダイアログでも受け取れるようにする。 ドラッグ＆ドロップは複数の画像ファイルを受け取れるようにする。 ドロップされたFileオブジェクトを受け取る。 受け取った画像ファイルを内部でBase64形式に変換する。 Base64に変換した画像ファイルを<img>タグで表示する。 取得したFileの名前・タイプ・サイズの情報を受け取って表示する。 今回はそれぞれのポイントをソースで整理

こんにちは、小林（@koba04）です。 本記事では、シングルページアプリケーション（以下、SPA）における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA（Progressive Web Apps）の登場により、複雑なアプリケーションをWebの技術を使って構築する場面も増えてきました。 これらの複雑なアプリケーションにおいては、既存のページ単位での状態管理の考え方では対応が難しくなります。 そこで今回は、具体的なフレームワークも取り上げながら、Webフロントエンドにおける状態管理のアプローチについて紹介します。 フロントエンドでの状態管理の複雑化 ページの単位を超えた状態の保持 モデルとビューによる処理の分割 イベントの管理が複雑にな

目次 はじめに Nuxt.jsを整理する方針 Nuxt.js基本要素－拡張子とフォルダの役割 ソースファイルの拡張子は「.vue」 フォルダ構成と各フォルダの役割 サンプルでやることと確認したいポイント 全Vueファイルの共通レイアウトの設定 内部リンクの書き方と画面遷移（ルーティング）などをサンプルで確認 header要素に出力する内容の書き方 assetsフォルダに置いた静的画像ファイルの参照 内部リンクによる画面遷移（NLinkタグ）の書き方 WebApiからデータを取得するなどをサンプルで確認 ソース内のブロック分けと役割 asyncData()内でaxiosを使ってWebAPIからデータを取得・表示 staticフォルダ内の静的データの参照 ルートのページに戻る内部遷移 実行イメージ テスト用：Originのチェックを行わないようにChromeを起動する方法 開発環境：Visua

複数言語をいったりきたりするので、久々にpythonを使うと度忘れしていることがたまにあります。そんな時、カンニングペーパー（チートシート）的に一か所にまとめたものがあると助かるなと思って（自分用に）まとめてみました。 目次 （１）スタイル （２）命名規則 （３）モジュール・パッケージ・import （４）初期化 （５）内包表記とジェネレータ （６）ループ・繰り返し処理 （７）データの取り出し・並び替えなど （８）条件式と比較演算子など （９）文字列の検索・置換・正規表現 （１０）クラス定義と関数の引数 （１１）例外 （１２）ファイル読み書き・直列化 （１２）スレッド・並列処理など （１３）その他もろもろ （１）スタイル 他の言語と記憶が混同しやすいものだけ、とりあえず。 項目 説明 インデント TABではなく「空白４個」を使う クラス内のメソッド定義 1行あける 各行の長さ 80文字未満

目次 プログラミングの変数・メソッドの命名でよく使う英単語 ログイン・認証 許可・権限 ネットワーク ファイル操作 外部入出力 データ入出力 データベース操作 オブジェクト操作 生成・構築 削除・破棄 変更 変換・結合・排除 分割・切り出す（スライス） 登録・設定 検索・置き換え 状態・状態変更 計算 プロセス操作 処理サイクル 確認（１） 確認（２） 比較 その他対で使う単語 コード・ID・引数（変数） 機械学習関連 その他（未分類） データベーステーブルのカラム名の工夫（変数） 変数の頭につける接頭語 プログラミングの変数・メソッドの命名でよく使う英単語 プログラミング時の「メソッド名」「変数名」の命名で使いそうな英単語を「同じ意味でもニュアンスによって使い分けされるもの」あたりを注意してまとめます。 ログイン・認証 単語 意味 log_in/log_out ログインする/ログオフする