プログラミング初学者のための実務につながる練習問題 JavaScript002 性別パラメータ変換処理の仕様変更 その1
今日のタスク
文字列 Female の場合は、Fを返す
文字列 Unknown の場合は、Uを返す
そ ...
前回のタスク の後に仕様変更が発生したので対応してください。
仕様変更文字列 Male の場合は、Mを返す文字列 Female の場合は、Fを返す
文字列 Unknown の場合は、Uを返す
そ ...
プログラミング初学者のための実務につながる練習問題 JavaScript001 性別パラメータ変換処理
今日のタスク
文字列 Female の場合は ...
性別のパラメータを変換する関数を書いてください。
この関数によって、画面から入力された値をサーバーに送る際に変換をかけます。
仕様文字列 Male の場合は、Mを返す文字列 Female の場合は ...
TypeScript リテラルをFilterする方法
文字リテラルのUnionから特定のリテラルだけ抽出したい場合。
例えば以下のような文字リテラルのUnion型があるとする。
type BeforeFilter = 'hoge' | 'foo& ...
リファクタリング 実例
最近このようなコードに出会った。
data = falseif (service.foo !== undefined) { data = service.foo === undefined ? false : true}s ...
Node.jsでコマンドライン引数を取得するときに便利なCommanderの紹介
Node.jsでコマンドライン引数を取得するときに Commander を利用すると便利だったので紹介。
やりたいこと例えばあるNode.jsアプリで、以下をコマンドラインのオプションとして指定したいとする。
ボット ...
ローカルでWebサーバーを起動するとても簡単な方法
初めてHTML/CSSでサンプルを作成したけど、それを動かすWebサーバーの構築でつまづいてしまったというケースは多いと思う。
そんな時は Chrome 拡張の Web Server for Chrome でとても簡単にW ...
30分でMacにDrupalをセットアップする
開発環境のダウンロードする
Drupalの環境を構築するために、Acquia Dev Desktopという開発環境のセットが提供されています。
以下のURLからAcquia Dev Desktopをダウンロードします。
CSS 擬似要素をつかってborderの二重線を引く
以下のようなHTML/CSSがある。
<div class="test">test</div>.test { position: relative; margin: 5px; padd ...
ボタンを押せる範囲を広げてユーザーエクスペリエンスをあげる
ボタンの見た目は変えずに、ボタンを押せる領域を広げる場合には、background-clip を利用すると便利。
<button class="btn"> button </button&g ...
CSSだけでスムーズなスクロールを実装する方法
scroll-behaviorプロパティーにsmoothを指定します。
html { scroll-behavior: smooth;}2020/04/25時点ではIEとSafariが対応していないようです。
