カテゴリー: 小技
JavaScriptでデータベースを使う方法
ウェブアプリやウェブシステムを作っていると，データベースが使いたいことがよくあります．PHPやPythonなどデータベースを簡単に接続できる言... Read More
id属性を使ってリンクを張るJavaScript
アンカーを張るときは，リンクターゲットを<a>タグで囲わねばならないですが，id名をリンク対象に含ませれば，アンカーを張らなくても飛ば... Read More
流入元URLによる絞り込み
あるディレクトリにあるファイルのリンクから飛んでくるとき，ディレクトリごとに表示させるコンテンツを絞り込みたい時はありませんか．OOO... Read More
JavaScriptで属性を一律に設定する
<a>タグにtarget='_blank'をHTMLに直に書いていくと，リンクがたくさん増えていったとき，同じ記述を繰り返すことになります．<a>にtarget属性... Read More
同じ要素の表示数を制限できるCSS
同じHTML要素をたくさん並べると，画面から外れてしまうので，表示するのは何個まで！と制限したくなりませんか．そんな時，CSSたった1行で済み... Read More
CSSカウンタで項番を降順に自動採番する
連続するリストを作るとき，先頭にIDを振りたくなります．上から1，2…と振るならCSSカウンタで充分です． body { counter-reset: h3count; /* 'h3count' と... Read More
aタグへのページ内リンクが不安定な原因
アンカータグはidやnameという属性を持っている．wbdv.htmlに<a id="web" name="dev">と書くと，wbdv.html#webやwbdv.html#devというURIでアンカータ...... Read More
モリサワBIZ UDフォントのfont-familyの書き方
Windows10のOctober 2018 Updateで新たに同梱されているモリサワのBIZ UDフォント．CSSで指定したい時は次のように書いてください． example { font-family: BIZ U..... Read More
ふくろうセレクタを用いた垂直配置
フロー要素による「フローシステム」とは，垂直方向に閲覧するとき，ストレスなく見られるレイアウトをいいます．フローシステムの垂直配置... Read More
WordPressで自動改行を除去するCSS
WordPressで改行が自動で入ってしまうことがあります．それをCSSで取り除く方法です．mainタグやarticleタグやsectionタグの中に自動改行があれば， main... Read More
スマホのスクロールが固い原因
スマホですいすいスクロールできるのがふつうですが，固くなることがあります． 原因はPCでみるとはっきりします．スクロールバーが二重に... Read More
スマホ表示で横揺れをなくす
スマホで操作していると，まるで画面がサイズより大きいかのように，枠の外の余白がみえるまでコンテンツが揺れてしまうことがあります． ... Read More
buttonの中央寄せについて考えた
ウェブページに欠かせないボタン．なにかとあればボタンで考えがちなきょうこの頃． HTMLには2種類のボタンがある．buttonタグとinput type=”bu... Read More
ページ上/下端に要素を表示し続ける
ナビゲーションバーやヘッダー/フッターなど，スクロールしても上下端に表示し続けたいことがある．実はいまとても簡単に実装できるのだ． hea... Read More
CSSで変数を使う方法
CSSを使わずSassやSCSSを使いたがる理由のひとつに，変数を使いたいことがある．文字色や値を繰り返さずに記述したほうが管理しやすいし，変数に... Read More
FuelPHP「No composer autoloader found.」エラー
FuelPHPの初期設定で次のようなエラーが画面に現れたときにいったいどうすればよいか． No composer autoloader found. Please run composer to install the...... Read More
Coreの.csprojを編集する
VisualStudioでCoreプロジェクトを作ると， MSBuild/csproj形式の<projectname>.csprojファイルができます． 一昔前まではproject.jsonだったそうですが，...... Read More
Coreでdotnet efコマンドを使う
dotnet efコマンドをPowerShellに入力すると， dotnet : コマンド "dotnet-ef" に一致する実行可能ファイルが見つかりません 発生場所 行:1 文字:1 + dotnet ef + ~~..... Read More