2024年にWebエンジニアがWordpressテーマ開発をした備忘録
Wordpress テーマ開発をすることになり、先日無事リリースを迎えたので備忘録的にツール選定や構成の記録を残しておく。 普段は Web エンジニアをしていて、Wordpress も PHP もほぼ初めてなので最適ではない箇所もあるかも。 方針 納品後の追加改修等は別のエンジニアが担当する可能性が高いので、可能な限り Wordpress テーマとして王道な選択肢で学習コストを下げたい。 静的解析・テスト・継続的デプロイなど、開発生産性を上げるものについては取り入れたい。 スターターテーマ https://underscores.me/ を利用した。2012 年の公開と少々古いが、今でも使われているようで情報量も多い。 Template Hierarchyもあまり理解していない状態だったため、一般的な構成を知りたいと思いベースとなるテーマを探したところ、スターターテーマやブランクテーマとい
github-nippou の Web 版を App Router + Go + Vercel で作った
GitHub - masutaka/github-nippou: Print today's your GitHub activity for issues and pull requests.Print today's your GitHub activity for issues and pull requests. - masutaka/github-nippou 僕が所属している ROUTE06 では業務の大半が GitHub 上で行われていて、日々の活動ログが GitHub 上に蓄積されています。経理や人事などのメンバーも Issue でタスクを管理し、毎日 PullRequest を出しているほどです。メンバーの日報も GitHub 上で書かれています。 そんな中、3 ヶ月ほど前に @masutaka さんが入社され、@masutaka さんが過去に作成した github-ni
JavaScript人気バンドラーを徹底比較─Rollup、Webpack、Parcelの特徴と違い
JavaScript人気バンドラーを徹底比較─Rollup、Webpack、Parcelの特徴と違い ウェブ開発の世界において、JavaScriptは動的かつインタラクティブなシングルページウェブアプリケーションを支える強力な存在です。ウェブアプリケーションが複雑化する中で、JavaScriptライブラリ、フレームワーク、依存関係の数も増えています。その結果、コードベースが肥大化して非効率になり、パフォーマンスやユーザーエクスペリエンスが損なわれてしまうことも。 この課題に取り組むため、JavaScriptバンドルツール（バンドラー）が導入されました。コードの質やパフォーマンスを高める効果が期待できます。JavaScriptバンドラー界の3つの重鎮として知っておきたいのが、Rollup、Webpack、Parcelです。 この記事では、これらのバンドラーの包括的な解説として、それぞれの長短
Node.jsでWebスクレイピングを実現できる4つのツール
製品 コミュニケーション メッセージング マルチチャネルのテキストメッセージとメディアメッセージの送受信を180か国以上で
【ChatGPT】英語学習用に素敵な先生を錬成したよ！ - はげあたま.org
chatgpt.com 3行で 英文アウトプット練習の優れた相手をGPTsで実装できたからストアに並べたよ！ 学習ツールとしての気持ちよさが自慢なのでまずは1回遊んでみてください！ 「英語だと中学生レベルの文章すら全然話せない」の克服ができる………と信じて、製作者自身が酷使しています 何ができるの？ 和文による出題→英訳→添削→出題…のループです。 体験の良さと自身のアウトプットカの弱さは触ってもらえばすぐに伝わるはずです。これ読む人の8割はブクマして満足するだけなんでしょうけど、これ以降を読むより先にまずは一度使ってみてください。最初にあるリンクへ飛ぶだけです。 なお「完全無料！」と言いたいですが、ChatGPTへの課金が無いとすぐに制限が入るのが最大の難点です。 特長を教えて ジャンルや問題の難易度を適宜変更可能。激ムズ要求出したら絶望感がすごい…… 日本語混じりの英文や、かなりの意訳
CPUアーキテクチャの種類(x86, x64, arm) - わくわくBank
命令の仕方 x86 x64 は CISC(Complex Instruction Set Computer) と呼ばれる命令セットです。 「複雑な処理」を「少ない命令」で実行しようとする思想です。 arm は RISC(Reduced Instruction Set Computer) と呼ばれる命令セットです。 ビット数 ビット数が大きくなるにつれ、一度に処理できる量が増えます。処理スピードUP・利用可能なメモリ容量UPが見込めます。 x86, x64 x86 は 32bit です。 x64 は 64bit です。 arm arm については、ARMv7 では 32bit でした。 ARMv8(2011年発表) では実行モードというのがあり、AArch32だと32bit 、AArch64だと64bit となるようです。(ややこしい…) Linuxでは、ARMv7までのアーキテクチャの表記
はてな記法一覧 - はてなブログ ヘルプ
このページでは、はてなブログで使用することができるはてな記法の一覧を紹介しています。 入力支援記法 自動リンク はてな内自動リンク 入力支援機能 関連 入力支援記法 記法名 書式 機能 大見出し記法 *～～ 日記に大見出し（h3）をつけます 中見出し記法 **～～ 日記に中見出し（h4）をつけます 小見出し記法 ***～～ 日記に小見出し（h5）をつけます リスト記法 -～～ --～～ +～～ ++～～ リスト（li）を簡単に記述します 定義リスト記法 :～～:～～ 定義リスト（dt）を簡単に記述します 表組み記法 | ～～ | ～～ | |*～～ | ～～ | 表組み（table）を簡単に記述します 引用記法 >> ～～ << 引用ブロック（blockquote）を簡単に記述します pre記法 >| ～～ |< 整形したテキストをそのまま表示します（pre） スーパーpre記法 >||
技術の素振りのために記事を書く
技術の素振りのために記事を書く 2024.02.20 技術の素振りを、ここではある特定の言語やフレームワークに対する理解を深めるために、その技術を使って何かしらの成果物を作成することと定義します。素振りの目的としては、ドキュメントからは読み取れない Pro/Con を得ること、その技術が実際のプロジェクトで使えるかどうか調査するといった事項があげられるでしょう。ただ素振りするだけではぼんやりと頭に知識が入っている状態になりがちですが、他者への説明というアウトプットを意識することで、コードを書くことによって得られた知見を整理できるようになります。 技術の素振りを、ここではある特定の言語やフレームワークに対する理解を深めるために、その技術を使って何かしらの成果物を作成することと定義します。素振りの目的としては、ドキュメントからは読み取れない Pro/Con を得ること、その技術が実際のプロジェ
Notion to Zenn Markdown
import NotionToZennMarkdown from "notion-to-zenn-md"; // Instantiate with your Notion integration secret const n2zm = new NotionToZennMarkdown('your_notion_integration_secret'); // Generate markdown from Notion page const md = await n2zm.generateMd('notion_page_id'); console.log(md); npm Github 本ライブラリが指すZenn記法のMarkdownについて 本ライブラリにおいて目指すZenn記法のMarkdownとは次の２つの公式記事の記載されている仕様を指します。 中でも特に以下を簡単に行うことを目指し
Login • Instagram
Welcome back to Instagram. Sign in to check out what your friends, family & interests have been capturing & sharing around the world.
読み解くデザイン
デザインとは､計画を形に表すこと｡見た目を良くすることだけが“デザイン”ではありません。仕事を円滑にするための工夫や、家族との時間を楽しむための準備もデザインです。 実は、あなたもデザイナーです｡デザインとは人の営みであり、誰もが日々何かしらをデザインしています。今よりもっとデザインを活用するために、先人・先達の知見からデザインを学びませんか？
面白法人カヤックを退職しました。 - その後のその後
今日は本年度の締め日であるとともに、僕のカヤックの最終出社日でした。 この件については、カヤックでやってきた仕事を振り返ったりとか、今後のこととかいろいろ書きたいことがあるのですが、今日はビールを多少嗜んでしまったので、とりいそぎ社内に流したメール（を一部編集したもの）をもってお知らせさせていただきます。 みなさま、おはようございます。 堤です。 チーム内では朝礼で挨拶をさせていただく機会があったのですが、 他のチームにもお世話になった方がたくさんいるので、 改めて全体に挨拶させていただきます。 12/31をもってカヤックを退職することになりました。 2010年の年始の「ぜんいん社長合宿」がカヤック初参加だったので、 ちょうど３年間お世話になったことになります。 別業界で働いていた頃、仕事が100%楽しめてなくて鬱々としていて、たまたま本屋で手に取った『カヤック会社案内』という本がカヤック
📝数値という理由だけで input[type="number"] 要素を使わない｜たかもそ／Web Creator.
フォームに入力する値といえば、電話番号や年齢、クレジットカード番号など様々です。しかし、数字を使っているからといってむやみに <input type="number"> 要素を使うと問題が起きます。 数字であって数値でないWHATWG の仕様には次のように書かれています。 The type=number state is not appropriate for input that happens to only consist of numbers but isn't strictly speaking a number. For example, it would be inappropriate for credit card numbers or US postal codes. A simple way of determining whether to use type=num
![📝数値という理由だけで input[type="number"] 要素を使わない｜たかもそ／Web Creator.](https://cdn-ak-scissors.b.st-hatena.com/image/square/fabaee500541121aedd5673e2ef24a6ad3fc46aa/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F20987625%2Frectangle_large_type_2_6362b402374299fdb8316dd17855d5fb.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
お知らせ 閉店・廃業します。 | 新宿 curry草枕
突然のお知らせで申し訳ありませんがcurry 草枕は今日3月31日をもって一般営業を終了、4月28日で閉店・廃業します。 私店主がコロナの後遺症で匂いが以前のようにとれなくなってしまいました。嗅覚障害です。倦怠感や味覚障害、ブレインフォグはぼちぼち回復したのですが、鼻の方はお医者さんから今の医学では元通りに治るかどうかなんとも言えない、と言われています。 ごまかしながら、店の従業員に助けてもらいながら固定のレシピでこの２年やってきましたが、カレーが好きでお店まで開いた私の気持ちとしてこの状況はつらいものがありますし、社長自身がわからないものを売るのはどうかとも思います。またメニューの改善もできないこの状況では早晩うまくいかなくなるのは目に見えています。従業員や関係して下さる方々の事も考え十分に余力のある今のうちに閉めることに決めました。 ごひいきにしてくださったお客様方、お店に関わってくだ
Reactを使ってプロダクト開発している開発者だけでなく、マネージャにも読んでほしい「Fluent React」 - ROUTE06 Tech Blog
チームでReactを使って開発していると、コードレビューをする際に、「この書き方はしない方がいいが、それを説明するには800文字くらい必要。図も描きたい。でもそれらを準備する時間はない。」ということが度々ありました。 また、フレームワークやライブラリの技術選定をする際、マネージャに「どうして技術選定が必要なのか」を説明する必要がありました。ROUTE06のマネージャはエンジニアリングへの造詣が深い方が多いので、対立構造になることはありませんが、説明するためには1000文字くらい必要で、やはり図も描きたい。時間はない。と同じ気持ちになることがありました。 参考情報として紹介できる情報がないか探してみると、「とりあえずこうすればOK」というベストプラクティスについては検索エンジンやSNSですぐに見つかります。ただ、どうしてその方法がベストプラクティスなのか、仕組みや原理を説明している情報は少な
クローズアップレンズを使えば、M型ライカでも20cmまで寄れるぞ！
M型ライカとクローズアップレンズ まず大前提としてライカのレンズは、φ39mm、φ46mmなど特殊な口径が多い。そのため、既製品のフィルターは使えないと思い込んでいた。 例えば、僕が持っている現行Summicron 35mm F2.0 A.S.P.Hはφ39mmだし、現行Summilux M50mm F1.4 ASPH.はφ46mm。貴婦人ズミルックスはφ43mmである。このように各レンズ口径はバラバラのうえ、いずれも特殊口径である。 既製品でよく見るのは、49、52、55、58、62、67・・いずれもライカのレンズ口径とは異なっているのが数値からもお分かりになるだろう。 そんな折、正月休みで時間もたっぷりあったため、Amazonで調べてみる。すると、ズミクロン35mmのレンズ径φ39mmにピッタリ合うステップアップリングが、ゴロゴロ出てくるじゃないか。これならライカX1の遺品として手元に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting...
Illustrator どいせな ポートフォリオサイト
Noritake / のりたけ
Yu Fukagawa