Qiita - HTMLタグが付けられた新着投稿

Bootstrap4+jQueryでカレンダーを使ってみよう!

SN

9/14 14:23

ども!デザインエンジニアのMasaです。




なんのために共有するのか?

初心者が自走できるようになるまでのあしあとを残すことによって、後から学習する人がどういう道のりをたどればいいのかわかるように...

cssのプロパティに*を書き方

SN

9/13 16:54

* {
padding: 0;
margin: 0;
}


これはわかる

改修中にこんなコードを見た

.block{
float: left;
*display: inline;
}


書き間違えのゴミかと思って調べたらしっかりと意味があった


IE7...

Webスクレイピングマスターが教える「スクレイピング対策」

SN

9/13 09:38



はじめに

こんな記事書いてる人です。

Python Webスクレイピング テクニック集「取得できない値は無い」JavaScript対応@追記あり2/28

Python Webスクレイピング 実践入門

【毎秒1万リクエスト!?】Go言語...

js, plotlyを使用してsin波をリアルタイムプロット&値の提示

SN

9/12 17:24



リアルタイムプロットを拡張

ブラウザの更新に合わせて任意の値を表示出来るようにした




コード全文


20180912_sin.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta cha...

Welcartでカテゴリーごとにバナーを切り替える

SN

9/12 12:05

WelcartBasicの子テーマを使ってカスタマイズの備忘録。

子テーマを作成後親テーマからコピペしたcategory.phpを編集します。


category.php
<header class="page-header">
<?php
the_arch...

SQL整形ツール

SN

9/12 00:13

ログファイルなどに出力されるSQLを整形する。

主な機能は以下。

・INSERT文、UPDATE文を整形する

・SQL文のカラム名を和名に変更

・キャメル式⇔スネーク式の変換

・大文字⇔小文字の変換


例:...

マークアップの大まかな仕組み

SN

9/11 22:04



HTML


Hyper Text Markup Langurageの略称。
ハイパーテキストとは、文章の中に他の文章へのリンクを埋め込み、複数の文章を相互に関連づける仕組みのこと。HTMLはこのハイパーテキストを実装するための言語で...

ピンポンゲームを作ってみよう

SN

9/10 17:20



p5jsとjavascriptで作ることができた


前提条件

プログラミング言語で下記要素を理解していること。


変数
if文
for文
関数



動作要件


ブラウザで遊べること



実装技術


p5js
javascript
HTML



実...

意外と知らないFlexBoxの挙動

SN

9/10 11:20



FlexBoxとは?

今更ではありますが、親要素にdisplay: flexを指定することで、子要素をいい感じに並べてくれる便利なものです。

例えば


sample.html
<div class="parent">
<p class="child...

小説になろうの年間pt検索を無限スクロールできるサイトを作った

SN

9/9 17:29



何を作った?

小説家になろうでの小説検索が不便なので、

1日ちょっとでGitHub Pagesを使って「小説家になろう」の年間ランキングを無限スクロール表示するサイトを作りました。(雑なのでバグがあったら教...

trailing slash(URL末尾の"/")と相対URL

SN

9/9 12:42

当たり前かもしれないけど、結構差が出るなぁ、と思って確認しました。

trailing slash(トレイリングスラッシュ)は、URL末尾の"/"のことで、

(特に動的ページの場合に)設計の時に付けるか付けないかで迷った...

Above the fold(ファーストビュー)に含まれる CSS をインライン化してパフォーマンスの改善を図る

SN

9/8 15:39



概要

HTML 内に外部 CSS が指定されていた場合、その CSS ファイルをダウンロードし記述されているルールセット1のすべてを解釈するまで、ブラウザはレンダリングをブロックします。

本稿では、 Above the...

再利用可能なページ読み込み?load()とajax()の違い

SN

9/7 22:19


javascript.js
$('div').load('other.html');



"other.html"というファイルを読み込むんだな。

とわかった人は飛ばしてください。

分からなかった人へ:上記の通りです。次へ進んでください。


load()と...

はぢめてのChrome拡張ーマネーフォワードを便利にする

SN

9/7 17:41

Chromeの拡張機能の勉強をするために、マネーフォワードの拡張機能を作りました。


マネーフォワードの拡張機能 moneyfoward extention



きっかけ

Chrome拡張で何かしたいなぁと思っていたところで、普段か...

slackにテキストや画像を投稿するbotの作り方

SN

9/7 17:28

htmlでフォームを作るとき、テキストや画像を送るにはどうすればいいかを解説します。

ユーザー情報の入力フォームなどを作るとき、入力された情報をまとめてSlackに通知したいと思って色々検索したところ、体系...

簡単なハンドライティングっぽいアニメーションの実装

SN

9/5 20:02



SVGをゴニョゴニョやる?

一つだけ大きくどーん!って置くだけならそれでもいいですけど、違う単語でいくつもパラパラと置くとなるとそんなことやってられないですよね。


ではそれっぽくCSSだけでやってしま...

【jQuery】モーダルウィンドウの構造を理解しよう!その1(未完)【単一画像】

SN

9/5 16:45

モーダルウィンドウって地味によく使いますよね。

今ちょうど文字がいっぱい詰まってる画像を使うところで見にくいからクリックで拡大表示させたい案件発生中です。

せっかくなのでモーダルウィンドウを...

【css】テキストは左揃え、画像は中央ぞろえにしたいときの方法【初心に返ろう】

SN

9/5 15:39



自分にびっくりした話

テキストは左揃え、画像は中央ぞろえにしたいときってどうすればいいの・・・?

これ、基本的なやつのはずなんだけどなぜか数か月前にやり方がわからなくなって調べました。

お...

イマドキのフロントエンド開発のまとめ

SN

9/5 11:28



Abstract

昨今のフロントエンドの変化は著しく、畑違いの人に全く理解されない・・・。「htmlのscriptタグにJavaScript書くだけでしょ」的な扱いを受けることが少なくない。そこでここでは、イマドキのフロン...

Chart.jsでグラフを描画してみた

SN

9/4 16:23



1. はじめに

Chart.jsを使用すると、簡単に、綺麗なグラフを描画することができます。

公式ホームページ

http://www.chartjs.org/

今回は、特に使用頻度の高そうな、以下5種類グラフの描画方法を紹介し...

パスワードを入力せずにWi-Fiに接続するサイトつくった

SN

9/3 23:47



tl;dr

See the Pen The Wi-Fi URL scheme generator by John Doe (@04) on CodePen.




パスワード入力するのめんどくさいひとにおすすめ


こんな感じになりましゅ




britneyspears

SN

9/3 17:22




Monacaで作ったアプリで動画のエンコードは可能なのか

SN

9/3 16:00

Monacaを用いてアプリ開発を行っているものです。

プラグインを検索していたところffmpeg.jsを見つけたのですが、これを使ってアプリ上で動画のエンコードを行うことは可能なのでしょうか。javascriptでの構...

HTML特殊文字をDOMに埋め込んでHTML表示させる方法

SN

9/3 14:42

いじっているシステムでこのような対応が必要だったのでその備忘録


事前知識


HTML特殊文字

HTMLタグ(< や >)を文字列として識別させたいときに&lt;などHTML特殊文字を使用します

https://www....

レイジーロードがブラウザネイティブでサポートされそう

SN

9/3 01:34

画像が100個並んだページがあるとしましょう。

普通にimgタグを使っていると、全ての画像が読み込まれるまで画面がまともに描画されず、とても重いページになります。

そこで初期表示を軽くするためにLaz...

YouTubeの急上昇の履歴みれるサイトつくった【なくすと】

SN

9/2 20:37



tl;dr



ここ から閲覧できます。
急上昇に入る動画がどんな動画化かデータドリブンに予測するために、まずはデータを集めてみました。(粒度は1分です。)
Wayback Machineでも収集できますが、英語のyoutubeだ...

Sketch 2 Codeのcliを作った話

SN

9/2 07:41

sketch2code.azurewebsites.netのサーバーが503を返すため不安定になることがあります。(Cookie関連)


tl;dr

以下で、スケッチした画像をhtmlに変換できます。 sketch2code-cli

# sample.htmlが生成されます。...

Rubyタグ まとめ

SN

9/1 09:30



Rubyタグとは

<%=と%>で囲まれた部分をRubyタグと言います。

Rubyタグは拡張子が「erb」のビューファイルで使用することができます。

Rubyタグを使用して記述されたコードはビューファイルが読...

半PWAの立替料金計算アプリを作成してみた①

SN

9/1 08:12



作ったもの

細かい立替や割り勘に対応できるPWAアプリを作成しました。

webサイトはこちらです

▼ 旅行のメンバーを追加



▼ 支払い内容と、共有するメンバーを選択



▼ 支払う金額を算出




利...

liタグでよく使う1とか2とかをcssで連番に表示させる

SN

8/31 17:54

リストタグ<li>をコーディングするときによくあるのが


番号付きリスト
番号付きリスト
番号付きリスト


とか上のような番号付きのリスト。

原稿のコピペでなんとなく直接書いてたのですが調べたらcssで...

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で