Debriefing [デブリーフィング]

Debriefing [デブリーフィング] はHTMLやCSSやデザインなどのWeb制作に関することや、仕事を効率化する方法や生活に役立つHow Toを発信します。

白色申告の確定申告書類の作成方法と税務署へ直接提出する方法

白色申告の確定申告書類を自分で作成して、税務署に直接申告書を提出しに行くやり方について紹介します。国税庁のWebサイトを開くと無料で確定申告書類を作成することができます。今回は国税庁のサイトから確定申告書類を自分で作成するところから説明します…

jQueryでクリックすると表示・非表示を切り替えるtoggleを使った方法

web

jQueryを使って、要素をクリックすると非表示になっている要素を表示したり、非表示にさせたり切り替える方法について説明します。今回紹介する要素を表示・非表示させる方法はtoggleメソッドを使ったやり方です。

jQueryでmodal(モーダルウィンドウ)を実装する方法

web

jQueryを使ってWebサイトにmodal(モーダルウィンドウ)を表示する実装方法について説明します。モーダルウィンドウを表示させるとWebサイトにインタラクティブな表現を追加することができます。

はてなブログデザインテーマ「Debriefing」をリリースしました。

はてなブログのオリジナルデザインテーマ「Debriefing」をリリース致しました。今回ははてなブログのデザインテーマ「Debriefing」の特徴やカスタマイズ方法について紹介していきます。

Photoshopの全てのレイヤーグループをワンクリックで一括で閉じる方法

Photoshopのレイヤーグループをワンクリックで一括で閉じる方法を紹介します。グループレイヤーが開いた状態のデザインデータは見栄えて的に綺麗ではありません。そんな几帳面なデザイナーのために、ワンクリックで全てのグループレイヤーを閉じる方法を紹介…

jQueryの$(document).readyと$(window).load 実行処理の種類とタイミング

web

jQueryを書く時に、$(document).ready(function(){}や$(function() {}や$(window).load(function(){}などで書き始めて括弧の中に処理内容を書くことが多いと思います。今回はjQueryの1番はじめに書く実行処理の書き方の種類と意味について説明します。

確定申告の申告方法は白色と青色の2種類。違い・特典・メリットについて

個人事業主の確定申告の申告方法は白色申告と青色申告の2種類あります。今回は白色申告と青色申告の違いや特典やメリットについて説明します。白色申告と青色申告の違いをしっかり理解して確定申告をしましょう。

確定申告しないとどうなる?無申告や不払いによる罰則とペナルティ

確定申告をしなかった場合に起こりえる罰則やペナルティについて説明します。確定申告はしなかった場合は無申告課税・延滞税・過少申告課税・重加算税」等の罰金が課せられます。最悪の場合、税務署に厳しい目を付けられ刑事罰に発展することもありえます。

副業は確定申告するべき?しなくてもいい?確定申告が必要な対象者とは

副業で得た収入は確定申告が必要かそうではないのかわからない人のために、確定申告が必要な対象者について書きました。確定申告が必要なのに申告しないとペナルティや罰則を課せられることがあるので、自分は確定申告が必要かそうではないのか確認すること…

SublimeTextでのソース検索・一括置換・フォルダ内一括置換のやり方

SublimeTextを使ったソースの検索・一括置換・フォルダ内一括置換のやり方について紹介します。一括置換をうまく使いこなせば、手作業でやる面倒な置換作業を一瞬で終わらせることができるので、作業時間短縮のためにも絶対覚えておきましょう。

はてなブログを活用したアクセス数を増やすためのブログ戦略を考察してみた

ブログのアクセス数やPV数を増やすために、はてなブログを活用したブログ戦略について書いてみました。はてなブログは他のブログサービスに比べてドメインパワーが強く、はてなブックマークとの連携も強いです。このはてなの恩恵を存分に活用してブログを育…

確定申告をはじめてやる人のための確定申告の全体像と基礎知識

これから確定申告を初めてやる会社員やフリーランスのエンジニアやデザイナー向けに確定申告の基礎知識について説明します。確定申告は一見難しい用語が出てきますが、1つずつ理解すれば難しいことはありません。

CSSでパララックスのようなスクロールを表現する方法background-attachment:fixedの使い方

CSSのみだけでパララックスのようなスクールを表現する方法について紹介します。パララックスをWebページに取り入れるとスクロール時に動きのある魅了的な表現をデザインに加えることができます。基本的にJavaScriptで実装することが多いですが、今回はCSSの…

プログラミング学習を反復学習するなら思い切って就職したほうが効率が良い話

web

将来フリーランスのエンジニアになりたい人がプログラミング学習をすることは良いことです。しかし何回も反復学習しているより、思い切ってWebの受託会社に就職したほうが、効率的に技術力や知識を身につけることができます。今回はプログラミング学習を反復…

落合陽一写真展「質量への憧憬」が天王洲アイルamana squareで開催されていた

メディアアーティスト、筑波大学准教授・学長補佐、研究者、企業経営者そして写真家として多方面で活躍されている落合陽一さんの写真展「質量への憧憬」が、天王洲アイルamana squareで2019年1月24日から開催されていたので足を運んでみました。 落合陽一 写…

家賃の安い物件に住むと年収が増えない?安い物件に住むデメリット

家賃の安い物件に住むと毎月の固定費を削減することができますが、デメリットも存在します。今回は家賃の安い物件に住むことによって発生する損失や弊害やデメリットについて説明します。住む場所によって年収が変わってくると言われているので、必ずしも家…

書いたコードを共有できるCodePenの登録方法と使い方とブログの貼付け方

web

書いたコードをブログやWordPressなどに貼付けられるCodePen(コードペン)の登録方法や使い方、コードの貼付け方法について紹介します。CodePenを使えば簡単にブログやWordPressにコードを貼り付けてその場でデモを表示することが可能です。

CSSのtext-overflow:ellipsisを使って文字数制限(...)を表示させる方法

CSSを使って文章に文字数制限を実装する方法について書きました。通常はPHPなどのプログラム言語を使って文字数制限することが一般的ですが、CSSだけでも簡単な文字数制限を実装することができます。

はてなブログの読者になるボタンをオリジナル化&軽量化してみた

はてなブログの「読者になる」ボタンをデフォルトのボタンではなく、HTMLとCSSで作ったオリジナルボタンにする方法について紹介します。オリジナルボタンにすることによってページ速度が向上したり、好きなサイズにしたり好きな箇所に設置することができるの…

【ブロガー必見】ゲーミングマウスパッドをキーボードの下に敷くと作業が捗る

PCゲームをやらなくても、ゲーミングマウスパッドをキーボードやマウスの下に敷いて作業すると、記事の執筆作業やマウス操作が快適になって作業が捗ることがわかりました。今回はゲーミングマウスパッドを敷くことによるメリットを紹介します。

ユニクロのウルトラライトダウンのポーチ(収納袋)をなくした時の対処方法

ユニクロのウルトラライトダウンジャケットに付属しているポーチ(収納袋)って結構なくしやすいですよね。今回はユニクロのウルトラライトダウンジャケットについている袋をなくしてしまった時の対処方法について紹介します。袋を紛失しても代わりになるも…

はてなブログ独自ドメイン変更後のAdSense審査が通過しない原因

Google AdSenseの審査に通過しない原因と解決方法について書きました。「サイトの停止または利用不可」というのが審査に落ちる結果だったら、このページを確認してみてください。僕の場合はメインドメインからサブドメインへのリダイレクトが未設定だったこ…

エックスサーバーでwwwなしからwwwありへリダイレクト設定する方法

エックスドメインで取得した独自ドメインを、wwwなしからwwwありへリダイレクト設定する方法について書きました。エックスドメインで取得したドメインは、エックスサーバー上でサイト転送設定を行う必要があります。301リダイレクト設定をすることによってSE…

スマホ表示でtableの表を滑らかに横スクロールさせるCSSの記述方法

tableタグでコーディングした表は、表の項目の数が多いとスマホの画面内におさまりきれず、表が潰れてしまいます。今回はスマホ表示のtable表を滑らかに横にスクールさせる方法について紹介します。

input type="number"で表示される矢印ボタン(スピンボタン)をCSSで消す方法

HTML5のinput type="number"を使うとフォームの右側に矢印ボタン(スピンボタン)が表示されてしまいます。今回はCSSを使って、この矢印ボタンを非表示にする方法について紹介します。やり方は簡単な数行のCSSを記述するだけです。

CSSでaタグのリンクやJSのクリックイベントを無効にする方法【pointer-events:none】

CSSを使ってaタグのリンクやjavaScriptのクリックイベントを無効にする方法について書きました。CSSのpointer-events:noneを要素に指定すれば、手軽にリンクやクリックイベントを無効化することができます。

台湾(台北)旅行の気温・服装・治安・トイレ・注意点・持ち物など

台湾(台北)の気温や服装・治安の良し悪し・トイレ事情・旅行中の注意点、持っておくと便利なものを紹介します。台湾の気温は日本に比べてとてもあたたかく過ごしやすい気温です。治安も良く安心して旅行ができる国だと思います。日本人にはおすすめの海外…

台湾SIMはどれがおすすめ?SIMフリーWi-Fiルーターの設定方法

台湾に旅行に行った時のネット環境はレンタルWi-Fiではなく、台湾SIMを購入することをおすすめします。今回は台湾SIMをSIMフリーのWi-Fiルーターに挿して使うための設定方法について書きました。Amazonで安価に購入することができ、設定も簡単です。

最速でWeb制作ができるようになる効率の良いHTMLとCSSの勉強方法。

HTMLとCSSを最速で効率的に勉強する方法について書きました。全くの初心者の方は本やオンライン学習サービスを使って基礎を学習したほうが良いです。基礎が固まっている方はどんどんゼロからサイト制作した方が、やればやるほど知識と経験が蓄積されてきます…

無駄な飲み会に二度と参加しないコツ。もう時間とお金を無駄にするな

無駄な飲み会に参加しないようにするポイントを紹介します。無駄な飲み会に参加すると大切な時間とお金を無駄にすることになります。そのためには予め無駄な飲み会の特徴を知っておく必要あります。例えば職場の上司や同僚、仲の良いいつもメンバーとの飲み…