サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
ginneko-atelier.com
WordPressのテーマに組み込むブロックを作ってみました。 今回作ったのはGutenberg用の一覧出力ブロックです。ブロック用に環境構築し、WordPress管理画面(エディター側)は@wordpress/scriptsを使ってReactでREST APIでカテゴリーを取得したりしながら構築、フロント部分はPHPで出力してみました。 とーっても長いので目次を利用してすっ飛ばして読んでください。 かみーゆ/フロントエンドエンジニア 資金ゼロからフィリピンで起業した海外ノマドエンジニア。IT業界10年以上でテクニカルディレクター(技術責任者)・エンジニア講師・ブリッジSEを経てLenzTechnologies Inc.を設立し、代表を務める。CMS concreteCMSエバンジェリスト。テックブログ以外も「磨耗しない人生」や「海外ノマド」のライフスタイルについて発信。好きなものは肉とハ
フォームパーツのカスタマイズって難しいですよね? 中でもセレクトボックス(select option)をCSSでカスタマイズする時は手を焼きます。 ということで今回はセレクトボックスの書き方、CSSでのカスタマイズ方法をケース別にまとめてみました。 スニペットも用意しています(随時追記します)。WordPressの「MW WPフォーム」や「Contact Form 7」のカスタマイズにも応用可能なので参考にしてください。 かみーゆ/フロントエンドエンジニア 資金ゼロからフィリピンで起業した海外ノマドエンジニア。IT業界10年以上でテクニカルディレクター(技術責任者)・エンジニア講師・ブリッジSEを経てLenzTechnologies Inc.を設立し、代表を務める。CMS concreteCMSエバンジェリスト。テックブログ以外も「磨耗しない人生」や「海外ノマド」のライフスタイルについて発
【この記事は2022年版にリライト済みです】 最近インスタ投稿一覧をWebサイトに埋め込みました。 コード書くより、インスタとFacebookを連携させてアクセストークンを取得するまでがスーパーめんどくさかったです。しかも一年前と少しやり方が変わっていて戸惑いました。 ということで、2022年版のGraphAPIで一覧を取得する手順をJS・PHP両方紹介します。難易度はJSやPHPを少し書けSNSなどのサービスを普段から使っている人向けです。出来るだけこんなことも?!ってくらいわかりやすく説明します。 今まで表示されていたのに突然データが取得できなくなった時のチェックするポイントも追記しました。 かみーゆ/フロントエンドエンジニア 資金ゼロからフィリピンで起業した海外ノマドエンジニア。IT業界10年以上でテクニカルディレクター(技術責任者)・エンジニア講師・ブリッジSEを経てLenzTec
ページを量産したりチームでサイトを作る時pugという言語を使ってWebサイトを作っています。pug(旧:Jade)の特徴やメリット、基本的な使い方、導入方法(pug-cliとgulp)についてまとめました。とくに記述方法はif(分岐)やfor・each(ループ処理)など解説。テンプレート化したい場合に使う記述方法の解説と具体的なテンプレートの作り方なども紹介しています。 普段webpackやgulpを使っている方なら導入のハードルも低いと思います。 今回はmpmコマンド出始めたい方はpackage.jsonで手軽にすぐ始められます!とても記事は長いので目次を利用して好きなところを読んでください。 かみーゆ/フロントエンドエンジニア 資金ゼロからフィリピンで起業した海外ノマドエンジニア。IT業界10年以上でテクニカルディレクター(技術責任者)・エンジニア講師・ブリッジSEを経てLenzTec
コードをいわゆる「置換(置き換え)」、一気に変換したい! って事ありませんか? 「正規表現」を使うと一部の文字を削除したり、抽出したりできて超便利です。 この記事は高機能エディタ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
2016.04.05 16回広島でコンクリ勉強会開催します。今回はブロックのカスタマイズ。https://goo.gl/pei7Ej 2015.11.28 広島でコンクリ勉強会&忘年会します。お申し込みはこちらhttps://goo.gl/hTH7ci 2015.07.15 「ヒロハタ」中間発表会サイト制作しました。 http://ginneko-atelier.com/works/ 2015.05.22 5/27(水)『広島でコンクリ』 Vol10を開催いたします! お申し込みはコチラ https://goo.gl/gexVmP 2015.02.08 広島でコンクリVol7開催します。今回はページタイプとコンポーザーと制作事例。 お申し込みはコチラから。 http://goo.gl/LWrBTh 2015.01.15 2015年2月7日『CMSの会』を開催します。ハンズオン形式で同じテー
concrete5タグの属性を設定しておこう公開日 2015.03.28更新日2020.05.09 concrete5 concrete5の5.6をインストールする際に、サンプル記事つきか空の記事か選ぶことができますが、空の記事だとタグの属性が用意されてなくて不便。その追加方法についてメモっておきます。 タグとは?concrete5ではタグを使ってページを紐づけて、記事をまとめたりすることができます。 タグブロックと検索ブロックを利用して記事を探すことも! 参考:ブログ内検索できるようにしました このタグを使えるようにするために属性を追加します。 属性を追加管理画面>テーマ>属性から属性を追加します。 選択を選んで新規をクリック。 基本設定 ハンドル名>tags 属性名>タグセット>なし サイト内ページ検索インデックスに含めるにチェック 管理画面のページ検索で使用するにチェックオプション設
このページを最初にブックマークしてみませんか?
『セブ島海外ノマドエンジニアの日記【銀ねこアトリエ】』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く