AWS 【AWS】API GatewayとLambdaで動的Webコンテンツを表示する API GatewayとLambdaを使って、簡単な動的Webサイトを作ってみました。URLに和暦を入れて、アクセスすると、西暦が表示されるAPIです。具体的には、 にアクセスすると、と表示されます。 完成イメージ ... 2021.05.01 AWS
その他 【スタンディングデスク】FlexiSpot E3、E7、E7 Pro、EG1、EF1、E2AL、EJ2、SD1の全8モデル + IKEA + ニトリの違いを比較 在宅勤務が長くなり、だんだんと腰が痛くなってきたので、スタンディングデスクを買うことにしました。 FlexiSpotを買おうと思ったのですが、モデル数が多く、商品サイトが非常に見にくくて、どのモデルが良いのか全然わからない!というこ... 2021.03.27 その他
CSS 【CSS】>の字の矢印アイコンを右側に固定する CSSだけで『>』のアイコンを作り、右寄せで固定して表示します。 ↓ 完成イメージ <!-- HTML --> <a href="#" class="arrow">Sample</a... 2021.03.07 CSS
CSS 【CSS】Flexboxの線の重なりが太くなるのを回避する Flexboxで表組を作ると、以下のようにborderが重なった箇所が太くなってしまいます。 margin-bottom、margin-rightに線の太さ分のマイナスの値を設定すれば、線が太くなるのを回避できます。 ... 2021.03.07 CSS
PHP 【PHP】header/footerを一括管理する方法 はじめに ページが増えてくるとサイト内で共通しているヘッダーやフッターを何度も書いたり、更新するのが大変ですよね。 PHPを使って共通部分をパーツ化することで効率的にWebページを作る方法を紹介します。パーツ化することで、ペー... 2021.01.09 PHP
その他 初心者のためのGitとGitHubの使い方 関連記事初心者のためのGitとGitHub用語集初心者のためのよく使うLinuxコマンド一覧表 はじめに 「リポジトリ?」「黒画面触ったことないよ」という状態から、GitHubを取りあえず使えるようになるまでの流れをまとめまし... 2021.01.09 その他
その他 初心者のためのよく使うコマンド一覧表 Linuxコマンド コマンド名解説pwd現在のディレクトリを表示cdディレクトリを移動cd ..1つ上の ディレクトリへ移動lsディレクトリの内容を表示。Windowsならdirls -a隠しファイルを含めたディレクトリ全内容を表示... 2021.01.09 その他
その他 初心者のためのGit・GitHub用語集 GitHubとGitで頻出する基礎の用語をまとめました。 Git、GitHubは専門用語が多くて、初心者にとって敷居が高いですよね。初心者の方にもわかりやすいよう、できるだけ簡単な言葉で説明してみました。 関連記事初心者のため... 2021.01.09 その他
JavaScript jQuery UI の autocomplete を使ってオートコンプリート機能を実装する jQuery UIを使って、オートコンプリート(入力補完、予測変換)を実装します。実装後のイメージはこんな感じです。 HTML <!DOCTYPE html> <html lang="ja"> ... 2021.01.06 JavaScriptPHP
CSS 【CSS】角丸で▼マークのついたセレクトボックスを作る 角が丸くて、右に三角マークのついたセレクトボックス(ドロップダウンリスト、プルダウンリスト)をHTMLとCSSだけで作ります。 ポイントは、CSSの便利な疑似要素「before」を使って、▼を表現するところにあります。 完成イ... 2021.01.05 CSS