はてなブックマーク

コピペでOK！CSS セレクトボックス（select option）のカスタマイズ方法公開日2020.11.10メンテナンス日2025.02.02CSS フォームパーツのカスタマイズって難しいですよね？ 中でもセレクトボックス（select option）をCSSでカスタマイズする時は手を焼きます。 ということで今回はセレクトボックスの書き方、CSSでのカスタマイズ方法をケース別にまとめてみました。 スニペットも用意しています（随時追記します）。WordPressの「MW WPフォーム」や「Contact Form 7」のカスタマイズにも応用可能なので参考にしてください。 神守 由理子/フロントエンドエンジニア 資金ゼロからフィリピンで起業したアラフィフ海外ノマドエンジニア。最近は「フィリピンお役立ち情報」「ナチュラルアンチエイジング」「人生から得た哲学」など実体験を発信。最近AIの発達で

2025年版！GraphAPIでインスタグラム投稿一覧を出力（JS/PHPサンプルコードあり）公開日2021.03.25メンテナンス日2025.01.27JavaScriptPHP 【この記事は2025年版にリライト済みです】 FetchAPIとasync/awaitで記述するサンプルコード コード書くより、インスタとFacebookを連携させてアクセストークンを取得するまでがスーパーめんどくさかったです。しかも一年前と少しやり方が変わっていて戸惑いました。 ということで、2025年版のGraphAPIで一覧を取得する手順をJS・PHP両方紹介します。難易度はJSやPHPを少し書けSNSなどのサービスを普段から使っている人向けです。出来るだけこんなことも？！ってくらいわかりやすく説明します。 今まで表示されていたのに突然データが取得できなくなった時のチェックするポイントも追記しました。 神

pug（旧：Jade）を使い倒して時短マークアップしよう！公開日2021.01.10メンテナンス日2023.03.02Gulpnpm ページを量産したりチームでサイトを作る時pugという言語を使ってWebサイトを作っています。pug（旧：Jade）の特徴やメリット、基本的な使い方、導入方法（pug-cliとgulp）についてまとめました。とくに記述方法はif（分岐）やfor・each（ループ処理）など解説。テンプレート化したい場合に使う記述方法の解説と具体的なテンプレートの作り方なども紹介しています。 普段webpackやgulpを使っている方なら導入のハードルも低いと思います。 今回はmpmコマンド出始めたい方はpackage.jsonで手軽にすぐ始められます！とても記事は長いので目次を利用して好きなところを読んでください。 神守 由理子/フロントエンドエンジニア 資金ゼロからフィリピン

コードをいわゆる「置換（置き換え）」、一気に変換したい！ って事ありませんか？ 「正規表現」を使うと一部の文字を削除したり、抽出したりできて超便利です。 この記事は高機能エディタVS Codeの置換機能で正規表現をある程度使えるようになりたい人、コピペで手軽に置換をしたい人のために書かれた記事です。 VS Codeの使い方、正規表現、置換の基本、よく使う置換のチートシートについて掲載しています。 かみーゆ/フロントエンドエンジニア 資金ゼロからフィリピンで起業した海外ノマドエンジニア。IT業界10年以上でテクニカルディレクター（技術責任者）・エンジニア講師・ブリッジSEを経てLenzTechnologies Inc.を設立し、代表を務める。CMS concreteCMSエバンジェリスト。テックブログ以外も「磨耗しない人生」や「海外ノマド」のライフスタイルについて発信。好きなものは肉とハイボ

Windows10にXAMPPをインストール、MySQLの初期パスワード設定の仕方ではまったので、やり方についてまとめておきます。 まずは、XAMPPをローカルにインストール まずはXAMPP(XAMPP v5.6.14 (PHP 5.6.14) )をインストール。 ※現時点で最新版。 XAMPP（今回はWindows用） program内にインストールすると動かなくなる可能性があるのでCドライブ直下が良いようです。 XAMPPは初心者向けの仮想環境？ 私が職業訓練校生の時に出会ったXAMPP。 当時、職業訓練校でPHPを学ぶために使ったローカルでも使える仮想環境はXAMPP。 最近の制作する時はMac環境ですし、お仕事ではVagrant＋gulpなのでXAMPPのことなんてすっかり記憶の彼方に。。。。 XAMPPは初心者にはうってつけのツール（の認識）でした。 最近はどうやら、知見のない

初心者コーダに贈る！超軽量高機能エディタVS Code入門 公開日 2018.06.11 更新日 2018.09.20 コーディング初心者必見。2015年にリリースされたVisual Studio Codeをコーディング初心者でも快適に使う方法をまとめます。随時追記して更新します。 目次 基本、Mac前提のお話ですが、Windowsも対応できるようにできるだけ追記させていただきますね！ Visual Studio Code�ってなんぞ？ 最低覚えて使いたい機能 インストール後すぐにやっておいたほうがいいこと 便利な拡張機能 ショートカットもろもろ(作成中) これだけは作っておきたいコードスニペット(作成中) まとめ 初心者コーダ向けの記事を書きました。すぐコーディングを練習したい方はそちらを参考にしてください。 初心者コーダに贈る！超軽量高機能エディタVS Code入門2 Visual S

MySQL を 5.1 から 5.7 系にアップグレードする際にハマりました 2018.09.12 ジャンル vagrant しろたん師匠 やりたかったから広島でSEOの勉強会します！ 2018.08.20 ジャンル SEO Google検索エンジン WordPress で自作した機能を plugin 化してまとめると幸せになれた 2018.08.14 ジャンル WordPress concrete5 でページリストブロックの絞り込みをカスタマイズしてみた 2018.08.11 ジャンル concrete5 初心者コーダに贈る！超軽量高機能エディタVS Code入門2 2018.07.23 ジャンル VS Code concrete5サイトが突然の文字化け！データベース設定で回避 2018.07.20 ジャンル concrete5 DB 飼いネコが食中毒！？対処法等の備忘録 2018.07

concrete5タグの属性を設定しておこう公開日 2015.03.28更新日2020.05.09 concrete5 concrete5の5.6をインストールする際に、サンプル記事つきか空の記事か選ぶことができますが、空の記事だとタグの属性が用意されてなくて不便。その追加方法についてメモっておきます。 タグとは？concrete5ではタグを使ってページを紐づけて、記事をまとめたりすることができます。 タグブロックと検索ブロックを利用して記事を探すことも！ 参考：ブログ内検索できるようにしました このタグを使えるようにするために属性を追加します。 属性を追加管理画面>テーマ＞属性から属性を追加します。 選択を選んで新規をクリック。 基本設定 ハンドル名＞tags 属性名＞タグセット＞なし サイト内ページ検索インデックスに含めるにチェック 管理画面のページ検索で使用するにチェックオプション設