HapInS Developers Blog

HapInSが提供するエンジニアリングの情報サイト

2024-12-01から1ヶ月間の記事一覧

コツをつかめ!今日からできる、ビジュアルデザイン!

こんにちは、ボクです! アドカレ19日目は3たびボクです! 今回はUIUXとはうってかわって、ビジュアルデザインのお時間です! ビジュアルデザインよくわかんない!という声を近場できいたので、今回はよくある3パターンのビジュアルを例にここさえ抑えてお…

CSSが効かない?んなわけ…

毎週恒例、HapInS塚本のテックブログ! 始まるよー! 冗談です(´・ω・) HapInS Advent Calendar 18日目です。 今回もたまたま僕のターンなだけです。 皆様、前回の記事「HTML/CSSが苦手なそこのあなた!そう、あなたです!」は ご覧頂いたでしょうか? あの…

【Next.js/React】「スクロールして特定のDOM要素を何割表示したか」を取得できる関数を作ったよ

こんにちは!sawaです! 12/17のHapInSアドカレ記事です!よろしくお願いします! 今回は、Next.jsでスクロールポジションを動的に計測する関数を作成したのでご紹介します! この関数は、「スクロールして特定のDOM要素を何割表示したか」を動的に求められ…

【解説】7zやzipからCHDを作成!Bashスクリプトで自動化し、時間を節約する方法

HapInSアドベントカレンダー2024、16日目!王将の豚キムチを愛してやまないponです! この記事では、LinuxやMacでディスクイメージ(例:.cueおよび.bin形式)を圧縮形式(.chdファイル)に変換する作業を自動化するBashスクリプトについて詳しく解説します…

【簡単2STEP】カレンダーに1か月のシフトを一括で追加できるショートカット活用術

HapInSアドベントカレンダー2024、15日目!今回は簡単2STEPでカレンダーに1か月分のシフトを追加できるiPhoneでできるショートカットを紹介します。リンクもあるのでぜひ使ってみてください!

【無料じゃないけどタダ同然】社内でDuolingoファミリープランやってみた!Part 2

HapInSアドベントカレンダー2024、14日目!ponです! 今回は、私が最近ハマっているDuolingoでの言語学習についてお話したいと思います! ※すでにWantedlyで公開されている他メンバーの記事(Part 1)はこちらです。 www.wantedly.com はじめに 経緯 なぜDuo…

HTML/CSSが苦手なそこのあなた!そう、あなたです!

毎年恒例、HapInS Advent Calendar!! 2024年13日目の担当するのは塚本です! 去年 ↓ の記事を書いたこいつです(´・ω・) blog.hapins.net 今回のテーマはHTML/CSS! 僕が実装をする時にどんなことを考え意識し書いているのか? 塚本の脳内を公開しようと思…

【ほぼノーコード】AppSheetでローリングストック忘れがち問題を解決してみた【備えあれば憂いなし】

お世話になっております。サンシャインです。 HapInSアドベントカレンダー2024、12日目です。 blog.hapins.net 昨年のアドカレで、この記事を読んで「こういうのを自分で作ってみたい!」と思ったので、Tryしてみました。 作ったもの 通知部分の作成 ソース…

くらえ!銀の弾丸、OOUI!(アンチパターンから学ぶ編)

こんにちは、ボクです! アドカレ11日は、再びOOUIのお時間です! 前回はOOUIについてTODOリストを通して大枠を解説してみましたが、いかがでしたでしょうか。 よく見るUIだったと思いますが、よく見るということはそれだけOOUIがUIデザインにとって普遍的で…

文章作成が苦手でも大丈夫!テックブログ作成効率化の方法

HapInSアドベントカレンダー2024、10日目! シュトーレンは自分でカルダモンマシマシに作るタイプのh_shimakawaです。 はじめに この記事ではブログ記事などを効率的に書き出す方法を紹介します。 私自身、文章を書くことが苦手でしたが、前職で紙媒体を発行…

How to Spot Deepfakes and Ensure Media Authenticity: A Guide to Media Literacy

HapInS Advent Calendar 2024, Day 9! Hi, I am pon. Actually, I speak English and Portuguese as well as Japanese! Today I will contribute an article written in English. Mastering Media Literacy: Spying Deepfakes and Checking for Authenticity…

【超初心者向け】PostmanでZoom APIを使って、ZoomのミーティングURLを発行するまでを徹底解説! Part2

HapInSアドベントカレンダー2024 8日目もoobaです! ブログもYouTuberみたいに冒頭の固定の挨拶とか考えてみたいのですが迷走してます 今回、記録として残しておくのがPostmanでZoom APIを使ってZoomのミーティングURLを発行するまでを解説したいと思います…

【超初心者向け】PostmanでZoom APIを使って、ZoomのミーティングURLを発行するまでを徹底解説! Part1

2024HapInSアドベントカレンダー7日目はoobaです! 先週、人生初めてのフルマラソンに挑戦し、完走できました! 今日はPostmanでZoom APIを叩いてミーティングのURLを作成した備忘録を記載いたします。 技術調査のためにMeeting URLを発行しようと思ってイン…

Reactを使用したイベントカレンダー

こんにちは、エートゥエです! 今回はReactを使用したイベントカレンダーを作りましたので、それについての記事を書きました! はじめに ――――――――――――――――――――――――― この記事では、React と Material UI を使用してカレンダー アプリケーションを構築するプ…

TypeScriptのタグ付きユニオン型で型安全なプログラミング

HapInSアドベントカレンダー2024、6日目! 毎朝最大5kmジョギングしていつも疲れ果てているh_shimakawaです。 今回はTypeScriptの型について記事を書きました! はじめに TypeScriptで、成功・失敗などの状態にで型が変わる値を扱う際、 optionalなプロパテ…

インフラ系障害時のパケットキャプチャ

はじめまして! テックブログ初投稿です。 初回は、20年間インフラエンジニアとして就業してきた中で、 役に立った「パケットキャプチャ」のご紹介。 まず、パケット、と聞くとパケット通信やデータ通信関連の事を想像されるかと思います。 その通り、パケッ…

Vue.js 3 と Firebase を使用したリアルタイム チャット アプリ

こんにちは、エートゥエです! システム事業部でウェブ開発者をやっていたが、この時間で単純なチャットアプリを作ってみたいと思いながら、 Vue.jsと Firebase を使用してリアルタイム チャット アプリを構築しました。 いったいどうして…。 Vue.jsを触った…

「生成AI vs 検知ツール:進化する攻防と私たちの選択」

はじめに HapInSアドベントカレンダー2024、4日目!最近PICO-8沼にどハマりしているponです 昨今、生成AIの発展が私たちの日常や仕事に大きな影響を与えています。文章や画像の生成、プログラミング支援など、生成AIの利用はますます広がりを見せています。…

くらえ!銀の弾丸、OOUI(オブジェクト志向ユーザーインターフェース)!

OOUI オブジェクト志向UI オブジェクト志向ユーザーインターフェース

【Dify】特定のサイトの情報から回答するbotを作成してみたハンズオン【Firecrawl】

サンシャイン山田です HapInSアドベントカレンダー2024 2日目の記事です。 今回は、結構前に追加されて気になっていた、DifyのナレッジをFirecrawlで作る方法を試してみたかったので、この機会に試してみることにしました。 キャッチアップ 作成 ナレッジ ワ…

今、再確認したい「関数の分割」のメリットと目安

サンシャイン山田です HapInSアドベントカレンダー2024 1日目の記事です! 昨年に引き続き、HapInSでアドベントカレンダーをやろうということで、企画させていただきました! 今年も毎日投稿する予定ですので、ご期待ください! そしてHapInSの執筆者の皆さ…