プログラミング

Androidはもっとも普及したLinux（抽象化と隠蔽とインターフェース）

Androidはもっとも普及したLinux（抽象化と隠蔽とインターフェース）

Androidは、Linuxの技術をベースにしていますが、その複雑さを隠蔽することに成功しています。この「隠蔽」には、ポジティブな意味があり、使いやすいインターフェースを提供することで一般向けに普及しました。技術が社会で広く一般化されるには、「シンプルに見せること」と「そのまま見せること」という、「わかりやすさ」の両面のバランスを取ることが大事です。Androidって、あんまり「Linuxっぽさ」を感じないよね。けど、だからこそ普及したと思うとなんか複雑だね。Androidの...

2024.07.30 2024.07.31

Androidとりあえずのメモパソコン基礎知識プログラミング

[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php）

[WordPress]記事内の画像のalt属性を見出しから自動設定した（functions.php）

WordPressのアイキャッチ画像にalt属性を自動設定する方法を紹介します。functions.phpにカスタム関数を追加することで、空のalt属性に記事タイトルを設定します。この機能により、SEOとアクセシビリティの向上が期待できます。

2024.07.28 2024.08.11

とりあえずのメモプログラミングホームページ運用

WordPressのカスタムプラグインのエラー（get_postsのメモリ不足）

WordPressのカスタムプラグインのエラー（get_postsのメモリ不足）

自作プラグインが動かなくなった原因は、サーバー処理のメモリ不足でした。 $posts = get_posts( array( 'post_type' => 'post', 'post_status' => array( 'publish', 'pending', 'draft', 'future'), 'orderby' => 'modified', /* date, modified */ 'numberposts' => -1 ) ); $count = 0; forea...

とりあえずのメモプログラミングホームページ運用

[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり）

[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり）

WordPress 6.6のアップグレードにより、ブロックの検索キーワード設定機能が使えなくなりました。JavaScriptを使用して、子テーマに直接スラッシュインサータの機能を追加する方法を実装しました。add-block-keywords.jsというJavaScriptを追加して、functions.phpから読み込むようにしました。WordPress 6.6にしたらプラグインが動かなくなったWordPress 6.6にアップグレードしました。すると、ブロックの「高度な設...

とりあえずのメモプログラミングホームページ運用

[Processing] 簡易生態系シミュレーターを作っている

[Processing] 簡易生態系シミュレーターを作っている

生態系のシミュレーションを行うProcessingプログラムを作っています（途中）。たまにこういうのをずっと眺めたくなります。（参考）人工生命とは (ジンコウセイメイとは) - ニコニコ大百科人工生命１ : 趣味とアルゴリズム（2013年03月30日）人工生命っぽいものを作る Part.1 - YouTube（2013/04/19）自らプログラムした「人工生命」の繁栄や攻防をシミュレーションできるソフトウェア「artificial life environment」 - GI...

2024.07.16 2024.07.24

Macとりあえずのメモプログラミング

Pythonの対話環境をインストールした（IDLE）

Pythonの対話環境をインストールした（IDLE）

Pythonの対話環境IDLEをインストールしました。IDLEは初心者にも使いやすい、Pythonに標準で付属する開発環境です。IDLEでは、簡単な計算や関数定義が手軽にでき、日常的な計算に便利です。日常的な計算は Excel とかでもいいよ。個人的にはプログラムがさっと書けるのが好みなので IDLEを入れました。PythonをインストールしたPythonのIDLEをインストールしました。（参考）Download Python | Python.orgこれで、macOS用のア...

2024.07.14 2024.07.16

Macとりあえずのメモプログラミング

Pythonで動くハッシュ可視化プログラムを作った

Pythonで動くハッシュ可視化プログラムを作った

Processingのハッシュ可視化プログラムProcesing（Pythonモード）で動くハッシュ可視化プログラムを作りました。コードはPythonで記述しています。完成したコード# ハッシュ可視化プログラム# グローバル変数input_string = 'apple'current_char_index = 0current_hash = 0animation_state = 0animation_progress = 0box_size = 50char_y = 50c...

2024.07.11 2024.07.12

プログラミング

ハッシュ化とは？（かんたんな実装から）

ハッシュ化とは？（かんたんな実装から）

「ハッシュ化」とは、単語や文章などを数値に変換する方法です。ハッシュ値を索引にデータを保存すると、長い情報も短い数字で表せるのでたくさんの情報を小さなスペースで管理できます。また、元の文字列には戻せない一方通行の変換ですが、同じ文字列からは同じハッシュ値になるので「照合」に使えます。ハッシュ関数とハッシュ化、ハッシュ値「ハッシュ化」とは、'apple'や'password123'といった文字列を、「10」や「63」のような数値に変換する方法です。長い文字列を短い数字で表現でき...

2024.07.03 2024.07.18

とりあえずのメモインターネット小話セキュリティプログラミング

[Cocoon] ブログカードを2列に並べるCSS

[Cocoon] ブログカードを2列に並べるCSS

メッセージ動画の一覧を並べるために、Cocoonのブログカードに「thumbnail-only」のCSSクラスを追加しました。style.cssに以下のコードを追加しました。ポイントは、「display: flex」と「flex-wrap: wrap」です。/** 2024-07-01 ブログカードを2列に並べるCSS */.blogcard-type.thumbnail-only .blogcard-snippet{ display: none;}.blogcard-typ...

とりあえずのメモプログラミングホームページ運用

子どもにとってのViscuitの魅力（プログラミング学習）

子どもにとってのViscuitの魅力（プログラミング学習）

小学3年生の子どもがプログラミングに興味を示したので、3つの候補（Scratch、Processing、Viscuit）を見せてみました。子どもが最も興味を示したのは Viscuit。ルールの小さな変更が大きな変化をもたらすダイナミックさが子どもにとって面白いようで、夢中で遊んでいます。「自分で作ったルールによって動く世界」。思い通りにならないことも学びにつながるのかも。YouTube動画でも話しています。プログラミング言語を選ぶ最近、小学3年生の子どもが「パソコンでプログラ...

2024.06.28 2024.07.09

とりあえずのメモパソコン基礎知識プログラミング

【断念】WordPressでタイトルからアイキャッチ画像を自動生成したい（Auto Post Thumbnailプラグイン）

【断念】WordPressでタイトルからアイキャッチ画像を自動生成したい（Auto Post Thumbnailプラグイン）

WordPressでタイトルからアイキャッチ画像を自動生成したかったのですが、結局断念しました。ざっと調べたものは、$55の有料版限定であったり、日本語の文字化けがあったりしたからです。この記事のアイキャッチ画像は、結局 Keynoteで作りました。Auto Post Thumbnailのダウンロード数が最多はてなブログなど、記事のタイトルがそのままアイキャッチになるサービスが便利そうです。SNSで見かけたときに、読みたくなります。WordPressでも同じようにできないか...

2024.06.23 2024.06.26

とりあえずのメモパソコン基礎知識プログラミングホームページ運用作業効率化

[CSS]ラベルボックスをスライド画像風にした

[CSS]ラベルボックスをスライド画像風にした

ふだんは、説明用の画像スライドを用意しているのですが、WordPress上で簡易版の文字スライドを作れるようにしました。まず、このようなラベルボックス（Cocoon汎用ブロック）を作ります。ラベルボックスのスライド化枠線を半透明のグレーに設定ラベル背景色を明るいベージュに変更要素の幅を内容に合わせて自動的に調整要素の左右の余白を自動的に調整これをカスタムクラス「slide」に追加します。ラベルボックスのスライド化枠線を半透明のグレーに設定ラベル背景色を明るいベージュに変更要素...

2024.06.17 2024.08.18

プログラミングホームページ運用

[CSS] 一行目以外にスタイルを設定するには？（否定擬似クラスには擬似要素を入れられない）

[CSS] 一行目以外にスタイルを設定するには？（否定擬似クラスには擬似要素を入れられない）

:not(::first-line)は無効になるtitle-listクラスのリスト要素（li）の各一行目を太字にしています。このCSSセレクタは、.title-list li::first-line 二行目以降にスタイルを設定したいと思いました。一見、::first-line 擬似要素を :not() 否定擬似クラスに入れれば、リスト項目の最初の行以外を選択するセレクタになりそうです。.title-list li:not(::first-line) しかし、これはうまくいきま...

とりあえずのメモプログラミングホームページ運用

リスト内の項目の1行目だけを太字にする（::first-line 疑似要素）

リスト内の項目の1行目だけを太字にする（::first-line 疑似要素）

CSSを使って要素内の最初の行だけを太字にできます。/** title-listクラスのリスト 2024-06-02*/.title-list li { font-size: 80%;}.title-list li::first-line { font-weight: 900; font-size: 120%; }li セレクターを使って、全ての <li> 要素のフォントウェイトを normal に設定しています。これにより、デフォルトでは <li> 要素内のテキストは太字に...

2024.06.02 2024.06.12

とりあえずのメモプログラミングホームページ運用

[Cocoon]アイコンリストにステップ箇条書きのカスタムクラスを追加した

[Cocoon]アイコンリストにステップ箇条書きのカスタムクラスを追加した

これが普通のアイコンリストです。追加CSSクラスにstep-listを追加する全体が太字になる2行目はそのままリストタイトルの文字が大きくなる項目内の行間と項目間の余白が調整されるそこに、追加CSSクラスに「step-list」を入れて、アイコンを変更してみます。追加CSSクラスにstep-listを追加する全体が太字になる2行目はそのままリストタイトルの文字が大きくなる項目内の行間と項目間の余白が調整されるstyle.cssに追加しました。/** step-listタグを...

とりあえずのメモプログラミングホームページ運用

[JavaScript]全選択で記事部分だけになるようにした

[JavaScript]全選択で記事部分だけになるようにした

自分のサイト内の記事全体を選択しやすいように、スクリプトを作りました。window.getSelection()テーマのjavascript.jsに以下のコードを追加しました。document.addEventListener('keydown', function(event) { if ((event.ctrlKey || event.metaKey) && event.key === 'a') { event.preventDefault(); const articl...

2024.05.24 2024.08.14

とりあえずのメモプログラミングホームページ運用

サイト内タグをハッシュタグ化っぽくした（functions.php）

サイト内タグをハッシュタグ化っぽくした（functions.php）

Google検索結果で、ハッシュタグ（#）を含む投稿が増えてきています。そのため、自分のサイトでもタグにハッシュマークを追加することにしました。functions.phpとstyle.cssを編集し、サイト内のタグがハッシュタグの形式で表示されるようにしました。

とりあえずのメモプログラミングホームページ運用

なぜかnoindexにしているはずのタグ一覧ページが検索結果に出てきた

なぜかnoindexにしているはずのタグ一覧ページが検索結果に出てきた

noindexにしたはずのタグ一覧ページが検索結果に表示されていました。原因を調べたところ、タグページ自体ではなく、そのフィードページがインデックスに残っていたことが分かりました。問題を解決するために、functions.phpにコードを追加し、フィードページをnoindexにしました。サイト内検索でタグページが出てきた自分のサイト内検索を行ったところ、タグによる記事一覧ページが検索結果に表示されていました。タグによる記事一覧は情報量が少なく、「低品質コンテンツ」とみなされる...

2024.05.18 2024.05.23

とりあえずのメモプログラミングホームページ運用

zshでエラーでbrewの更新が必要だった（compinit）

zshでエラーでbrewの更新が必要だった（compinit）

zshの自動補完機能に関するエラー「zsh compinit: insecure directories, run compaudit for list. 」が発生したため、解決方法を調べました。compauditコマンドでパーミッションを確認し、chmodコマンドで修正を試みましたが、新たなエラーが発生しました。Homebrew Caskの再インストールを行ったところ、無事にエラーが解決し、自動補完機能が正常に動作するようになりました。zshの自動補完機能に関するエラー久々...

Macとりあえずのメモプログラミング

[Electron]今日の日付カレンダーアプリを作った（Calectron）

[Electron]今日の日付カレンダーアプリを作った（Calectron）

Electronを使用して、Windows 7のガジェットにあったカレンダーのようなアプリケーションを作成しました。このアプリケーションは、今日の日付と曜日を表示するだけのシンプルなものです。macOS風にデザインを変更し、タイトルバーを削除して、ウィンドウ全体をドラッグできるようにしました。Windows 7のカレンダーのようなアプリを作ったElectronで Windows 7の「ガジェット」にあったカレンダーのようなものを作りました。ただ、今日の日付・曜日を表示するだけ...

2024.05.13 2024.08.19

とりあえずのメモプログラミング

次のページ

1 2 3 4 … 8