ブログ記事336件
YouTubeの「チャット配信」(ライブ配信)とは「チャット配信」はなんの事と思われるかもしれませんので、少し説明を。下にリンクした動画がその例ですが、「funkojisan」が不定期に行っている配信スタイルで、私は他には見かけません。既にライブ配信は済んでいて、下のリンクは実際に行われた「ライブ配信を収録した動画」の閲覧になります。実際のライブ配信時は、チャット形式で閲覧者がコメントを書き入み、配信側はそれを読みながら動画でコメントを返して、双方向のコミュニケーションが可能で
「サービスリンク一覧」を非表示に最近、ランキング関連のページの下部に「サービスリンク一覧」が追加されました。上部からこういうの表示しろと言われるんでしょうね。実際のページ構成をデザインしている方は、きっと空しい気持ちで従っていると思います。下は「AmebloRankingsViewerⅡ」のページアレンジと「RankingBlocker」によるリストの整理をした「記事ランキング」のリストの例です。赤枠の「サービスリンク一覧」は、リサーチ目的のリストデザインを壊すの
「カバー設定ダイアログの拡大」オプションを追加記事の「カバー画像」は、「HOME」のフォローフィードだけでなく、色々な記事のリスト、リンク等に記事タイトルと一緒に表示されます。自動的に記事中の画像が採用される基本の仕組みがありますが、記事内容を伝えたりアピールする画像を選んでカバー画像に指定するこまめな作業は、良い読者を増やす事に繋がります。「カバー画像」は「カバー設定ダイアログ」で指定します。下は「AmebloWriter」のアレンジを適用したPC版の「ブログ編集画面」ですが、画
ブログ管理画面のフォントサイズを拡大する「設定・管理」のブログ管理画面で、ページ上の基本フォントが旧時代の12pxなのは問題と思い、フォントサイズを適正化しました。その他の設定画面もチェックすると、複数のニューにページ構成が大きく変更された新タイプのものがある事に気付きました。確認したのは以下のページです。メッセージボード本文編集blog.ameba.jpSNSプロフィール管理blog.ameba.jp制限したブログの管理blog.ameba.jpアメトピ掲載
「スクロールバー」のアレンジ方法の変遷スクロールバーのアレンジは、少しずつ各ブラウザが仕様を変更しているので、その変更に合わせないと目的のページデザインから反れてしまう状態が続いています。今回、前ページの「コメント管理リスト」のツールをチェックしていて、リストのスクロールバーのデザインが以前と異なるので調べると、Chromeのスクロールバーアレンジが以前と異なる結果になっている事が判りました。もっと早くから気付くべきでしたが、見過ごしていた様です。変化した内容 Chrome
「字幕」のオプションを追加しました日本語字幕のデザインをチェックして、以下の2個のオプションを追加しました。YouTubeのシステム更新で現在の状態が変わる可能性がありますが、可能な範囲で最善の状態を求めて行こうと思います。字幕の太い縁取りデザイン ◎このオプションはデフォルトで「ON」です。◎字幕の文字デザインに、デフォルトにない「黒の太い縁取り」を適用します。字幕行の全体の濃い背景色がなくなるので、閲覧環境によってはデフォルトより読み難いかも知れません
「AmebloMessagePro」の統合について「AmebloMessagePro」は、「メッセージ」関連画面の「注意書き」の表示を省略するデザインです。「注意書き」は原則的に必要ですが、メッセージの操作を優先するなら省略したくなります。そこで「MessagePro」を「AmebloManagement」とは独立させて、「慣れた」ユーザーにだけ導入してもらう形にしていました。しかし、「AmebloManagement」で「オプション」機能が使える様になったので、「Mes
アクセスグラフの配置を修正しました先日、「アクセス解析」の「ブログ全体アクセス数」のグラフを見ていて、「カウント数の吹き出し」が欠けているのに気付きました。調べると「AmebloManagement」で「overflow:hidden」を私が指定していました。もちろん何かの必要から追加した指定ですが、その後のアメーバ側のデザイン修正や「吹き出し表示」の追加などで、こういう事になった様です。で、「overflow:hidden」を削除した状態が下です。こ
「AmebloManagement」は、「HOME」「ブログ管理画面」「ブログページ」「記事一覧」「画像一覧」「動画一覧」「Amebaブログ検索」など、アメーバブログのユーザーが開く殆どの画面を、ユーザーライクな環境にするアレンジスタイルです。デザインの対象領域は広範囲なので、細部のアレンジについては、当ブログ内を検索して情報を得てください。「AmebloManagement」に関するページ当ブログ内の「AmebloManagement」での検索結果です。∽search.am
気付かないなら悲しい、気付いてるならもっと悲しいこの修正は、過去にも行っています。「いいね!」を押すとボタンの崩れるスキンを補正/AmebloManagementアメーバの対応忘れ2022年春、WindowsPC環境のブログ基本フォントが、実質的に「メイリオ」に変更されて8か月になります。この変更は、もう過去のイベ…∽ameblo.jpまたclass名を変更したので、上の補正コードが無効になっていました。いつからでしょう。本文幅の狭いブログで「いいね!」を押した場合
「シアターモード」の黒背景部を拡張「YouTubeTheater」は「シアターモード表示」で動画を見易くする事を、特に注力しています。これまでは、動画のコントロールが動画画面内に割り込む事を防ぐために、コントロールを動画画面の下辺に接するまで下げて来ました。しかしこれだけでは、近年に導入された「再生数の多い場所を示すグラフ」は、動画画面内に割り込んで来ます。このグラフ表示は、閲覧数を問題にするユーチューバーには有難いアイテムかも知れませんが、他人の閲覧嗜好など不要で邪魔
「YouTubeTheater」は、YouTube動画の動画プレーヤーのデザインをアレンジするCSSスタイルです。このスタイルを「Stylus」に登録して「有効」にしておくと、YouTubeの動画サイトのアレンジが主になりますが、ブログページに埋め込まれた動画プレーヤーにもデザインが有効になります。 「YouTubeTheater」マニュアル2024.03.12更新 「YouTubeTheater」のコンセプトデフォルトのYouTube動画
「StylusLT800」を更新しました 拡張機能「Stylus」の今年11月の更新後に、再び一部の手直しが行われました。また「スタイル編集画面」に「スタイル設定」という新しい項目が追加されています。この影響で、「スタイル編集画面」で数箇所のデザイン上の不備が生じていました。「自動プレビュー」の周辺 「自動プレビュー」のボタンデザインが失われ、サイズも小さくなっています。ウインドウ幅を狭めた場合のデザインも、「有効」ボタンに重なっています。また、新設の「スタイ
各種ページのクラス名更新 何か理由があるのだと思いますが、ページのHtml構成は変わった様に見えないのですが、要素(表示パーツ)のclass名が書換えられる事があります。今回は「ブログページ」「画像一覧」「動画一覧」の画面で、この変更がありました。「ブログページ」での修正は部分的ですが、「画像一覧」「動画一覧」の画面は、ほぼ全てのclass名が変更されたので、修正に時間を取られました。「AmebloManagement」の自動更新を指定されている方は、気付かなかった方が居ら
「FileUpload」ボタンを固定するこれまで、右編集パレットの「画像パレット」の「FileUpload」ボタンは、パレットのスクロールと一緒に移動して、編集画面上から見えなくなる仕様でした。下は、従来のデザインです。これは、デフォルトの「画像パレット」のデザインで、「アップロード」ボタンが他の画像と同じ扱いをされているためです。「アップロード」ボタンが無くても「画像パレット」にドラック&ドロップで画像を落とせばアップロードが可能です。しかし、アメーバ
「カバー」設定部のヘルプが扱い難い問題先日、「カバー画像」の関するツールを更新していて、編集画面の「カバー」設定のヘルプが大変に扱い難いのに気付きました。これは「AmebloWriter(Compact)」のアレンジの問題で、デフォルトの編集画面の問題ではありません。下はその状態の画像で、最初に「カバー設定枠」を開き、次に「」を押しています。次に「ヘルプの吹き出し枠」にポインターを移動して、そこにある「詳細」のリンクを押そうとしています。ところが、ポインターを「
Firefox版「Stylus」の今秋季更新が完了しました 拡張機能「Stylus」は、Chrome/Edge版とFirefox版でソースコードが異なります。今年11月初頭にChrome/Edge版が大幅な更新がありましたが、Firefox版の更新が今月末に完了した様です。気付くのが遅れて更新はもっと早かったかも知れませんが、もし「StylusLT-800」の旧バージョンのまま利用されていると、下の様に「アイコン類」「パネル等の背景色」の指定が混泥したデザインになります。◎
「動画一覧」ページの新設 ブログページ(新タイプスキン)の「ナビゲーションバー」に「動画一覧」のアイコンが追加されました。下は、スタブロの例です。これを押すと「動画一覧」のページが表示されます。スタブロは掲載動画が少ないですが、多いユーザーの場合は横4列縦は6~7列で沢山のサムネイルが並びます。それを超えると、下部のページャーで複数ページに纏められる構成です。そして、動画サムネイルをクリックすると、その動画のみを参照できる個別の動画ページが開きます。
スマホ表示に効く「ブログトップ設定」 最近の「アメーバ運営」のお知らせでご存知と思いますが、「Amebaプレミアム」の会員を増加を求めている様で、その目玉が「ブログトップ設定」の機能ですね。「スマホアプリ」でブログを閲覧すると、ブログのデザインはアメーバのシステムのいいなりで、記事の頭や中間にADエリアが追加され、PCユーザーからすれば「かなり目を覆いたくなる」様なページが表示されます。しかし「Amebaプレミアム」に加入すれば(月額~円で)、まともなデザインにできますよという話、それにプ
「Stylus」と「StylusLT800」の更新スケジュール 「StylusLT800」は、Chrome/Edge/Firefoxで共用できるスタイルです。ただし、「Stylus」の更新時期はChrome/EdgeとFirefoxで異なるため、Firefoxは更新対応済の「StylusLT800」が使えない期間が出来ます。この期間、Firefoxの環境では、「StylusLT800」の更新をせずに、Firefox版の「Stylus」が更新されるのを待機する必
「en-US版」を更新しました現在のブラウザは、多言語に対応しています。Chromeでは「」アイコンの設定メニューから「言語」を選択して、ブラウザのベースとする「言語」を変更できます。例えば「言語」を「en-US」に変えると、米国のユーザーが使っている状態を再現できます。設定メニューの表示が全て英語表示になりますが、通常のページはいつもと変りません。言語の違いは「外車と日本車ほども違わない」のです。ただ、ブラウザのあずかる機能にアクセスすると、「en-US版」
「チェックボックス」の総点検最初に一度修正を行った箇所ですが、「Stylus」の全体で使用されている「チェックボックス」のデザインを再調整しました。この修正で、コード全体の再チェックが必要になったのですが、手を抜く位ならしない方がマシなので。「チェックボックス」は、ユーザーの指定を受け取るスイッチです。下は、デフォルトのデザインで、「12×12px」のサイズです。このスイッチのデザインは、en-US版「Stylus」では、フォントとベストマッチですが、日本語のフォントに対し
「Stylus」の「ポップアップ」について「ポップアップ」は、ブラウザのツールバー上の{S}アイコンを押すと表示される小型のメニューの事です。これは「Stylus」の「管理画面」のリモコンの様なもので、本来は「管理画面」を開いて行う重要な操作(スタイル適用のON/OFFなど)を、その適用先のページを開いたウインドウで遠隔操作する機能です。スタイルの一時的なON/OFFあるページに適用されたスタイルを、一時的に「OFF」にしたい時に便利で、スタイルの効果をチェックする時にも使います
「2023秋季更新」が実施されました拡張機能「Stylus」は、全世界で愛用されている「ユーザースタイル」に関するツールです。「ユーザースタイル」はブラウザが表示するウェブ上のページに対して、ユーザーが作成した「CSS」のアレンジを可能にする機能です。ここで、ユーザーが制作した「CSS」を「ユーザースタイル」と言い、「スタイル」の実体はCSSコードです。「Stylus」は、この「スタイル」の制作編集・保存・管理と、その「スタイル」を実際の既成ページに適用する機能を持っています。さて
縁がありましてCHROMAGの試乗車を組み直しました。STYLUSのMサイズで、ジオメトリーは現行と同じタイプです。部品は使い回しなのでちょっと汚れてますがご容赦ください。当分トレイルライドはこいつで行きます!ちなみにUDH仕様のSTYLUSのフレーム在庫もございます!あとは29インチホイールのROOTDOWNも試乗車がありますのでリクエスト頂ければ貸し出しいたしますよ~動画はREDBBULLRAMPAGEでも活
「リンク設定ダイアログ」の幅を拡張しました記事本文に「リンク」を設置する場合、通常は編集アイコンの「リンク」のボタンを押して「リンク設定ダイアログ」を開きますね。デフォルトの「リンク設定ダイアログ」は、下の様なデザインです。少しみすぼらしいので、「AmebloWriter(Compact)」では、下の様にアレンジしています。上の図で、書き込んだ「URL」は、私のブログ記事をサンプルにしていますが、ユーザーIDが私の「personwritep」より文字数が多い場
ラブチャージ完了💜❤️2015/10/148年前の今日、STYLUSがジュエリーキャンペーン「DearMyMuse」(「僕のミューズへ」)のアンバサダー、チャンウクのCF撮影BTSをリリース。その時の写真をシェアします。撮影は10月1日だったらしい。カメラマンは友人のKimDowon。足の長さが足りなかった?😂😂KONUSのアンバサダーもやってた年だから、バンチグがキャップでアピール(?)この時はSTYLUS誕生から7年。記念のケーキが用意された。サイン会はこの3日
スマイルチャージ完了❤️2015/9/278年前の今日ジュエリーブランドSTYLUSのCF動画やスチール写真がリリース。同時にイベント案内も。10月1日ローンチ10月10日サイン会この店舗で期間内にジュエリーを買った先着50名(確か)これがその時のサイン会⤵️ポスターとか、PR用のスチールもたくさんリリース。カタログもこの後発表された作品でコラボ⤵️サンプルをいくつかこのネックレスは誕生石のシリーズで、私も当時ちょっと関係が。結構人気。この声‼️©️SBS/tv
「KakakucomViewer930」 について「KakakukomViewer930」は「価格.COM」のサイト内の各種ページをアレンジするスタイルです。このサイトは「脱MSゴシック」が出来ないサイトのひとつで、一番メインの掲示板は、WindowsPCでは今でも「懐かしのMSPゴシック」で表示されます。「KakakukomViewer」は、この掲示板を見易くする目的で制作したのですが、最近は私自身が余り利用しないので、アレンジのアップデートが疎かになっています。それで
非アメンバーにだけ表示されるページ 「アメンバー記事」のページは「アメンバー」であればその記事内容が読めますが、「非アメンバー」には表示されません。その代わりに、下のサンプルの赤枠の「アメンバー申請」をするためのボタンが表示されます。この画面は、「AmebloManagement」のセクション23「アメンバーページ(非アメンバーへの表示)」で、簡単なアレンジをしていました。しかし、アメンバー記事が通常記事とドメイン統合され、このセクション23のアレンジは無効になったままでし