はてなブックマーク

きっかけ とある目的のため、Qiitaアカウントのパスワードを変えようと、設定画面で入力したところ・・・ (# ﾟДﾟ)まずまずってなんやねん！！ けど、ここで終わったら、ただのクレーマーになってしまうので、 プロの威信をかけて最適な画面を提案しようと思いました。 なぜいけないのか？ 今回のパスワード設定画面には大きく3つの課題があります。 1. パスワードの強度が何を基準に評価されているか分からない 2. メッセージが何を意味しているのか直感的に分からない 3. これで続行できるのかが分からない 全ての課題に共通する考え方として、 「システムが伝えている情報を人間が理解できない」ことが改善すべきポイントです。 エラーメッセージはとても重要な役割を果たします。システムが受け付けられない情報なので、システムとしてはユーザーに改善を求めなければいけません。 パスワード設定画面で伝えるべき情報は

チーム内でバックエンドとフロントエンドを担当分けることになり、 僕はフロント側を担当することになりました。 APIだけ先に用意してほしいな〜ってことで、試しにSwaggerを使ってみたら、だいぶ楽だった。 使い方調べてたら、いくつも方法があるみたいなので、 整理を含めて書き残しておこうと思い立った次第です。 今回はSpring Bootを利用してボトムアップアプローチで設計書を書き起こしてみます。 ボトムアップ・アプローチ：ソースコードから書き起こす ボトムアップアプローチというのは、ソースコードをベースにSwaggerを作成します。 ボトムアップアプローチの良いところは以下2点ですね。 ソースコードベースで設計書が出来上がるので、ドキュメントとコードが乖離しにくくなる 設計書作ってからソースコード書くという二度手間がなくなる 「手戻り発生したら困るじゃないですか〜」みたいな話もありますが

初Qiita投稿です。藤原脩平です。 普段は社内で自社サービスの開発をしております。フロント(Vue.js, Nuxt.js),バックエンド(Java, Spring)両方頑張っています。 仕事以外ではUXの勉強をひたすらにやっています。 ここら辺をテーマにいろいろ書いていこうかなぁ、と考えております。 今日はNuxt.jsのお話。 なんで書こうと思ったの？ 業務でNuxt.jsを使っていますが、環境別にconfigファイルを読み込む必要が。 （ローカルに環境変数を設定して動作確認して・・・）ってのは、ちょっとナンセンスだなーと。そんな時、頭によぎったのが彼。 そう、Dockerならね。 Docker使ったことないし、この機会に触ってみようかな！と思い立って、本題に入ります。 事前準備 そもそもDockerとは？ 先人の知恵を借りましょう。 こちらが分かりやすかったです。 Dockerのイ

はじめに C#でプログラミングをする場合、Visual Studioは非常に便利で強力な開発ツールです。しかしながら、例えば、ネット上のコードスニペットをちょっと実行してみたいときとか、ちょっとした処理をさせるための数行のアプリケーションを作成したいとき、Visual Studioはちょっと重いですし、Visual Studioが使えない環境での開発もあります。 そんなとき、コマンドラインからプロジェクトの作成やコンパイル、実行ができればとても便利です。 環境 Windows 10 Pro　バージョン1809 .NET SDKインストール済み .NET SDKのインストール Visual Studioで.NET開発のワークロードをインストール済みであれば.NET Coreや.NET Frameworkの開発環境がすでにインストールされていると思います。 開発環境がインストールされているかど

＜2018年一人アドベントカレンダー9日目＞ はじめに 何番煎じかという内容です。 こちらを参考に自分で手を動かしてみたことの備忘録です。 さて、いつもと違うデザインでアプリを作ってみると、とても新鮮に感じられてテンションが上ります。 NugetでMaterialDesignThemeとMahApps.Metroというパッケージをインストールすることで、簡単に見た目をマテリアルデザインにすることができます。 環境 Visual Studio 2017 MaterialDesignTheme まずはWPFプロジェクトを新規作成するか、すでに作成済みWPFプロジェクトをVisual Studioで開きます。 インストール 次に、NugetでMaterialDesignThemeを検索してインストールします。 設定 App.xamlのResourceDictionaryに以下のようにコードを入れ

はじめに Alexaスキルを開発するときに、対話モデルの作成はAlexa Skills Kit開発者コンソールでビジュアルに作っていくのがとても便利でおすすめですが、AWS Lambdaに置くLambda関数のnode.jsのコーディングとなると、AWSの開発者コンソールではAlexaスキルのテンプレートもないため、何から手をつけたらよいのか途方に暮れてしまいます。 そこでAlexaスキルのコマンドライン開発環境をインストールしておくと、スキルの作成とクラウド上への配置を簡単に行うことができ、格段に開発しやすくなります。 ask-cliの設定 手順０：コマンドライン開発環境ask-cliのインストール コマンドライン開発環境はask-cliというもので、これをインストールします。 インストール手順は公式のこちらの手順のとおりです。 コマンドプロンプトから以下のようにバージョンを確認できれば