2024年12月1日、文学作品の展示即売会「文学フリマ東京」が、39回目にして、ついに東京ビッグサイトでの開催となった。西3、4ホールに、出展者、来訪者合計約1万4967人を集め、大盛況の内に終了したのだが、私にはこのイベントが、新しい電子出版の最前線のように見えた。 「文学フリマ東京39」に出展中の筆者。この机の上の本が、ほぼ完売したのだから、文学フリマの盛り上がりは相当なものなのだと実感した（ブースの半分は共同出展の友人が使っているので狭く見えるけど、1コマはこの倍あります） 会場で販売されているのは、アナログの極みともいえる“紙の本”なのだけど、それらの本の製作は、ほぼフルデジタルで行われているし、宣伝、販売、イベント終了後の通販に至るまで、ネットサービスなしでは成り立たない。 文学フリマには、もう何年も客として通っている筆者は、今年5月に行われた「文学フリマ東京38」で初めて出展者

BL（ボーイズラブ）作品などを取り扱う同人通販サイト「pictSPACE」を運営するGMW（愛知県名古屋市）は12月10日、Visa／Mastercardブランドのクレジットカード決済を、2025年1月1日から停止すると発表した。各カードブランドと一括契約している決済代行会社から、使用不可になるとの連絡があったという。 対象は、pictSPACEと姉妹サービス「pictSQUARE」で注文した頒布物。決済停止の理由について、決済代行会社から説明はなかったとしている。なお、JCB／American Express／Diners Clubブランドのクレジットカードや、銀行振込、後払いサービス「Paidy」では引き続き決済できる。 同社は、今回の取引停止について「一部のコンテンツにおいてカード決済が規制される動きが広がっている」と説明している。これを受け、コンテンツに一定のガイドラインを設け、V

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 今回はIPA（情報処理推進機構）が無料で公開しているエンジニア向け資料をまとめました。エンジニアやIT担当者におすすめの資料を厳選しています。 今回紹介する資料の結論 安全なWebサイトの作り方 要件定義ガイド DXスキル標準 情報セキュリティ白書2024 DX白書 情報セキュリティ10大脅威 2024 簡易説明資料 情報漏えい対策のしおり AI社会実装推進調査報告書 安全なWebサイトの作り方 安全なWebサイトの作り方では、Webアプリやサイトを作る上で知っておくべきセキュリティ知識を基礎から網羅的に学ぶことができます。

絶版漫画を中心とする電子書籍配信サービス「マンガ図書館Z」が11月26日でサイトを停止すると発表し、その原因がクレジットカード会社や決済代行会社による圧力だったことから、ネット上で大きな批判が巻き起こっている。この一件について、漫画家で参議院議員の赤松健さんが自身のXアカウントで改めて状況を説明した。 マンガ図書館Zは、絶版マンガを中心に電子書籍を無料で配信し、広告収益を作者に還元する広告収益型サイト。有料のプレミアム会員制度があり、サーバ代などはその会費で賄っている。 赤松さんの投稿によると、サイト停止の直接的な原因は、決済代行会社が「クレジットカード決済以外の決済手段も含む、決済サービス全体での解約」を通告してきたため。「クレジットカードはJCBを含む全てのカード会社が突如使用不能となり、他の決済方法も（ビットキャッシュ以外）全て使えなくなりました。おまけに、既に過ぎている月の支払いま

平素よりマンガ図書館Zをご利用いただき、誠にありがとうございます。 この度、今後の作家様への収益還元、及びサイト運営が困難であると判断し、マンガ図書館Zのサイトを停止させていただくことになりました。 詳細は下記のリンクをご参照ください マンガ図書館Zのサイト停止に関するお知らせ 停止日は下記の通りとなります。 2024年11月26日（火）12時（予定） マンガ図書館Zは、前身の「Jコミ」も含めますと14年近くの歴史になります。 約14年にわたり、ご利用頂いたユーザー様、作家様には心より御礼申し上げます。 作家の皆様及び現プレミアム会員の皆様には別途メールにて今後のご案内をさせていただきます。 皆様には大変ご迷惑をおかけいたしますが、何卒ご理解賜りますようお願い申し上げます。 11月26日のサイト停止日まで、引き続き「マンガ図書館Z」をよろしくお願い致します。 この件に関するお問い合わせは下

キリコって名前で女性だとPや脚本家が勘違いしてキャスティング先出ししちゃった説、まあまあありそうで笑う(真顔) というか、忠実に白髪ロングにするワケでもないのに白髪カツラを上に乗っけました感の強い髪型は何なの…。 そして、邦キチはタイミングが神懸っててワロタw

Adobeツールの乗り換えを検討し始めたけど、 「どこで見つければいいの？」「どんなツールを選べば後悔しない？」「代替ツールのいいところって何だろう？」「乗り換えのタイミング今なのか？」「費用の違いはどのくらい？」 普段から利用するツールだからこそ、自分にとって最適なデザインツールを知りたい方向けのリストとなっています。 Adobe Creative Cloudソフトから乗り換えたいと考えているひとへ どんな代替ツールがあるか知りたいひと いろいろツールを見たけどピンとこないひと 自分にあったツールが知りたいひと 代替ツールへの乗り換えで失敗したくないひと

デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な

書類の一部だけを照らす光 NHKスペシャルで、書類にこんなふうに光が当たっているのをよく見る。 「NHK 大川原化工機」の Google 画像検索結果のキャプチャ NHKが手に入れた書類にスポットライトを当てて、重要な行や単語だけを分かりやすいようにするのが典型だ。その他、暗闇の中に書類そのものをぼんやりと浮かびあがらせるやり方もある。 これを真似したいなあと思っていた。「盆踊り大会のお知らせ」のようななんでもない文書でも、こうやって照らせばなにか重大な資料みたいに見えないだろうか。 どうやって照らすか しかし問題がひとつある。これそもそもどうやって光を当ててるんだろうか。まずはシンプルに、書類に帯状に光を当てるやり方を試してみたい。 そのためにこんな方法を考えてみた。 照らしたい紙の上に透明の板を浮かべ、そこに光のスキマを作るための紙を置いて、全体を上から照らすのだ。 スマホのライトで照

CSSでif～else文が使えたら、と思ったことはありませんか？ もちろんifとかelseはCSSにはありませんが、CSSだけでif～else文と同じようにスタイルを設定できます。

男性的女性的子どもっぽいレトロアンティークオールドモダン伝統的渋い和風丸いカクカクカジュアルフォーマル存在感インパクト繊細美しい上品高貴元気陽気明るい親しみすっきりかわいらしいクールポップやさしいなごやかシンプルおしゃれホラーアニメゲーム個性的面白いくせある

CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッド（subgrid）の基礎知識と使い方、プログレッシブエンハンスメント、デベロッパーツールによるデバッグ方法などを紹介します。 CSS Subgrid by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サブグリッド（subgrid）の基礎知識 ページレベルの「マクロ」グリッドを共有する サブグリッドのサポートをチェ

今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは

モダンブラウザをターゲットにしたWeb制作では、リセットCSS自体が必要ないかもしれません。とは言っても、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 現在のWeb制作に合わせて制作されたリセットCSSを紹介します。なぜそうするのか、なぜそれを使用しないのか、CSSの知見やテクニックも満載です！ A (more) Modern CSS Reset by Andy Bell 他のリセットCSSが気になる人は、こちらも注目です。 A (more) Modern CSS Resetの前のバージョンも解説しています。 2023年、現在の環境に適したリセットCSSのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのリセットCSS 各リセットCSSの解説