ビジョン税理士法人 代表税理士 鈴木宗也（すずき むねなり） 中小企業の顧問先400社、スタッフ約32名、税理士7名/社労士2名を抱えるビジョン税理士法人の代表。 中小企業を応援することが大好きで「100年経営とワクワクする良い会社創り」を使命としている。夢は日本中の中小企業を良い会社をにすること！ Tweet Pocket 貸借対照表と損益計算書は、財務諸表（俗にいう決算書）を構成する重要な書類です。 本記事では、初心者でも“見て”理解できる図解を多用しながら、貸借対照表・損益計算書の基本からつながりまでをわかりやすく解説します。 「わかったような…わからないような…」 とあいまいな理解でここまで来てしまった人も、この際にスッキリ理解してみませんか。

『無料コーディング練習所』では、完全無料のコーディング教材を提供しています。 入門編から上級編まで６サイトをコーディングすることで、 HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。 デザインカンプと完成版コーディングデータ付きです。 この教材は制作会社の新人コーダーの教育にも使用されています。 さぁ、楽しみながら一緒に勉強していきましょう♪

オープンソースのMac 68KエミュレーターであるBasilisk IIをブラウザ上でも利用できるように拡張したというエミュレーターの「Infinite Mac」が登場しました。作者はMihai Parparita氏で、Infinite Macの開発経緯などをブログ上で明かしています。 persistent.info: Infinite Mac: An Instant-Booting Quadra in Your Browser https://blog.persistent.info/2022/03/blog-post.html 近年、古いOSをエミュレーションする試みが人気を博しており、v86ではさまざまな古いOSをブラウザ上で実行することが可能です。しかし、古いMacのエミュレーションにv86は利用できなかったため、Parparita氏はこれらを現代のPCでエミュレーションするのに適

皆大好き、カレーの季節がやってきました！ 食べに行くのもいいけれど、家で本格派カレーを目指したい……。 そこで今回は、カレーを愛するマニアたちに自宅で愛用している「推しのカレールー」を聞いてみました。通販やスーパーで手に入る市販のルーばかりなので、すぐにマネできちゃいます。 おすすめの理由とあわせて、そのカレールーで作る「わが家のカレーレシピ」も紹介。本格的な味が再現できるちょっとした工夫が盛りだくさんです。今宵の献立にぜひお役立てください！ ＜本日の推しカレールー＞ 玉置標本「タイからやってきたグリーンカレーの素」 キンマサタカ「チーズ好きの熟成欧風カレー」 河瀬璃菜「横濱舶来亭 カレーフレーク こだわりの中辛」 スパイシー丸山「カレー専門店のカレールー」 京大カレー部「プレミアム熟カレー」 玉置標本の推しカレールー：タイからやってきたグリーンカレーの素 紹介者・玉置標本／趣味は食材採取

またの名を田中＠モデルナ×４完 @rafcooc 吉田秋生さんの「河よりも長くゆるやかに」って、福生に住んでる姉弟の話なんですけど、その中で、二人が、家族を捨てて10歳も年上の女とアパートで同棲している父親のところに、生活費をもらいに行く場面があるんですよね。とある川べりのアパートなんですけど。これが1983年の作品です。 2022-04-21 01:25:10 またの名を田中＠モデルナ×４完 @rafcooc 同じ設定、同じ場面が、鷺沢萌さんという方が高校生のときに書いた「川べりの道」という小説に出て来て、この方はこの作品で1987年に文學界の新人賞を獲るんですけど、わたしはずっと、これは吉田秋生さんのマンガをどこかで読んでいて、うっかり書いてしまったケースかな、と思ってたんですよね。 2022-04-21 01:27:52 またの名を田中＠モデルナ×４完 @rafcooc わたしは「川

パーティクルやラインアニメーションなど、ウェブページにちょっと見栄えのする表現を加えてみたくなることはありませんか？　ICS MEDIAのトップページや弊社採用サイトでもこうした表現を実装していますが、思った通りの演出をコードで表現するのはなかなか難しいものです。技術は分かっても「自分にはセンスがないから……」と諦めてしまっている人もいるかもしれません。 この記事では、簡単なパーティクル表現を題材に、効果的なアニメーション表現のためのテクニックを紹介します。サンプルコードはブラウザー標準のWeb Animations APIを使用して実装していますが、CSSアニメーションやGSAP等のライブラリを用いても同様の実装は可能です。 基本のパーティクル 例題とする基本のパーティクルを見てみましょう。クリックすると中央の星からパーティクルが放射状に広がるアニメーションが再生されます。 デモを別画面

2023年2月7日 HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTipsを紹介していましたが、今回はHTMLバージョン！知っていると使い勝手がちょっとよくなる小技を集めました！ ↑私が10年以上利用している会計ソフト！ 目次 セレクトメニューの選択肢をグループ化 type 属性値によって入力欄が変化 スマートフォンでエンターキーのテキストを変える 画像の遅延読み込み テキストの折り返し位置を指定する 番号付きリストの順番を変更する 簡単アコーディオン 任意のテキストを自動翻訳させない リンク先のテキストを指定してスクロールさせる 1. セレクトメニューの選択肢をグループ化 複数の選択肢を用意できるおなじみの select タグ。項目は option タグを利用しますが、さらに optgroup タグで囲むことでグループ化できます。選択肢が多

この連載では、Notionであらゆるものを作れるとご紹介してきました。Notion単体でも非常に強力なツールなのですが、実は他のツールやサービスと組み合わせることによってさらに実現できる世界が広がります。 今回は、Notionを便利にするサービスをご紹介します。 1. リッチなWebサイトを作れる「Wraptas」 リッチなWebサイトを作れる「Wraptas」 Wraptas https://wraptas.com/ Notionの標準機能としてもWebに公開することはできますが、Wraptasを利用するとさらにカスタマイズできるようになります。 独自ドメインを利用できる JavaScript, CSSを設定できる SEO向けの設定ができる 例えばBLAM社の採用サイトやSHIBUYA SLOW STREAMのサービスサイトはWraptasによって作られています。一見するとNotionで

input[type="file"] な要素を装飾する方法を検索したときに、次のような間違った label 要素の使い方を紹介する記事ばかりヒットするのが気になったので書きました。label 要素を使っても問題ない場合もありますが、間違った使い方をしている（しようとしている）人に届きやすいようにこのような表題にしています。 何が問題か 上記の方法は input 要素を display: none で非表示にし、label 要素を使ってヒット領域を拡大させて「ファイルを選択」ボタンを表現するという方法ですが、この方法ではフォーカスが当たりません。また、tabindex 属性に非負の値を設定しフォーカスを当てられるようにしても label は clickable な要素ではないので Space / Enter キーで click イベントを発火することができません。 どうするべきか butto

まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効

はじめに はじめまして。インディーゲームを作っております、nyorokoと申します。 ゲームづくりの他に読書が好きで、「読書録を簡単に作成・管理することはできないか？」という問題意識があり、タイトルの通りのアプリを作ってみました。 2022/5/23 思ったよりも反響があったため、加筆した第二弾を公開しました！ 完成したもの 以前Notion APIを用いて、 本のバーコードを読み取る →ISBNを取得する →ISBNから本の情報を取得する →Notionのデータベースに追加する という一連の動作を行うアプリを開発しました💪🏾(´･_･`💪🏾) pic.twitter.com/GqPBPV7sin — nyoroko (@nyoroko_nyoro) February 21, 2022 Notionとは？ Notion公式サイト Notionとは、タスク管理やメモ等を一元的に行うこ

ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。

JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。 勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。 勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット 基本知識と基本操作 実装するために使う デザインシステムについて そのほか便利な機能 さいごに エンジニアがFigmaを触れ

どうも、まさとらん（@0310lan）です！ 今回は、JavaScript初心者から中級者までをカバーできる学習コンテンツを厳選してご紹介します。 完全無料で公開されているものばかりを集めており、なおかつ質の高いコンテンツを選んでいますので独学したい方にも最適です。テキスト、動画、本、Webアプリなど、さまざまな種類のコンテンツを楽しみながらぜひ学習に役立ててください！ ■学習を始める前に これからJavaScriptの学習コンテンツについて解説をしていく前に、ひとつだけ以下のサイトをご紹介しておきます。 【 The Modern JavaScript Tutorial 】 これはJavaScriptの基礎構文・DOM操作・非同期処理・サーバ通信など、ほとんどの学習項目を網羅したリファレンスのようなサイトです。海外で作られたサイトですが、うれしいことに日本語化されているので初心者にも扱いや

矮小化せず、招致段階から ６月まで日本オリンピック委員会（ＪＯＣ）理事を務めた筑波大教授の山口香さん＝２０１６年４月、東京・日本武道館【時事通信社】 東京五輪が今夏、新型コロナウイルスの感染拡大に伴う緊急事態宣言下で実施され、大きな混乱がなく終了した。６月まで日本オリンピック委員会（ＪＯＣ）理事を務めた筑波大教授の山口香さん（５６）は、開幕前からこの時期の開催に疑問を呈してきた。ＪＯＣ理事としては異例の立場をとり続けたことでも注目を集めた。柔道の元世界女王でもある山口さん。国際オリンピック委員会（ＩＯＣ）が掲げるジェンダー・イコーリティー（平等）のテーマと合わせ、率直な思いを聞いた。（聞き手・時事通信ロンドン特派員　長谷部良太） ◇　◇　◇ ―東京五輪をどう振り返るか。 選手たちは活躍の場や自分を表現する場を与えられたことに感謝しつつ、ベストのパフォーマンスを出そうというところが見えました

テキストを画像の上に配置、タグを重ねたい、ヒーローセクションで画像の上にコンテンツを配置、画像のアスペクト比を維持させたい時など、CSSの絶対配置（position: absolute;）を使用することがあります。もちろん、それでうまくいく時はありますが、なんらかの制約があったり、テキストが長いと崩れたりします。 position: absolute;が必要だと思われていた実装で、使用しなくても実装できるモダンCSSのテクニックを紹介します。 Less Absolute Positioning With Modern CSS by Ahmad Shadeed はじめに ケース1: カードのオーバーレイ ケース2: カードのタグ ケース3: ヒーローセクション ケース4: display: contents; ケース5: カードアイテムの並べ替え ケース6: 中央寄せ ケース7: 画像のアス

MBS製作『かまいたちの知らんけど』の9月12日放送の特別編「37年間通ったスーパー イズミヤへ濱家最後の挨拶」が実に素晴らしい内容だった。関西圏外にはあまり馴染みのない番組かもしれないが、今はTVerという素晴らしいメディアがありますのでぜひチェックして欲しい。 かまいたちの濱家の生まれ育った大阪市東淀川区にある上新庄という町で、彼が生まれる前から営業している大型総合スーパーイズミヤ。濱家にとって、幼少時代から家族や友人との思い出の詰まった大切な場所だ。そのイズミヤ上新庄店がこの8月末をもって47年間の歴史に幕を閉じるという。濱家はイズミヤに感謝と別れを伝えるべくロケを敢行する。 ショックすぎる…。 フードコートのチョコマーブルアイス、世界一美味いポテト。 おもちゃ売り場、ジャンケンのゲーム機、初めてCD買ったお店、横の本屋さん。 たまに開催されるガラガラ福引き。 服も靴も全部イズミヤで

以前から Google ドキュメントでせっせと音声入力をしていますが、Google ドキュメントの音声入力には句読点が入らない以外にもいくつか問題点があって ・音声入力をしばらくしないと勝手に切れてしまう ・音声入力をした直後にキーボードを入れると音声入力がまた出来なくなってしまう ・音声入力ができなくなった時に仕方なく音声入力のオンオフをトグルするとたまにエラーで落ちる というような感じで、正直結構ストレスがたまる入力方法でした。そこでふと試したことは何かと言うと、同じ Google の音声入力でも VoiceIn というChromeの拡張機能を使えば、Chrome内ではどこでも Google の音声入力ができるようになります。Google ドキュメントそのものも Chrome で開いていますのでだったら初めからGoogle ドキュメントの専用機能を使わずに、拡張機能であるVoiceIn