Minecraft(統合版)を自宅サーバーで遊んでみた！Ubuntuによる構築に挑戦
初めまして、新人の薄です。初めてブログの更新で不慣れな箇所もあるとは思いますが、よろしくお願いします！ みんな大好き、Minecraft Minecraft 一度プレイしたら、 時間が溶けることで有名な「Minecraf…
テクノロジーテクノロジーテクノロジー
ライフアクセス解析で事業の成果に貢献！ウェブ解析士取得までの流れ
こんにちは！webエンジニアの渡部です。今回はウェブ解析士とはなんぞや？概要や魅力、勉強方法から資格取得までの具体的な流れについて記事を書いてみました。わたしも「上級ウェブ解析士」の資格を保有しています。 ウェブ解析士と…
Web制作アニメーションアイコンで横スクロールすることを案内するJavaScriptライブラリ「scroll-hint」の使い方
レスポンシブデザインのコーディングに際して、横にはみ出させざるを得ないコンテンツがある。そのもっともたるものが表レイアウトで、モバイルスクリーンでは、だいたいの場合は横幅超過してしまう。 無思慮な状態だとページ全体が押し…
Web制作【無料】PHP無し、HTMLだけ！お問い合わせフォームの作り方
お問い合わせフォームを設置するとき、PHPなどのサーバサイドに類するいずれかの言語とHTMLの知識が必要になる。サーバサイドの処理があってこそお問い合わせフォームが機能することは、きっと既知のことだと思う。 しかし「HT…
Web制作モバイルブラウザの100vh問題を回避するReactコンポーネント「react-div-100vh」の紹介
要素の高さをビューポートに吸着させる手段として、100vhが最適解ではあるが、モバイルブラウザにおいては悩ましい点があることをご存知だろうか。 モバイルブラウザには、URLを表示するアドレスバーとタブ切り替え操作等のコン…
Web制作表示崩れの報告？閲覧環境の情報共有ができるWebツール「mybrowser.fyi」が便利！
マークアップエンジニアならば、「表示が崩れている！」と報告を受けた経験があることと思う。そのようなとき、決り文句のごとく、 「ブラウザは？」「OSは？」「ブラウザのサイズは？」 を質問するのだけれど、報告主がクライアント…
Web制作VSCode拡張機能「Fabulous」でCSS記述を時短！高速コーディングのお供に
CSSを記述するにあたって、Emmetやスニペットで時短を試みるケースは一般的で、あなたも導入していることだろう。これら機能によって開発は、相当に高速化していることは疑いようもない。無論わたしもVSCodeの拡張機能に追…
アプリ[React Native] トースト通知するライブラリ「react-native-tiny-toast」の紹介
ユーザーの操作に応じて状態を知らせる機構に「トースト通知」というものがある。ローディング中であることを伝えたり通信の成否を伝えたり、ポップアップ表示することでユーザーの迷子を防ぐことに寄与するものだ。 とくにネットワーク…
Web制作セレクタ間のチルダ記号って？CSSの間接セレクタ「E ~ F」を使いこなそう！
このエントリーでは、CSSの間接セレクタについて共有したい。 CSSのセレクタ定義には、さまざまな用法があって、なかでも「タイプセレクタ、子孫セレクタ、IDセレクタ、クラスセレクタ」は一般的だろう。マークアップに精通して…
Web制作画像トリミング機能を提供するJSライブラリ「react-image-crop」の紹介
画像トリミング機能は、ビューアソフト等に見られる代表的な機能のひとつであるが、Webアプリに実装しなければならないシーンは滅多に遭遇しない。一方でサムネイルの生成であれば、サーバサイドで一定サイズにトリミングすることを考…
