タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
この記事は、文化祭実行委員会に所属する[1]現高校 3 年生 3 人で文化祭の入退場混雑管理システム「CAPPUCCINO」を 2 年間に渡り開発し、実際に運用した記録を残したものです。 ＊この記事は以下の 3 名による共同執筆です 著者・開発者: すばる (@su8ru / Twitter:@su8ru_) 高校３年生。普段は TypeScript に使われながらウェブフロントエンド技術で遊んでいます。 たけ (@takeno_hito / Twitter:@Takeno_hito) こうこうさんねんせい。コーディングよりはゲームのほうが好きです。上下二人に揉まれながらも一応リーダーをやってました。 ふわわあ (@fuwa2003 / Twitter:@ibuki2003) 高3。Vimmer。半言い出しっぺなのに後半コード書いてないとかで最近は肩身が狭い思いをしています。 1. CAP
こんにちは、あとかです♪ ブログの印象や読みやすさ、見た目のほとんどを形作る「ブログテーマ」というものがあります。 はてなブログは、予め、様々なデザインのテーマが用意されています。 無料版でも多くの公式テーマを使えますし、有料の「Pro」であれば、個人で作成し、「テーマストア」で公開されている膨大な種類のテーマも使えます。 1年数ヶ月、このブログを続けてきましたが、今回、久しぶりにその「デザインテーマ 」を変更しました。 変更自体は簡単ですが、その後、様々な調整や過去記事の大幅な見直し等、懸念されている方も多いと思います。 今回は、【はてなブログ】デザインテーマ 「Cappuccino」に変えました！【テーマ変更手順と注意点】について、ご紹介します。 久しぶりにデザインテーマ を変更したので、備忘録として記事にしています。 【はてなブログ】デザインテーマ 「Cappuccino」に変えまし
どうも！フジグチです！ 当サイトでは、はてなブログのカスタマイズを主に行ってきました。 そんな私がこの度、オリジナルテーマ【Cappuccino】（カプチーノ）をテーマストアに公開したのでお知らせいたします。 テーマのコンセプトはラテアート（アイキャッチ）を映えさせる大人可愛い（かっこいい）テーマです。 このテーマは次のような方におすすめ出来るテーマになっています。 カスタマイズが苦手 アイキャッチが中央しか表示されず困っている アイキャッチを映えさせたい カラーを簡単に変更したい 似たようなテイストがイヤだ 大人可愛い（かっこいい）サイトにしたい １つでも当てはまっている方は（そうでない方も）ぜひこの記事を読んで、インストールしてみてください。 デザイン フォント 日付 トップページ記事一覧表示※はてなブログPRO限定 アイキャッチ プロフィール 目次 コメント欄 ページャー ユーザビリ
どうも！フジグチです！ ありがたいことに先日リリースした新しいはてなブログテーマ【Cappuccino】は、リリース直後から人気テーマのランキングに入るなど、予想以上に多くの皆様に使って頂いています。 今回はこのテーマの配色の変更方法と、コピペで使える着せ替えコードを紹介します。 今までのテーマよりも分かりやすいコードで着せ替えが出来るのでチャレンジしてみてくださいね。 カラーの変更の仕方 着せ替えコード CSSの貼り付け方 単色 グラデーション ジェネレーターを使う まとめ カラーの変更の仕方 このテーマCappuccinoではCSSのカスタムプロパティ（変数）というものを使っています。 カラーの値にカスタムプロパティを入れると、定義した元の値を変えるだけで全てのカスタムプロパティに反映することが出来ます。 今まではカラーの着せ替えをするには100行近いコードを書かなければいけなかったの
こんにちは、うとうとさらです。 今日は私と夫の今後のブログ運営についての大事なお知らせがあります。 テーマ【Cappuccino】がリリース カフェをイメージしてます 男女ともに使いやすいデザイン テーマストアからインストール可能 メインブログを交代します アイコンとニックネーム変更 テーマ【Cappuccino】がリリース カフェをイメージしてます なんと！ついに！夫が「はてなブログのテーマ」までオリジナルで自作してしまいました！ 夫はオリジナルテーマをリリースすることを今年のブログ目標として掲げていたみたいで、無事年内に公開することが出来ました。 テーマ名は【Cappuccino】（カプチーノ）です。デモサイトでもカフェのような雰囲気になっています。手前味噌ながら・・・めっちゃ可愛い！(笑) デモサイトはこちらから→Cappuccino 今回のテーマのコンセプトやこだわりポイントなどの
はてなブログの人気デザインテーマCappuccinoのすごいところは運営者のサポートが半端ない - MEのHigeブログ
こんにちはMEのHigeです。 はてなブログ歴、間もなく2年になるブロガーです。 毎日記事投稿よりも毎日コツコツ作業をもっとうにしています。 はてなブログProでブログを開設して以来、デザインテーマはずっと「Minimalism」を使っていました。 Minimalismの時はこんな感じ テーマ変更前にスクショ撮っておきました シンプルなデザインが人気の「Minimalism」。はてなブログテーマストアでの人気No1のデザインテーマです。 ここのところ、このブログの一部の記事をWordPressに移行したり、嫁さんの会社のホームページ（ホームページビルダー作成）をWordPress化することを通してWordPress的なデザインにあこがれを抱くようになりました。 思い切ってデザインテーマを「Minimalism」から「Cappuccino」に変更しました。 この「Cappuccino」使って
こんにちは、うとうとさらです。 夫が先日作成した2つのデザインテーマ【Cappuccino】と【Neumorphism】どちらも多くの方にインストールして頂けて本当に嬉しいです。 更にブログ仲間さん達が使用してみての感想等を記事にして下さるので、通知が来るたびに毎回感謝の舞を踊っています。（夫は冷静なので、私だけw） 下記記事で「私はまだ変えません」と宣言していたのですが、やっぱり気が変わって当サイトも【Cappuccino】に変更しました！ 宣伝部長として広報活動するためには、まずは自分からやらなくちゃだめだよね！ということで(笑) 今回は私が実際に使用している、おすすめのデザインテーマ【Cappuccino】カスタマイズをご紹介します。 ▼テーマリリースの記事はこちからから読めます。 www.utoutosara.com www.utoutosara.com はてなブログテーマ【Cap
デザインテーマ「Cappuccino」と「Neumorphism」の良さはデザイン性とカスタマイズが簡単なこと！ - だらけかあさんの楽観日記
こんにちは！ 私は無駄に複数のブログを書いています。 どのブログもオサレさ皆無、カスタマイズは全くやっていない、記事をたまーにちろちろと書いているだけのブログ運営だったのですけど。 この度、新しいブログのデザインテーマをインストールして、ちびっとカスタマイズもしてみました！ 2つのデザインテーマ【Cappuccino】と【Neumorphism】をインストールさせていただいたのですけど、この2つのテーマをつくってくださったのが、フジグチさん(id:utoutosara)です。 フジグチさんがつくってくださったはてなブログのデザインテーマは、デザインもすんごくステキな上に、CSSのコードとかわけわかめな私でもカスタマイズが手軽にできるようになっています。 カスタマイズのやり方をフジグチさんがブログに書いてくださっているので、ほぼコピペしただけでできました。 それでは、フジグチさんの2つのデザ
テーマデザインをMinimalismからCappuccinoに変えてみた。 - jack-hana’s blog
こんばんは。はなおです。 最近めっぽう寒くなってきましたね。こたつ出そうか迷っています。 今回はてなブログのテーマデザインを変更してみました。 以前より使っていたMinimalismもシンプルで良かったのですがカード型のデザインに憧れて最近人気のCappuccinoに変えてみました。 今回変更した理由を記事に残してみたいと思います。 変更したテーマデザイン 変更日 導入した理由 開発者の手厚いサポートが有る 参考にしたブログ 一番初めにカスタマイズした事 変更した時のブログ 最後に 変更したテーマデザイン Cappuccino）※10月18日時点人気テーマ4位 blog.hatena.ne.jp 変更日 10月17日（日） 導入した理由 カード型のデザインに憧れた。他のテーマでもカード型のデザインはあると思いますが、今回変更したテーマは記事の写真が交互に表示される所が気に入りました。 開発
はてなブログをはじめて3年数ヵ月。 パソコン操作が苦手な私にしては、 できるだけ読みやすいブログを作るために、CSSのことを少しいじったり、 段階を経て、カスタマイズも工夫してこれたかなと思います。 テーマ変更は今回が2回目。 前回のテーマもかわいくて気に入っていたのですが、 よりデザイン性を追求したく、変更することに決めました。 テーマ変更にあたってこだわったポイントを 記録のために、ここに残したいと思います。 これまでの経緯 SOHO Palette（パレット） Cappuccino（カプチーノ） こだわったカスタマイズ サイドバーのプロフィール ブログタイトル おわりに これまでの経緯 前回のブログのヘッダー画像 大好きな街エディンバラで撮影した写真を加工したものです まず、これまでどんなテーマを使用していたのかについて 簡単にまとめたいと思います。 SOHO blog.hatena
Cappuccino - テーマ ストア
アイキャッチを映えさせる大人可愛い（かっこいい）テーマです。 ある程度カスタマイズしているので、カスタマイズが苦手な方でもすぐに使えます。 着せ替えが簡単でカラーコードも用意しています。※デモサイト内にジェネレーターも設置しています。 レスポンシブデザインです。 ※記事一覧表示にするには、はてなブログPROへの加入が必要です。 PROに加入してなくても使用することは出来ます。 ※スマホから見ると１カラムで横長のカード型になります。 こちらの記事で詳しく説明しています。 https://www.fuji-blo.com/entry/cappuccino 特徴 少し動きのあるレイアウトなので視覚的に楽しめる。 カードの画像やタイトル以外の空白部分も、クリック出来るようにしています。 グローバルナビゲーションが設置できます。 デモサイト内の記事に設置方法が書いてあります。 https://cap
どうも！フジグチです！ 当サイト製作のテーマCappuccinoのQ&Aを作成しました。 実際にコメント頂いたことや、私が思いつく疑問に思いそうな部分を挙げてみたので、カスタマイズする際や何かおかしい？と困った時にお役立て下さい。 全体 テーマのカラーを変えたい テーマのカラー変更が反映されない シェアボタンを設置したい 日付で使用しているフォントを使いたい 「年」を表示したい ブレイクポイント インフィード広告が表示されない タイトル関連 タイトル画像を調整したい タイトルの文字サイズを変えたい ヘッダー関連 グローバルナビゲーションを設置したい おすすめ記事のアスペクト比を変えたい 記事上関連 記事タイトルの装飾を消したい パンくずリストを表示したい 更新日の表示が崩れる 記事内関連 装飾が重なる 目次のマーカーを変えたい サイドバー関連 プロフィールのカスタマイズをしたい タブレット
ブログテーマをCappuccinoに変更しました！トップ画面がカード型で見やすくなりました(^^♪ ブログテーマをCappuccinoに変更 カスタマイズが分かりやすくて初心者も安心 ブログテーマを探して気付いたこと おわりに ブログテーマをCappuccinoに変更 ブログテーマをCappuccinoに変更しました！ Cappuccinoは、以前ステップバーでお世話になったフジグチさんが作成されたデザインです。 blog.hatena.ne.jp 以前使わせて頂いたステップバーです！ www.fuji-blo.com Cappuccinoは、はてなブロガーさんの間でちょこちょこ目にすることがあって、見やすいし、おしゃれだし、ずっと気になっていたんです。 でも、カスタマイズがほんとに苦手です(+o+) ずっと触れずにきましたが、少し時間ができたのでやってみました！ デザインをインストールし
※この記事内のコードは当サイト製作テーマ【Cappuccino】と【Neumorphism】共通で使えます。（Neumorphismではデザインがテーマに合ったデザインに変更されます） どうも！フジグチです！ 当サイト製作のはてなブログテーマ【Cappuccino】が、シェアボタンに対応したのでお知らせいたします。 統一感のあるシェアボタンを設置したいというご意見があったのと、私自身もシェアボタンのデザインは気になっていて、ゆくゆくは作りたいと思っていたのでこの機会に作成してみました。 デザインはどうしようかと悩んでいたのですが、シェアボタンについて調べていくとついつい見落としがちになってしまう大切なことも学んだので、今回はそのことについても触れます。 ロゴの使用について Font Awesomeの読み込み シェアボタンのデザイン 塗りつぶし 枠線 少しアレンジするコード CSSの貼り付け
Yokochaです。 はてなブログのデザインテーマを「Cappuccino」にしました。 Yokochaの「ママキャリアノート」 今までは「Undershirt」を使用していました。 フォントや基調のカラーが白で大好きだったのですが、続々とブログ仲間の皆様が「Cappuccino」に変更し、カスタマイズしやすい！という記事を書かれていて、変更することに決めました！ カスタマイズしやすいようにデモサイトやカスタマイズ記事を掲載してくれているので、初心者こそおすすめのテーマです˖✧ 参考URL cappuccino.fuji-blo.com www.fuji-blo.com www.utoutosara.com はてなブログテーマ「Cappuccino」でカスタマイズしたこと デザインカラーの着せ替え ヘッダーを作成して入れる グローバルメニューの設置 目次デザインの変更 見出しデザインの変更
はてなブログテーマ「Cappuccino」「Neumorphism」記事内各種リセットCSS用意しました - フジブロっ！
どうも！フジグチです！当サイト製作のテーマをお使いの方が、記事内のカスタマイズをする際にCSS同士が干渉しないように、各種装飾をリセットするCSSをご用意したのでカスタマイズする際にご利用ください。 目次については当サイトでもカスタマイズを紹介しているので、こちらのページも合わせて参考にしてください。 はてなブログ【目次カスタマイズ】コピペで使えるデザイン集 注意事項 CappuccinoリセットCSS NeumorphismリセットCSS 注意事項注意この記事内には「Cappuccino」と「Neumorphism」のコードが書いてあります。コピーする際は見出しに従い、お間違いのないように注意してくださいリセットしたい箇所のコードをコピーしてデザインCSSの/*</system>*/のすぐ下に入れてください。 その下以降に使いたいデザインのCSSを入れてください。 Cappuccinoリ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文化祭入退場・混雑管理システム "CAPPUCCINO" 開発・運用記
【はてなブログ】デザインテーマ 「Cappuccino」に変えました！【テーマ変更手順と注意点】 - あとかのブログ
はてなブログテーマCappuccinoを公開しました！ - フジブロっ！
はてなブログテーマCappuccino着せ替えデザイン12選＋カラー変更ジェネレーター - フジブロっ！
はてなブログテーマ【Cappuccino】を夫がオリジナル作成！大事なお知らせ - うとうとさらの テンパり育児
はてなブログテーマのおすすめカスタマイズ「Cappuccino」編 - うとうとさらの テンパり育児
はてなブログ【Cappuccino】にデザインテーマを変更しました - トラリブ Travel Blog
はてなブログテーマCappuccinoのQ&Aを作成しました - フジブロっ！
【ブログテーマ変更】Cappuccinoでトップ画面がスッキリ！ - 日々りんご録
LINE新カラーにも対応！シェアボタンをテーマCappuccinoに設置しました - フジブロっ！
はてなブログテーマ「Cappuccino」カスタマイズ - ママキャリアノート
ilc.nonaka-lc.com
search.app
gihyo.jp
www.toonippo.co.jp
www.jomo-news.co.jp
orient-wave.com