どうも、兼業ブロガーのマクリン（ @Maku_ring）です。 新しい記事を書き続けているだけでは、残念ながらページビュー（PV）数と収益は伸び続けません。 過去に書いた記事の下落が、新しい記事の積み上げよりも大きい場合、PVは下降傾向に入ってしまうからです。

WordPressの標準ギャラリーでカテゴリーから自動抽出＆自動更新、画像クリックで拡大スライド表示（Lightbox）させる方法 公開日：2017(平成29)年12月4日／最終更新日： 2021(令和3)年1月3日

去年書いた記事のアップデート版。 neos21.hatenablog.com 拙作の @neos21/neos-normalize はバージョン 1.0.7 になり、チマチマとオレオレパーフェクト設定に向けた調整をしてきた。 その調査結果をまとめ、2019年以降はこんな font-family 指定で決まりだな、と吹聴して回ろうと思う。 ゴシック体 (サンセリフ) のフォント指定 明朝体 (セリフ) のフォント指定 等幅 (モノスペース) のフォント指定 以上 ゴシック体 (サンセリフ) のフォント指定 2019年以降、Mac でも Windows でも、システム標準のフォントを使ってイイカンジに Web ページを表示する font-family 指定は以下で決まり。 @font-face { font-family: "Yu Gothic M"; src: local("Yu Gothi

『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立

どうも、もう6月が終わりな事に驚いている私(@こふす)です。 さてさて、degitekunote2を三度の飯より好きという方は気がついた方もいるかもしれませんが、実は背景色をちょっとだけ変えてみました。 もともとdegitekunote2では長い期間「白色」をベースにした背景色を使ってきました。 画像を使用していた期間もありましたが、基本は白です。そしてここ最近ではCSSで白色を指定してきました。 ですが個人的にはあまりしっくりくる白色ではなかったんですよね。 白といっても色んな白があるよね そうなんですよね。白色といっても色んな白色があって、純色の白(#FFFFFF)もあれば、ちょっと薄くした白色もあるわけです。 そして今回変更したのが以前の#F2F2F2から#F4F5F7。 どれ位違うのかというとこれぐらい違います。 以前背景色に指定していた＃F2F2F2は若干黄色がかっているのが分か

カスタマイズを行うには、子テーマのstyle.cssに以下のコードを貼り付ければOKです。 /*768px以下*/ @media screen and (max-width: 768px){ .column-wrap{ flex-direction: row; } } /*480px以下*/ @media screen and (max-width: 480px){ .column-wrap{ flex-direction: column; } } デモ 当ページだけに上記のカスタマイズを反映させてあります。 デベロッパーツールなどのモバイル表示確認機能などで、以下の動作を確認してみてください。 2カラム

ブロックエディター(Gutenberg)の編集画面にスタイルを当てたい WordPress 5から導入されたブロックエディター(Guntenberg)のスタイルをカスタマイズする方法を探り続けています。 更新履歴 2020/08/20 - WP v5.5.0 での見出しブロックの仕様変更に伴う更新。[data-type="core/heading"] h* をh*[data-type="core/heading"] に変更。 2020/05/25 - WP v5.4.0 での見出しブロックの仕様変更に伴う更新。.wp-block-heading を [data-type="core/heading"] に変更。 2020/05/24 - ブロックスタイルの削除について追記。 2019/12/20 - WordPress 5.3でギャラリーやテーブルがfigureでラッピングされたので更新。

Photo by Casey Fleser こんにちは。谷口です。 プログラミング初心者の皆さんは、何を使って勉強していますか？ 初心者の場合、上級者向けの書籍やチュートリアルなどから始めてしまうと 難しすぎてよくわからない… 環境設定がうまくいかない… なかなか進まなくて楽しくない… などといった感じで挫折してしまうケースが珍しくありません。 また、そもそも「独学で何をどう勉強したらよいのかわからない」という方もいるかと思います。 そこで今回は、初心者でもブラウザだけで楽しくゲーム感覚でプログラミングが学べるサイトをご紹介します。 プログラミング初心者の方や挫折した経験のある方、使える言語を増やしたい方の参考になればと思います。 【目次】 豊富な問題と対応言語で自分の腕試しに最適！ Codewars コードを書いて美少女を集めよう！プログラミングが学べる本格無料ゲーム コードガールこれく

VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。

チャネルラインは、ローソク足の上値どうしを結んだライン、もしくは、下値どうしを結んだラインを平行に移動させたラインです。同じ角度になっている、2本のトレンドラインと考えてください。 FXにおいて、チャネルラインは次のような非常に多くの情報を与えてくれます。 トレンドの方向性や強さ トレンドの中の反転ポイント（押し目と戻し目） ブレイク後に値がどこまで動くか（＝値幅） チャネルラインを使いこなせるようになれば、あなたのチャート分析のスキルはまた一段とレベルアップします。それは、トレードで勝てるようになることを意味します。 しっかりと読んで、ぜひ、吸収して下さいね。 ぶせな FXの専業トレーダー。認定テクニカルアナリスト。 本格的にFXを開始してから10年で1億6,500万円の利益を突破。著書に、『最強のFX 1分足スキャルピング』『最強のFX 15分足デイトレード』（共に、日本実業出版社）が

ソーシャルメディアマーケティングに取り組むWeb担当者なら、誰でも知っているIFTTT（イフト）。さまざまな連携やアクションを自動化できて便利ですよね。 Facebookページに投稿した写真を、自動でTwitterでもツイートしたり、instagramに投稿した写真をTwitterに写真付きでツイートしたりなど、とにかく、IFTTTを使うといろいろなことを自動化することができます。 IFTTTはPinterestにも対応している IFTTTにはPinterestが公式に公開しているアプレット（旧：レシピ）がたくさんあります。もちろん、自分でpinterestを使ったアプレットを作ることもできます。 参考 Do more with PinterestIFTTT これらのアプレットを使えば、instagramに投稿した写真を、自動でPinterestのボードにピンをすることができます。 もちろ

IFTTTを使ってPinterestの自動化を行い、有効活用する。 Publish2016/02/12(金) Update2021/01/28(木) 先日Facebookのタイムラインで知人がおもしろい投稿をシェアしていて、早速その投稿から自分でもIFTTTのレシピを作ってみることにしました。 そのシェアしていたものがこちら。 InstagramをテーマごとにPinterestへ。myThingsでアイデアをストックしよう 簡単に説明すると、myThingsというアプリを使って、instgramに投稿された写真をPinterestのboradに自動投稿するという内容です。 この投稿を見て、「なるほど」と思ったわけです。 Pinterestを活用するには手っ取り早いかも なるほどと思った最大の理由は「これでPinterestを活用することがしやすくなった」という点です。 これまでこのブログで

まとめ 便秘とは 便秘とはお通じが出ない状態をいいますが、はっきりとした定義がありません。医学的には「排便が2〜3日に1回程度あって、“なかなか便が出ない”“便が出なくて苦しい”といった自覚症状がある場合」とされています。 便秘の治療 漢方医学では、便秘は「気・血・水」のなかの「水」の不足、ストレスや緊張による「気」の異常、「血」の異常である「お血」などによって起こると考えられています。 病院での診察 漢方の診察では、独自の「四診」と呼ばれる方法がとられます。胃腸の具合や月経の状態、日常生活のことなど、便秘とはあまり関係ないように思われることを問診で尋ねたり、おなかや舌、脈を診たりすることがありますが、いずれも薬を決めるための手がかりになるので、重要です。 便秘は女性が多く訴える症状のひとつ。なかでも多いのは次の2タイプです。 1. 痙攣（けいれん）性便秘＝ストレスなどが原因で腸が痙攣性の

まとめ 皮膚掻痒症とは 冬の乾いた外気と、皮脂の欠乏、発汗の低下などが合わさって生じる皮膚の病気で、病名の通りかゆみが強いのが特徴です。 皮膚掻痒症の治療 漢方で皮膚掻痒症は、皮脂の欠乏や皮膚の乾燥が原因となっていることから、「気・血・水」の水の不足により起こっていると思いがちですが、実際は「血虚」が原因であると考えられています。 病院での診察 漢方薬の良さは、皮膚のかゆみで生じる皮膚以外の問題を改善できること、また一定期間飲み続けることで、皮膚が乾燥しにくいよう体質改善が望めること、などが挙げられます。 冬の乾いた外気と、皮脂の欠乏、発汗の低下などが合わさって生じる皮膚の病気で、病名の通りかゆみが強いのが特徴です。皮膚は乾燥して粉が吹いて、白っぽくなっていることが多く、掻いたあとが赤くなり、掻き壊すことで血がにじんだり、色素沈着が起こったりすることもあります。 治療は皮膚の乾燥を防ぐため

まとめ 冷え症（冷え性）とは 体温を測ってみても体が冷えているわけではないけれど、何となく体に「氷」が入っているような感じがして冷たいというのが、冷えの状態です。 冷え症（冷え性）の治療 体のはたらきをよくして、症状を抑えていくことを目的とする漢方治療にとって、まさに熱を作る機能が落ちている冷え症の治療は、得意とするところです。 病院での診察 漢方の診察では、独自の「四診（ししん）」と呼ばれる方法がとられます。月経の状態、日常生活のことなど、冷え症とはあまり関係ないように思われることを問診で尋ねたり、おなかや舌、脈を診たりすることがありますが、いずれも薬を決めるための手がかりになり、重要です。 冷え症は女性に多い悩みのひとつ。成人女性の半数以上は冷え症で悩んでいるとも言われています。とくに手足の先など体の中心から離れた部分（末梢）や、腰が冷えると訴える場合が多いようです。 女性の場合は、食

こんにちは、Google AdSense 公式ヘルプコミュニティ エキスパートの竹中です。 Google AdSense のアカウントは Google アカウントに紐付けされています。もし AAA@gmail.com というアカウントで AdSense を行っていて、これを BBB@gmail.com という別の Google アカウントで AdSense を行いたい場合はどうすれば良いのでしょうか？ AdSense アカウントを別の Google アカウントへ移行・変更したい場合、適切な手順をとらないと非常に厄介なことになってしまいます。ここでは AdSense アカウントを移行・変更する適切な方法をご紹介致します。 間違ったAdSenseアカウント移行・変更まずは “間違った移行・変更方法” です。これらを行っても AdSense アカウントを移行できません。 Googleアカウントを

PythonによるWebスクレイピングの実践入門を書きたいと思います。 概論的なところは除いて、フィーリングで理解していくスタイルで行きたいと思います。 ※追記 本記事は少し難しいやり方をとっていますが、学習すると言う意味ではとても価値あるものだと思います。 本記事を読み終えた後はこちらのテクニック編をご覧になるとサクッと出来たりします。 Python Webスクレイピング テクニック集「取得できない値は無い」JavaScript対応 やること 最終的には「1時間ごとに日本経済新聞にアクセスを行いその時の日経平均株価をcsvに記録する」 プログラムを組んでみたいと思います。 注意 注意事項です。よく読みましょう。 岡崎市立中央図書館事件(Librahack事件) - Wikipedia Webスクレイピングの注意事項一覧 何を使うの？ 言語:Python 2.7.12 ライブラリ:urll

はじめに 最近、自分のWindowsでのPython開発環境をリニューアルしたのでそのときの手順をメモしておく。 Pythonのインストールからプロジェクトを作るまでをまとめました。 OSはWindows10です。多分7や8でも問題ないはず。 ※（2018/4/15追記） MacOS10.13.3でもほぼ同じような感じで環境構築できました。 ※（2018/7/5追記） ここでの「初心者にとってベスト」とは、pyenvとかコンテナとかでバージョン管理すのは考えないということを意味します。つまり、単にPythonの文法や面白さを学ぶにあたってそこらへんで躓いたり苦手意識が付くのが勿体無い気がするので、そこは飛ばしていますということになります。 Anacondaインストール Anacondaとは、Python自体の他にSciPyやNumPyなどのデータサイエンス系の必要パッケージもまとめられたパ

【記事更新のお知らせ】 PyCharm のバージョンアップに合わせて、本記事を全面改訂しました。🙇‍♂️（2020.5.8） akiyoko.hatenablog.jp 先日、「最強のPython開発環境 PyCharmのすゝめ - Qiita」という記事がホットエントリーに上がっていましたが、かくいう私も、PyCharm は Python の統合開発環境（IDE）としてまさに最強だと考えています。 www.jetbrains.com PyCharm（を含めた JetBrains 製品）は「out of the box（アウト・オブ・ボックス：箱から取り出してすぐに使える、難しい設定などは一切なしで使える）」というのが大きな魅力のひとつですが、今回紹介する環境設定をすることで更なる実力を発揮させることができます。 今回紹介するのはあくまで私の（オレオレ）最強設定ですので、異論・反論は緩や

1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります 何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。 不具合・カスタマイズ対象ページのURL： 相談内容： 不具合の発生手順： 解決のために試したこと： ※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。 ※高速化設定をしている場合は無効にしてください。 環境情報： ※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。 環境情報の取得方法はこちら。 → https://wp-cocoon.com/theme-report/ 高速化設定を無効にするにはこちら。 → https://wp-cocoo