目的 本仕様書の作成目的を記載する 仕様ソフトウェア ※各ツールについてはバージョンも記載する ┗開発言語（Java、Ruby、javascriptなど） ┗アプリケーションフレームワーク（Spring、Node.js、Vue.js、Vuex、Seleniumなど） 画面仕様 ┗画面構成 ┗画面遷移…
【基本事項】 ■バージョン確認 自動でアップデートされていくので知っても意味がない。 確認方法も煩雑。 というか、ESの実装がjsであり、バージョンは無い？・scriptで宣言した後use strictを書いておくとエラーをコンソールに出力してくれる基本的にファイ…
【コンソールから操作する】 デベロッパーツール＞コンソールdocumentと打ち込むとDOMツリーを確認できるjsのスクリプトからDOM（HTML）を操作する 【要素の取得】 ■idで取得 ：getElementById() document.getElementById('target').textContent = 'Changed!…
【概要】・マイクロソフト開発・JavaScriptの拡張。大規模開発に対応できるように・静的な型付け(jsは動的)なので一度型が決まると変えられない・クラスベースのオブジェクト指向・公式サイト： https://www.typescriptlang.org/ 【基本】main.tsファイルを…
ファイル名に日本語を指定した場合ブラウザによって文字化けすることがあるので文頭に @charset "UTF-8";と記載しておく 【テキスト】 ■line-height：インライン要素の高さを設定する 余白（line-height - font-size）は上下均等に割り振られるpxでの指定以…
【概要】 ■公式ドキュメントはMDN■htmlファイルの命名規則はケバブケース(ハイフンつなぎ) テンプレート <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/style.css"> <title>tableタグ整理</title> </head> <body> ～code～ <script type="text/javascript" src="js/main.js"></script> </body> </html> 【基本的な要素】 ■css…
概要 twitter社の開発したテンプレートカスタマイズツール jQueryのようにWebと接続して使用するか ダウンロードして使用する。 utilitiesのcssはimportantが利いてしまうので注意する。 参考 公式サイト https://getbootstrap.jp/docs/4.5/getting-started/…
flexboxを使用するメリット・要素の並べ替えや順序の変更が楽・余白や余剰分の整地、均等幅配置など要素の配置方法がシンプル・要素の重ね合わせにも柔軟に対応 【基本事項】■構成・コンテナで領域を定義・コンテナの中にflex Itemを配置・配置方向(flex-dir…
【atom導入】 以下の公式サイトからダウンロード Atom 【背景を白にする】 File>Setting>Themes UI Themeと、Syntax Themeが『One Dark』になっているので、『One Light』に変更する。 【折り返し設定】 File>Setting>Editor>SoftWrapをONにする 【パッケー…
とある日の朝、PCを開くと何かがおかしい。 ブラウザが青く、ブックマークも消えている いつも使用しているクロームのブラウザの画面が青いのだ。 定期的に切り替わるクロームのアップデートか？と思いそんなに気にしていなかったのだが、 なんと、ブックマ…
ロゴやバナー作成の人気ツールcanva！ 今回このツールを使用していて枠線の作り方が少しわかりづらかったため方法を紹介しておきます。 一般的な画像編集ツールでは、テキストボックスなどを作った場合に枠線を設定することができるかと思います。 しかしcan…
わかり『づ』らかっただっけ？わかり『ず』らかっただっけ。 正解はわかり『づ』らい。ただ、そんなことはどうでもよかった。 こんな無駄話をできるほど今回の内容はシンプルなのだが、検索してもパッと方法が出てこなかったので紹介します。 サイトを作った…
HP作成やブログで『はてなブログ』を使用している方、結構多いですよね。 何にしても他のブログコンテンツと比べて圧倒的にSEOが強い…！ 僕はHPの下書きや試し書き、みたいな形で使うことが多いのですが、なにしろやはり自分自身のことを書くので、万一知り…
web制作をしていると意外とよく使う三角関数。 自分はcssに奥行を持たせるフロントエンド実装をしているときに必要になりました。 エンジニアやHP制作をしているのであれば、数学なんてお手のものという方も多いのでしょうが、中には『あぁ、高校でもっとし…
name属性の命名規則 先日HTMLとjavascriptで簡単なタイピングアプリを作成していたのですが、その時にふと気になったことが。 普通CSSのプロパティって『article-comment』とか、ハイフンでつないで定義するじゃないですか。 そのテンションでname属性にもし…
みなさん、上のチラシ、届いたことありますか？ 少し前のお話になりますが11/7にJEMTECという団体から届いたもの。 これ気になってたんですよね～。 官公庁とか大手企業とかから回収したPCをきれいにリフレッシュして安価で販売するというもの。 PCの購入に…
ワードプレスのサイトでボタンや広告のクリック数をカウントしたいときにはGAの標準機能が見れない。 以下のプラグインを使うのが良いとサイトに詳しい人に教えてもらった。 プラグインの設定方法とかの記事はあるんだけど、項目の解説とかGAの見方とか雑な…
静的、動的の違い 昔はわからなかった静的、動的という意味について。 よくこう言われる。 『HTML、CSSは静的なコンテンツ、javascriptは動的なコンテンツを作成するときに使われる。』 でもCSSを勉強してるときに、animationとかがあるだろう。これを見て『…
アプリケーション実行時、以下のエラーが出る… ………………………………………… com.amazonaws.SdkClientException: Failed to connect to service endpoint ………………………………………… 以下のpom.xmlを設定したら出てきた。 <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-aws</artifactId> <version> </version></dependency>…
アプリケーション実行時、以下のエラーが出る… ………………………………………… com.amazonaws.SdkClientException: Failed to connect to service endpoint ………………………………………… pom.xmlを設定したら出てきた。 調べたらspring-cloud-starter-awsのバージョンの問題らしい。 …
タイトルの通り画面いっぱいに見出しを表示したい時に書くCSSを紹介。 いろいろ調べたんですがどこもかしこも複雑だったので簡単に書きます！ 左右余白なしで画面いっぱいに表示！ みんなスマホで他のサイトを見ていて、「これいいな！」で手を出そうとして…
CSSのクラス名の付け方って結構最初悩む方多いのではないでしょうか？ 特に自分でこだわって作った我が子（見出し）にはカッコいいクラス名を付けてあげたくなっちゃいますよね。。 自分もその一人で、一生懸命画像を加工して作ったチェックボックスの見出し…
Googleスプレッドシートで図形のコピーができない原因 Googleスプレッドシートでは図形のコピーができない。 なぜなら、スプレッドシートやエクセルは本来体系化されたデータを扱うフォーマットであり、プレゼン資料を作る用途ではないためと思われる。 エク…
ついに決めた。 そう、転職だ。 と、まったく今まで話もしてこなかった話題を唐突に切り出そうと思う。 ことの成り行きはこうだ。 ダンススタジオを経営したい！ でも収益化ができなそう… とりあえずサイトを作って集客の準備を始めよう！ いっそのこと広告…
THE THORは複数条件検索で絞り込みが可能！ ついに購入してみました注目テーマ。 今回は複数条件検索が可能！ということで購入に踏み切りました。 実際使ってみると面白いですね。 複数条件検索ではカテゴリー、タグを使用して条件検索を行います。 これでカ…
今回はちょっとした備忘録になりますが、先日スマホで自分のブログのURLが知りたかったんですよね。 はてなブログで作成したものなのですが、なぜか読者向けの公開ページに飛んでしまったり、ブログでなくはてなTOPやプロフィールに飛んでしまったりと、わか…
さて、今回は純広告の掲載にあたり、どのようにしてコンバージョンを計測し、相手に伝えるか！についてお話します。 ダンススクールのサイトを運営し、純広告のお話をいただくことになり、トライアル期間に入りました。 バナーがクリックされない、という状…
最近、記事数も多くなり、サイト数も増え。 もうコンソールの設定や、CSSで悩むこともだいぶ減ってきた。 かくして、新しいサイトをどんどん作りたい！と興味ばかりが先行する今日この頃。 気持ちはMAX！なのですが、躓きました。 なにに躓いたかってそれは…
何も書かないよりは、無料ブログで記事を書く こんにちは。みんなの努力はいつか必ず報われると信じてやまないサイトブロガーです。 最近とあるサイトが少しずつ利益を出すようになり、記事のリライトや、動線などについて考えることが多くなりました。 そこ…
ランキングで上位に設定した選択肢をクリックしてもらうには？ さて、前回の記事では、純広告の成約についてお話ししました。 純広告の依頼を受けることのできたダンススクールのサイトですが、トライアル期間に突入し、実際にバナーの掲載を開始しました。 …
