アゴ乗せ日記

適当なポジティブ日記

スポンサーリンク

技術

【はてなAPI】もらったブックマークをまとめて確認【初心者OK】

2弾目!! 前回の記事はこちら www.agonose-nikki.com どんなものが確認できるのか ブックマークしてくれた人、コメント、どの記事か を一覧で表示させる。 経緯 これまで自分の記事につけられたブックマークを確認したことがなかった。 よくわからんが、記事…

【はてなブログ】俺のリストがタピオカだった件【CSS】

この記事めっちゃアクセスきてるな .... なんやこのデザイン!! イケてない部分 タピオカやんけ!! 具体的には 階層ごとにマークを変えないとわかりづらい インデントの幅が微妙 直す前に 階層は無限に増えても困る。 私のブログでは1階層までしか深くしな…

【はてなブログAPI】いいから聞け!スターを勝手につけてくお前ら!まじで【初心者OK】

まじで ありがとうございます!! おかげで頑張れます。 今日は私の得意なプログラミングを駆使して ささやかながらお返しができたらと思う。 何をするのか はてなのAPIを使い、 誰がどれだけスターをくれたのか確認し、 全力で感謝する!! やっていく この前…

Githubから1%のアクセスがあった話

Githubって? ITエンジニアならお馴染みだが、主にソースコードを管理してくれるサイトだ。 類似サービスには Gitlab Backlog Git Bitbucket などが存在する。 私は無料で色々できるGitlabを使っている。 ソース管理は何が嬉しいのか Gitlabの例で話を進める…

【プログラミング】Pythonでワードクラウド【初心者OK】

作る物 こーゆーやつ。 いつ使うねん? データ分析の仕事をしていた頃に使っていた。 このブログで使う場合では、うーん。 例えば上の画像はこのサイトにおける検索ワードの多いものを視覚化している。 (Googleサーチコンソールのエクスポート機能を使えば…

【はてなブログ】イケてる囲みを作りたくなった【CSS】

ハロー 今回はイケてる囲みを作りたくなった話。 私はいつも皆さんのブログを見て勉強させてもらっている。 特にYOUBLOGさんは私のサイトが駆け出しの頃からスターとかブックマークたくさんいただいて、ブロガーとしても人としてもリスペクト。 それでよく付…

【解決済み】ACMの証明書が更新されていなかった件【AWS】

若手パイセン、このドメインの証明書期限がもうすぐです! ワイ自動更新なんじゃないの?! 気づけてよかった。 証明書の有効期限を監視して、更新が近づいたらSlackなどに通知するのは今や当たり前になっているだろう。 しかしACM(AWS Certificate Manager…

【Laravel】PHPMailerでSMTPの接続確認

若手PHPMailerって送信サンプル結構見つかるんですけど、テスト接続の仕方がわからないです ワイあったで exampleはこちら まずはLavelにインストール sudo composer require phpmailer/phpmailer んでソースをちょっとLaravelちっくに

【解決済み】WorkspacesのWin10からVScodeでRemote SSH接続しようとしたらできなかった話

悲し エラーメッセージは [15:32:53.259] > /bin/sh: line 0: exec: ssh: not found > kex_exchange_identification: Connection closed by remote host > プロセスが、存在しないパイプに書き込もうとしました。 > [15:32:53.508] "install" terminal comma…

【はてなブログ】注目記事の横にランキング順位とかアイコン表示させてみる【初心者OK】

ワイレスポンシブ対応時間かかりそうだぞ... はろー今回ははてなのサイドバーのモジュールで追加できる『注目記事』の一覧の横にランキング順位とかアイコンを表示させるやり方をメモメモ。 まずはデザイン > サイドバー > モジュールを追加 > 注目記事 で追…

Win10環境のDBeaverからOracleDB繋いでみた

普段はMacを使っているがテレワークも始まって、Win環境でもDBに接続できる状態にしておこうと思ったので作業メモ 事前準備 DBeaver 7-zip くらいかな。 やること ドライバのインストール だけ。 手順 ドライバのダウンロード まずは下記のページからドライ…

【はてなブログ】レスポンシブ対応 - テーマを外してみる

ついに、重い腰を上げる時がきた。 時は来た、それだけだ CSSのソースがいろんな場所に散らばってしまったので一元管理したくなってきた。 それが動機。 ちなみにこのブログのCSSは『Boilerplate』っていうので管理している。 github.com まずデザインCSSに…

【はてなブログ】ソースコードの色変更とファイル名表示【初心者OK】

さて、やっていく まずは色の変更 次のコードをデザインCSSに貼り付ける .entry-content pre.code { background-color: #3F3F3F; color: #DCDCDC; } .synSpecial { color: #cc9393; } .synType { color: #E3CEAB; } .synComment { color: #7A987A; } .synPre…

【解決済み】Elasticsearchで413「FULL head」が返ってきたときの対応方法

若手な、な、なんか413 FULL head ってエラーが起きててやべぇです ワイやべぇな 先に原因と解決方法 原因 Laravel(Guzzle)からElasticsearchへの検索クエリがリクエストBodyではなくて、クエリ文字列として送られていた。 解決方法 queryとしていた箇所を…

Amazon Elasticsearchで文字列中のスペースや中点など特定文字を除外して登録/検索する方法

若手アニキ、「ラ・ラ・ランド」で登録したデータを「ララランド」で検索してもHITしないです ワイまかせな(ドヤ) 文字列中にスペースや中点など特定文字が含まれる場合、何もせずにアナライズかけると上記のように検索に引っかからない。 その様な場合は特…

Amazon Elasticsearchで全角半角大文字小文字の検索結果を同じにする

若手検索ワードが半角だとHITしないのですが、PHPの関数で全角に変換してから検索させましょうか ワイそれElasticsearchでできへんの? 若手できました! Amazon Elasticsearch Service だが、管理が楽だ。 ユーザ辞書の登録ができない点が少し懸念だが、な…

【はてなブログ】会話風吹き出しに名前を追加する【初心者OK】

以前の記事で会話風吹き出しを作った www.agonose-nikki.com 当初は私と妻の2人だったが、今後増えそうなのでその対応。 すぐできちゃう 以下のコードで吹き出しが表示できるのは前回の記事でやった。 <p class="chat papa-default">どや</p> この記事にコードを追加していく <p class="chat papa-default"><span>パパ</span>どや</p> デザイ…

【解決策】 Boot CampのWindowsでネットワークが遅い!繋がらない問題を解決した話【Mac】

去年の12月くらいの話 パソコンが壊れちゃったみたい 任せな(ドヤ顔) ... ...再起動するわ ... ...Bootcamp入れ直すわ ... ...1回諦めるわ 現象 ブラウザからほとんどのページが見れない youtubeやGoogleカレンダーなどGoogle系はなぜか見れる 複数ブラウザ…

【はてなブログ】会話風吹き出しのやり方【初心者OK】

我がブログにも会話風吹き出しを入れたい! 時は来た。それだけだ。 作るもの こんな感じ やること 画像のアップロード デザインCSSの反映 画像のアップロード まずは画像アップロード!とその際に画像のURLをコピーするところまでやっていきます。 画像のUR…

Instagramのログインモーダル邪魔だから消すChrome拡張機能の作り方

はろー 今回はタイトルの通りです。インスタグラムのモーダルを消したい人にもそうですが、Chromeの拡張機能を初めて作るって人にも役立つ記事と思います。 PC版のインスタグラム。 ログインしてないとこれでますよね。 画面がロックされるやんけ... このモ…

【はてなブログ】スマホページにヘッダーメニューを追加して見やすいサイト作りを目指す

はろー このサイトのスマホページを見ていてふと気づいたが、 カテゴリ別の一覧ページに飛ぶリンクが見当たらない。 育児や、技術系の記事が混在しているので、ナビゲーションがあった方が読者にとっては目的のページを見つけやすいと思った。そんなに読者は…

【はてなブログ】順序ありリストと順序なしリストのスタイル変更(後編)

前回PC版を修正したので、 今回はスマートフォン版の修正です。 現状 もっと熱くなれよ! 修正 今回もまだレスポンシブ対応できていないので、 デザイン > スマートフォン > 記事 > 記事上の<span></span>の中にCSSを追記していきます。 .entry-content > ol { counter-re…

【はてなブログ】順序ありリストと順序なしリストのスタイル変更(前編)

はろー。 前回見出しを見やすくしたので、 www.agonose-nikki.com 今回はリストを見やすくしていきやす。 現状 イケてない。 これだと流し読みした時に見逃してしまう。 修正 .entry-content > ol > li にスタイルを当てていく。 .entry-content { /* 省略 *…

【はてなブログ】記事内の見出しを見やすくする

こんにちは。 今日は嬉しいニュースが! じゃじゃん! アゴ乗せ日記の今月のPVは100を突破しました! 誰かに見てもらえたということが本当に嬉しいし、ありがとうございます! これからもテキトーに頑張ります! おっしゃ、今日は記事内の見出し部分を見やす…

【はてなブログ】カテゴリーのデザイン変えてみた

どもども。 カテゴリって1記事に複数つけられるのね。(最近知ったぜ とりあえず修正 以下はSCSS表記ですが、sassmeisterっていうサイトを使えば以下のコードを通常のCSSに変換してくれるので、デザインCSSに直接貼り付けたい場合は使ってみてください。 .ca…

【はてなブログ】メニューアイコンの追加

すでにこのサイトはカスタムメニューが存在しますが、 カテゴリが増えたので追加修正。 カテゴリ追加 ブログ運営ってのが増えた。 管理画面からデザイン>カスタマイズ>ヘッダ>タイトル下の入力欄に以下のように追加 <div class="header_menu"> <ul class="header_menu_list"> <li><a href="https://www.agonose-nikki.com">トップページ</a></li> <li><a href="https://www.agonose-nikki.com/archive/category/%E8%82%B2%E5%85%90">…</a></li></ul></div>

【はてなブログ】パンくずリストのデザイン修正

このサイトのデザインを確認してたところ パンくずリストが残念なことになっている デザインのセンスがないアゴでもこれはアカンってのがわかる。 さっそく修正の前に デザインCSSのコメント文って何なんなんだ? /* <system section="theme" selected="afternoon"> */ @import "/css/theme/afternoon/afte</system>…

はてなブログのヘッダーにグッバイ

君の運命の人はアゴではなかった。 さて、このブログもはてなブログさんで書かせてもらっておりますが、 アゴはIT芸人でもあるのでできればサイトのデザインなんかも自分でやっていきたいところです。 徐々に変えていこう。 まず今日はヘッダーにグッバイ! …

【解決】LambdaでNodejs8から12にしたらopensslコマンド使えなかった

ども、Serverless芸人のアゴです。 LambdaのNodejs8がサポート切れなのでNodejs12.xにした結果、 以下のエラーが発生しました。 openssl: command not found がーん。調べるとLambdaの実行環境のOSがAmazon Linux 2になった影響ぽいです。 さっそく解決へ な…

Laravel6で簡単なBasic認証ページを作る

.htaccessみたいな感覚で簡単な認証ページが欲しい時のメモ やること ライブラリ追加 app.phpの編集 very_basic_auth.phpを新規作成 web.phpの編集 1. ライブラリを追加 $ composer require olssonm/l5-very-basic-auth:6.1 2. app.phpの編集 config/app.php…

スポンサーリンク