Lapin.web

CSSでスクロールバーをオシャレにカスタマイズ

この記事ではスクロールバーのデザインをカスタマイズする方法を解説します。 スクロールバーとはこれのことです。（Chromeを使用した際のWindowsでの表示） Macだともう少しスマートなデザインみたいですが、いずれにしてもグレーっぽい感

2024/04/30 21:06

会社の将来が心配になる古い体質と謎ルールにまみれた会社で働いた話

昭和的な考えの会社にいて疲れる。謎ルールの理不尽さにイライラする。転職したほうがいいのかな？ こんなお悩みをお持ちの方はいませんか？ 私もそんな会社で働いた経験があり、...というかそのうちの1社で今も働いていますが、なぜ転職していないのか

2024/04/22 23:25

【SWELL】メインテキストのフォントを変更・画像に変更

SWELLのメインビジュアル設定では表示する画像の設定の他、その上に表示するテキストを好きな文章に変更することができます。 デフォルトで「さあ、始めよう。」ってなってるところですね。 あとはサブテキストを追加したり、ボタンを表示できたりしま

2024/04/19 13:22

【SWELL】見出しをおしゃれにカスタマイズ！エディターにもスタイルを反映させる

WordPressのテーマ『SWELL』はかなりオシャレでカスタマイズ性も高くいわゆる神テーマだと思うのですが、それゆえにSWELLを使っているユーザーや企業も多く、似たようなデザインのサイトがたくさんあるように思います。 カスタマイズ性が

2024/04/17 23:43

【SWELL】ふきだしブロックがスライドインするようにカスタマイズする

ある企業サイトのブログページでふきだしがスライドインしてくるアニメーションが設定されているのを見て、自分のブログにも実装したい！と思ったのでやってみました。 完成したら こんな感じ WordPressテーマのSWELL環境上でなるべく手間と

2024/04/15 21:31

通学不要の通信制大学『サイバー大学』を徹底解説！学費がネックかも？

私はかつてIT専門学校に通っており、途中で通い続ける意味を見出せなくなり退学し、そして現在日本大学の通信教育部の英文学科に在籍しています。 通信制の大学に通うと決めた時にどの学校にするか結構悩んだのですが、情報系の知識やプログラミングをがっ

2024/04/10 12:06

副業エンジニア・ブロガーが開業届を出して個人事業主になる。手続きは超簡単！

今更という感じではありますが、この度晴れて個人事業主となりました。 開業届の提出はかなり大変でめんどくさいというイメージがあり正直避けていたのですが、重い腰を上げてやってみれば全ての作業はネット上で完結し、税務署に行く必要もなく終わったので

2024/04/08 23:02

SWELLのランキングアイコンを好きな画像に変更する【5分で完成！】

SWELLのウィジェット『[SWELL]人気記事』では簡単に記事のランキングをブログに表示させることができます。 かなり便利ではあるのですが、上位3位までの順位が表示されているアイコンが自分のブログデザインに合ってないなと思ったことはありま

2024/04/04 13:26

お洒落で使い心地も抜群。テンション爆上げキーボード【Keychron K2 Pro】レビュー

以前職場用に購入したKeychron K4のレビュー記事を書いたのですが、あまりにもKeychronにハマってしまい、自宅用にKeychron K2 Proも購入してしまいました。 K4のレビュー記事はこちら 今回の記事ではK2 Proを半

2024/04/03 12:09

【意味なし】IT専門学校はやめとけ。中退経験者が本音で語ります

「IT系専門学校」で検索するとなんともネガティブなワードばかりが並んでいる印象を受けます。 私は現在IT分野を本業としていますが、現役の年齢でIT系専門学校に入学し中退しており、まさにこの予測ワードのように「行かなきゃよかった」と思っている

2024/04/01 22:36

ブロックエディタで自由にデザインできる！SWELLにローディング画面を実装する方法

WordPressのテーマSWELLをお使いの方に向けて、ローディングアニメを実装する方法をご紹介します。 プラグインなし コピペでOK 初回アクセスのみ表示、毎回表示を選べる 全ページ表示、特定のページのみ表示を選べる デザインはコード編

2024/03/28 12:01

人売りビジネスに絶望し、光の速さで辞めたSESの話。

SESは闇であるという話がある一方、優良企業もあるという話も聞きます。 今回は私がかつて在籍していた闇の方のSESの話をしたいと思います。 特にオチがないただの思い出話なので、こんな会社もあるんだーくらいの感覚で聞いてください。 全ての始ま

2024/03/27 00:03

【独学エンジニア監修】プログラミングを独学するためのロードマップ

私は現在社内SE兼プログラマーのようなものをやっており、副業でもWEB制作をやっています。 またこのブログもPHPやCSS、jsなどを使い色々とカスタマイズして楽しんでいます。 そんな私ですが、実はプログラミングに関してはほぼ独学です。 こ

2024/03/25 14:03

完全無料のプログラミングスクール【ZeroPlus Gate】を現役エンジニアが体験してみた！

プログラミング未経験だけど、これからWEB制作を学んで副業をしたい、フリーランスになりたいと思っている方は多いと思います。 WEB制作を学ぶ方法としてProgateが挙げられることが多いですが、自己学習完結型であり有料プランであってもメンタ

2024/03/21 12:06

【日大通信】科目修得試験（かもしゅう）の攻略法を徹底解説！

かもしゅうを全て受け終わった！と晴れ晴れとした気持ちでいたら、色々ミスってあと1科目受けなくてはいけなくなった人です。どうもこんにちは。 春なので日大通信関連の記事を書きまくっていますが、今回はかもしゅうの攻略法についてです。 私は今までに

2024/03/18 19:42

【jQuery】フォームのinputを動的に追加・削除する（連番を振りなおす）

①動作サンプル（単純にinput要素を追加） See the Pen input_add_sample1 by Cheemo (@Cheemo-LapinWeb) on CodePen. ②より実践的なサンプル See the Pen in

2024/03/17 23:19

【日大通信】入学後すぐに知るべき！失敗しない効率的な単位の取り方

前回は卒業しやすい学部・学科についての記事を書きました。 日大通信に実際に入学したら次はどうやって単位を取っていくのか？最初はその方法やスクーリングの仕組みなど分からないことだらけだと思います。 そこでこの記事では失敗しない、単位の取り方に

2024/03/15 19:00

セルフバックとは？弱小ブロガーがA8.netで5万弱稼いでみた【ブログ初心者におすすめ】

みなさんはセルフバックという言葉を聞いたことがありますか？ 通常のアフィリエイトでは、運営するブログに広告を掲載し、読者が商品の購入やサービスへの申し込みをすることで報酬が発生します。 しかしそのためにはある程度のアクセス数が必要になる為、

2024/03/12 19:23

【卒業のしやすさが全然違う】日大通信での学部・学科の選び方

日大通信への入学を考えている方、そんな方々の最終的な目標はなんといっても卒業することだと思います。（教職生の方は違うかもですが） とにかく卒業資格が欲しくてなるべく効率的に、楽に単位が取りたい方、興味のある分野を学びたい！という方、色々と目

2024/03/09 11:16

【jquery.inview】スクロールで画面内に入ったら要素をふわっと表示させる。子要素を順番に表示させる応用も【コピペOK】

おしゃれなページでよく見かけるアレです。 See the Pen inView_sample1 by Cheemo (@Cheemo-LapinWeb) on CodePen. 最後に子要素を順番に表示させる応用編も解説していきます！ js

2024/03/04 14:41

【コピペOK】ホバーで動くおしゃれなボタンデザイン20選

ホバー時にアニメーションするボタンのデザインを20個作ってみました！ コピペで使えます ホバーアニメーションするボタンデザイン20選 「//共通スタイル」はボタンデザインの初期化をしているコードで、全デザイン共通です。デザインによっては必要

2024/02/28 19:49

【Macでも可】Windows標準機能のみ！画面録画してクロップ（トリミング）・カット編集する方法

普段開発やブログカスタマイズの記事を書いていると、PC画面を撮った解説動画を載せたいな。と思うことが多々あります。 スマホだとアプリで簡単に録画・編集ができますが、PCでやろうとすると急にわかりにくく、有料ソフトがないとできないのかな？と思

2024/02/26 21:23

【初心者向け】Webサイト制作の開発環境を整える。VSCodeでHTMLをリアルタイムプレビューしながらコーディング！

これからプログラミングを初めてみようという方にとっての最初の疑問は、 どうやってコードを書いていったらいいんだ？どうやって書いたコードを動かすの？確認するの？ ということだと思います。 今回の内容は、プログラミングの中でもホームページやブロ

2024/02/22 12:00

【日大通信】東京スク 英米文学演習Ⅰ～Ⅲ『シスター・キャリー』

みなさんこんにちは。だんだん暖かく過ごしやすくなってきましたね！冬は苦手なので春が来るのは嬉しいです（花粉以外） 先週は東京スクーリングがあり、英米文学演習の授業を受けてきました。 現在3年の終わりで取得単位は112。 履修をミスったのでス

2024/02/17 22:09

SWELLでSVGアニメーションを使うコツ！2通りの方法を解説

サイトやブログを作っているとき、アニメーションでページに動きがあると一気に見た目が華やかになりますよね。 今回はSVGアニメーションをSWELLで上手に使う方法を語りたいと思います。 使用用途による使い分けも解説していますのでぜひサイト作り

2024/02/15 14:17

【SWELL】意外と簡単・コピペ可。画像クリックでSWELLの検索画面が開くようにする方法！

作成したブログパーツをヘッダー内部のウィジェットに設定することで、グローバルナビをカスタマイズできる方法は以前ご紹介しました。 前回の記事はこちら この方法で設定した画像やSVGのボタンを押したときに、SWELL機能の検索画面が開くようにし

2024/02/08 23:29

【ブログや勉強に最適！】iPad mini正直レビュー

みなさんiPadはお持ちですか？私はこれまで無印iPadを3台ほど持っていたのですが、特に使いこなせずに放置していることがほとんどでした。 そんな私がiPad miniを購入し、1年ちょっとほぼ毎日使用・持ち歩いてみてどうだったかをレビュー

2024/02/05 17:22

【WordPress】オリジナルテーマの作り方！ローカル開発環境構築からHTMLサイトのWordPress化・カスタマイザー項目の追加まで

フリーランスでWordPress案件をやってみたい！という方は多いと思います。 がっつりプログラミング経験がないブロガーさんでも、既存のテーマを使用したノーコード案件や、そこからCSSをちょろっといじるローコード案件を受けていらっしゃる方も

2024/01/20 23:19