BLOG

data属性の取得・設定・更新【JavaScript】

| JavaScript
data属性（data-*）の取得・設定・更新です。 data属性の取得方法 <div class="datasetnnoyatsu" data-num='1'></div> ...
詳しく読む

変数のタイプを調べる、変換する 【Javascript】

| JavaScript
たまに変数のタイプ調べたりすることがあると思います。 console.logだけでも調べれるんですけどねー もうちょいわかりやすくすると！ console.log(typeof 1) // numbe...
詳しく読む

VS CodeでLive Serverを使ってプレビューのリロードをしてみよう

| フロントエンド
VS Code使ってますか？ 私はAtomを使ってみたりVS　Codeを使ってみたりと忙しい毎日です。 最近はAtomよりVS Codeのが拡張機能が充実しているのではないかと思い始めております。 大...
詳しく読む

メディアクエリでhoverが使えるデバイスかどうか

| HTML / CSS、JavaScript
タブレットで、hoverのためにどうさの不具合が出るときがありませんか。 プルダウンとか、ボタンとか、ホバーしないと表示されないとか２回タップしないといけないとかなにかと面倒なことがあったります。 そ...
詳しく読む

markdown-wasmというすごく高速なMarkdownパーサー

| JavaScript
みなさん、Markｄｗｏｎつかってますか？ 普段は、WordPressをつかってブログを書いているんですが、 それの場合はプラグインを使ってるので勝手に変換してくれます。 最近ちょくちょく聞くヘッドレ...
詳しく読む

SNSシェアボタンをオリジナルで設置する

| HTML / CSS
今回はSNSのシェアボタンの設置方法です。 設置するSNSのシェアボタンは、Twitter、Facebook、LINEが最近はおおいので それらについて書いていきやす。 Facebook シェアボタン...
詳しく読む

CSSでマスクする

| HTML / CSS
IEのサポートがおわるから使えなかったCSS3の技術がたくさん使えるようになりました。 その一つにCSSでマスクですね。 Can I use mask-image 使える技術はどんどんつかっていこーっ...
詳しく読む

クリッカブルマップのレスポンシブ対応ができる「image-map-resizer」が優秀らしい

| JavaScript
クリッカブルマップってのはあんまりつかわなくなったんですが、たまに使いたいって言われることがあるので調べてみたのでメモ クリッカブルマップでレスポンシブの対応の定番は 「jQuery RWD Imag...
詳しく読む

我が家の植物たち

| ライフ
我が家ではポトス、パキラ、サンセベリア、オリヅルラン、モンステラ、ガジュマル、金のなる木、セレウスをそだててます。 この季節になると、植え替えとか、選定とか株分けとかね。 観葉植物たちをいろいろとさわ...
詳しく読む

カスタムフィールドを含む複数の条件でソートをする【WordPress】

| WordPress
複数の条件でソートする方法 初歩的なことですが、忘れてたのでメモメモ 通常のソートは $args = array( 'post_type' => 'post', 'posts_poer_page...
詳しく読む
CONTACT
PAGE TOP