AWS

【AWS】API GatewayとLambdaで動的Webコンテンツを表示する

API GatewayとLambdaを使って、簡単な動的Webサイトを作ってみました。URLに和暦を入れて、アクセスすると、西暦が表示されるAPIです。具体的には、 にアクセスすると、と表示されます。 完成イメージ ...
その他

【スタンディングデスク】FlexiSpot E3、E7、E7 Pro、EG1、EF1、E2AL、EJ2、SD1の全8モデル + IKEA + ニトリの違いを比較

在宅勤務が長くなり、だんだんと腰が痛くなってきたので、スタンディングデスクを買うことにしました。 FlexiSpotを買おうと思ったのですが、モデル数が多く、商品サイトが非常に見にくくて、どのモデルが良いのか全然わからない!というこ...
CSS

【CSS】>の字の矢印アイコンを右側に固定する

CSSだけで『>』のアイコンを作り、右寄せで固定して表示します。 ↓ 完成イメージ <!-- HTML --> <a href="#" class="arrow">Sample</a...
CSS

【CSS】Flexboxの線の重なりが太くなるのを回避する

Flexboxで表組を作ると、以下のようにborderが重なった箇所が太くなってしまいます。 margin-bottom、margin-rightに線の太さ分のマイナスの値を設定すれば、線が太くなるのを回避できます。 ...
PHP

【PHP】header/footerを一括管理する方法

はじめに ページが増えてくるとサイト内で共通しているヘッダーやフッターを何度も書いたり、更新するのが大変ですよね。 PHPを使って共通部分をパーツ化することで効率的にWebページを作る方法を紹介します。パーツ化することで、ペー...
その他

初心者のためのGitとGitHubの使い方

関連記事初心者のためのGitとGitHub用語集初心者のためのよく使うLinuxコマンド一覧表 はじめに 「リポジトリ?」「黒画面触ったことないよ」という状態から、GitHubを取りあえず使えるようになるまでの流れをまとめまし...
その他

初心者のためのよく使うコマンド一覧表

Linuxコマンド コマンド名解説pwd現在のディレクトリを表示cdディレクトリを移動cd ..1つ上の ディレクトリへ移動lsディレクトリの内容を表示。Windowsならdirls -a隠しファイルを含めたディレクトリ全内容を表示...
その他

初心者のためのGit・GitHub用語集

GitHubとGitで頻出する基礎の用語をまとめました。 Git、GitHubは専門用語が多くて、初心者にとって敷居が高いですよね。初心者の方にもわかりやすいよう、できるだけ簡単な言葉で説明してみました。 関連記事初心者のため...
JavaScript

jQuery UI の autocomplete を使ってオートコンプリート機能を実装する

jQuery UIを使って、オートコンプリート(入力補完、予測変換)を実装します。実装後のイメージはこんな感じです。 HTML <!DOCTYPE html> <html lang="ja"> ...
CSS

【CSS】角丸で▼マークのついたセレクトボックスを作る

角が丸くて、右に三角マークのついたセレクトボックス(ドロップダウンリスト、プルダウンリスト)をHTMLとCSSだけで作ります。 ポイントは、CSSの便利な疑似要素「before」を使って、▼を表現するところにあります。 完成イ...
タイトルとURLをコピーしました