CSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames
CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか？ BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。 Classnames Classnamesは、CSSのclass名やJavaScriptの関数名を付けるときに便利な単語をリスト化したものです。MITライセンスで、商用プロジェクトでも無料で利用できます。
チャットAI「Claude」すごい新機能「Artifacts」の使い方、全部教えます (1/6)
Anthropicは6月21日、同社の開発する大規模言語モデル「Claude」シリーズの最新版となる「Claude 3.5 Sonnet」を発表。利用制限はあるものの同社のチャット型AIサービス「Claude.ai」で無料で利用可能になった。 同時にユーザーがClaudeとやり取りしながらコンテンツを作成できる新機能「Artifacts」が、さらに25日にはプロジェクトごとに資料やプロンプトを集約できる「Project」が実装された。この記事では、新機能Artifactsを使うときに知っておきたいことをメインに紹介する。 なお、Claude 3.5 Sonnetの前の世代である大規模言語モデル「Claude 3」シリーズおよび「Claude.ai」については、こちらの記事に。Claude 3.5 Sonnetについての基本的なスペックなどはこちらの記事に詳しい。 Artifactsのキモは
Unsplashのライセンスでモヤる部分があったので直接聞いてみました | blog | トミナガハルキ - グラフィックデザイナー
Unsplashのライセンスでモヤる部分があったので直接聞いてみました 事務所で行う普段の仕事では、有料のストックフォトサービス（Adobe Stock / Shutterstock / PIXTAなど）を利用していますが、サービスの一部で無料素材の配布を行っていまして、そこにUnsplashの素材を活用しています。 多くのデザイナーさんはご存知かと思いますが、Unsplashは非常にお洒落な写真素材が、無料かつ縛りの少ないライセンスで利用できるプラットフォームです。以前はCC0ライセンスでしたが、現在はUnsplashの独自ライセンスという形態を取っています。 CC0ライセンスとは 以前のCC0ライセンスは“No Rights Reserved”つまり、「いかなる権利も保有しない」ということです。その為、CC0画像はWEBサイトのモックアップなどでもよく見かけます。WordPressのG
UIデザインの作業を加速するFigmaプラグイン10選 | wentz-design.com
今回は、WebサービスやアプリのUI/UXのデザインFigmaを利用する中で、冗長な作業を効率化する上で特に便利だったプラグインを厳選して紹介したいと思います。プラグインの使い方が知りたい方は、プラグインの探し方とインストール方法も紹介していますので、参考にしてください。 Figmaのプラグインのインストール方法と使い方今回はFigmaでプラグインをインストールする方法と使い方を解説します。あわせて、当サイトで紹介している便利なプラグインと使い方を解説したプラグイン集もまとめていますので、参考にしてみてください。 ... 続きを読む ボタンやリストなど、共通化して使いまわしているコンポーネントが使われている箇所を検索しリスト化できるプラグインです。デザインシステムの更新やコンポーネントの改善を定期的に見直すのに便利なプラグインで、個人的に使用率No.1です。 使い方は、検索したいコンポーネ
少女小説の100年史、ライトノベルとの関係
amazon.co.jp「ライトノベルに少女小説は含まれないのか？」という議論を見かけたのですが、ここでいう「少女小説」がちょっと気になりました。 「少女小説」は、"少女向けの小説"と理解されていると思うのですが、"少女向けの小説"は2000年代ぐらいから「少女向けライトノベル」と呼称されることが多く、若い読者には「少女小説」という呼称が通用しないなんて話も耳にします。「少女小説」を今風に「少女向けライトノベル」と言い換えると「ライトノベルに少女向けライトノベルは含まれないのか？」という話になってしまって命題として成立しません。 まあ、「少女小説」という呼称が用いられたのは主に戦前と1980年代～1990年代なので、ここでいう「少女小説」はその1980年代～1990年代のイメージ、つまり、氷室冴子や久美沙織が活躍した時代のコバルト文庫や花井愛子や折原みとに代表されるティーンズハートのイメー
WebViewを確認するアプリをつくる - Programming Journal
概要 AndroidでWebViewを利用している箇所のデバッグする方法が全くわからなかったので、調べながらまとめてみました Android StudioでWebViewを確認できるだけの簡易的なアプリをつくっていきます Android Studioをダウンロードする Download Android Studio & App Tools - Android Developers 時間かかる Projectをつくる New Project Empty View Activityを選択する Empty Views Activity ファイル作成 インストールが終わったらファイルを書き換えていく <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk
【サンプル10選】コピペで実装できるアコーディオンメニュー | ウィルラボ
【HTML】シンプルなアコーディオンを実装する detailsタグ・summaryタグを使用すると、HTMLのみだけでアコーディオンの開閉を実現することができます。 タグについての詳細は＜ htmlのdetailsタグとsummaryタグでアコーディオンメニューを実装するメリット ＞をご覧ください。 detailsタグにopen属性を指定することで、はじめから開いた状態のアコーディオンを作成することも可能です。 【HTML/CSS】ホバー時・タブフォーカス時のスタイルを変える ホバーやタブフォーカス時のスタイルを変えることで、アコーディオンメニューの開閉状態をより明示的に示すことができます。 ホバー時は「:hover」、タブフォーカス時は「:focus-visible」擬似クラスを使用して、スタイルを変更しました。タブフォーカスはクリック時に動作させたくないので、今回は「:focus-vi
とほほのライセンス入門 - とほほのWWW入門
OSSライセンスでは コピーレフト の概念があります。OSS を利用・改造してもよいけど、OSS の普及・共有を目的として、OSS を利用・改造した場合は、利用・改造したソースコードも同ライセンスのOSSとして公開することを義務付けるものです。コピーレフト型ライセンス としては GPL、AGPL 等があります。準コピーレフト系ライセンス としては、利用しただけであれば公開の義務はないけど、改造した場合は義務付けるもので、LGPL, MPL などがあります。非コピーレフト型ライセンス はこれらの制約がなく、縛りの少ないライセンスで、MIT, BSD, Apacheライセンス などがあります。 形態 ライセンス 利用者への コード公開 利用物の コード公開 改造物の コード公開 ライセンス 明記 改造・複製・再配布・商用利用
フォントのライセンスについて | 自家製フォント工房
当サイトで公開しているフリーフォントは、自家製ドットフォントの一部 (注釈があるもの ※後述) を除き、商用利用・個人利用や、用途にかかわらず、無償で使用することができます。再配布や改変を伴う場合は、フォントによって条件が異なり、フォントデータのライセンスの明示が必要になる場合があります。 以下のライセンスは、GNU GPL (GNU General Public License) のような、いわゆるライセンスの感染性はありません。つまり、フォントを使って制作された印刷物やデジタルコンテンツ、PDF 文書などの二次著作物にライセンスを引き継ぐ必要は生じませんのでご安心ください。 当サイトからダウンロードしたフォントのライセンスは、ダウンロードした時点のもの、および、アーカイブに同梱されているドキュメントに記載されているものが適用されます。また、フォントのメタ情報にもライセンスを埋め込んでい
Web Font のライセンス明示方法 - rochefort's blog
Web Font 便利ですよね。 Font Awesome は、iOSでも使えてとても重宝しています。 ところで、オトナのたしなみとしてライセンス表記はどのようにすれば良いか というのが気になったので調べてみました。 参考 ・Web フォントとライセンス なるほど、CSSに明記するんですね。 CDN 上記にも記載されていますが、 CDN側でライセンス表記されている場合があります。 例えばFont-Awesome だと http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css が利用できますし、こちらにライセンスが明記されています。 Google Fonts 一方、Google Fonts はどうなのかというと General FAQ | Google Fonts | Google Devel
SEOの画像最適化を一括で超簡単に行う方法【squoosh-cli】 | 株式会社ココログラフ
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your bro… 『squoosh』はブラウザで簡単に画像の最適化や変換ができるツールです。 ブラウザで開いたら最適化したい画像をドラッグ&ドロップで入れてみましょう。 今回は、Wikipediaに掲載されていたGoogle本社の画像を拝借しております。 するとこんな感じで変換設定画面になります。 右下のウインドウで自由に設定を変更しながら好みのサイズ・フォーマット・画質に調整可能です。 この画像の場合、デフォルトの設定のままでも44%の容量が削減できるんですね。 最後に右下のダウンロードボタンから最適化後の画像がダウンロードできるという仕組みです。 非常に簡単ですが
line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG
lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向（横書き時：上下）にそれぞれハーフ・レディングの大きさ（今回では4px）分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法
1996年誕生のIMサービス「ICQ」、6月26日に終了へ
最盛期には1億人が使っていたインスタントメッセージングサービス「ICQ」が6月26日に終了する。現在同サービスを運営している露VKが5月24日、公式Webサイトで告知した。 Webサイトには、「VKメッセンジャーで友達とチャットできる」とあり、VKアプリへの移行を促している。終了の理由などについての説明はない。VKは同社が日本を含む世界で提供しているメッセンジャーアプリだ。 ICQは、1996年にイスラエルMirabilisが開発し、1998年に米AOLに約4億700万ドルで買収された。2010年に露Mail.ru Group（現VK）が買収し、提供を続けていた。 VKは露メディアのコムソリスカヤプラウダに対し、今後はVK MessengerとWorkspaceの開発に注力すると語った。 同メディアによると、2024年のロシアで最も人気のあるメッセージングアプリはTelegramという。
｢食紅でスコーンをピンクにしようとしたら臓器に...｣どうしても〇〇にしか見えないおもしろ料理失敗シリーズがXで大流行、いいね順バズツイートまとめ
逆にどうやって作ったのか教えて欲しい
Excelで学ぶ、やさしいデータ分析
データ分析に興味はあるけれど、どこから手を付けていいか分からない……そんなあなたにぴったりなのが、この無料の電子書籍『Excelで学ぶ、やさしいデータ分析』です。ここから、データ分析の第一歩を気軽に踏み出してみましょう！ この電子書籍は、「Microsoft Excel」「Googleスプレッドシート」など日常的に触れる表計算ソフトウェアを使って、自分の手で体験しながら段階的に学べるように設計されています。概念や手順は誰でも理解できるように丁寧に易しく説明されており、数学やプログラミングの前提知識も必要ありません。 本書は、データ分析を初歩から学びたい方々に向けた「包括的な教科書」として、データの取り扱い方から基本的な分析方法まで、幅広いテーマを網羅しています。具体的には、以下の全16回で構成されています。 データ分析の基礎： 第1回 データ分析を学ぶべき理由と連載概要 第2回 前提基礎：
IPAフォントライセンスを巡って | 一般社団法人 文字情報技術促進協議会
先般、当協議会所属のフォント技術のエキスパートから、MJ明朝体フォントをWOFF化するサービスを提供しているサイトがある、MJ明朝体フォントの使用許諾契約に違反しているのではないか、との指摘があった。事務局長や対外窓口をお願いしている理事の方とも相談して、このサイトのオーナーに連絡を取り、MJ明朝体決め打ちのサービスについては、公開を差し控えていただいた。 ぼく的には、フォントをWOFF化するサービスの必要性もよく分かるし、協議会としても、WOFF化やサブセットフォントの提供など、協議会として直接行うか、協議会メンバーのフォントベンダー各社にビジネスとしてやっていただくかも含めて、具体的な方策を検討しているところだ。 ちょうどいい機会なので、MJ明朝体フォントの使用許諾契約書の成立の経緯と、ついでに、フォントの知的所有権を巡るず〜っと以前のぼくの経験を書き記しておきたい。 そう考えて、経緯
なんとなく使っていませんか？ 括弧の種類と使い分け｜モリサワ note編集部
突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 （そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ）とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、（ ）の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高評価推理ADV『未解決事件は終わらせないといけないから』開発者、“最後の作品”になる覚悟で作ったと明かす。またとない余暇で「ゲーム開発」に打ち込む - AUTOMATON
デジタル庁デザインシステムβ版
GitHub - onmyway133/IconGenerator: 🍱 A macOS app to generate app icons