AIツールを活用してWEBページを制作してみる
投稿者：今井元揮
ChatGPTやMidjourneyなどのAIツールは、私たちの仕事に大きな影響を及ぼしています。
特に画像制作やWEB制作の分野では、多くのAIツールが新規参入し、一部では「AIに仕事を奪われる」という意見も耳にします。
しかし、AIを単なる敵としてみるのではなく、働き手としてのパートナーと認識することで、我々のクリエイティビティを増幅させ、効率を向上させることも十分可能だと私は考えています。
というわけで、この記事では、AIツールを駆 ...
MediaElement.jsでメディアプレイヤーのUIをサクッとつくる
投稿者：今井元揮
この記事はレコチョク Advent Calendar 2021 の22日目の記事となります。
はじめにこんにちは！レコチョクが提供している音楽配信サービスのウェブ開発をしている今井です。
普段の業務ではHTML・CSS・JavaScriptを扱い、ユーザーが実際に操作する画面の作成を担当しております。
レコチョクが提供している音楽配信サービスで言うと、月額料金で聴き放題の音楽ストリーミングサービス（例：TOWER RECORDS MUSI ...
スライダーってこんな簡単に作れるの知らなかった
投稿者：山岸世良
この記事はレコチョク Advent Calendar 2021の12日目の記事となります。
自己紹介みなさんこんにちは、入社一年目の山岸世良です。やませらって呼んでください。
最近は採用サイトの改修やアラカルト3サービスの対応などを行っており、HTML/CSS/JavaScriptをメインで触っています。
自分の担当サービスです。よかったらチェックしてください。
採用サイト
レコチョク
dミュージック powere ...
スクロールイベント改善してみた
投稿者：岡田暉
４月にシステム部に異動してきました、岡田です。
業務的には、HTMLやCSSなどのデザイン部分と、JSもちょこちょこと触っています。
今回は、パフォーマンス改善のために、色々遅延読み込みをやってみよう
ということで、IntersectionObserverを使ってみたので備忘録も兼ねてまとめてみました。
特定の要素がViewPortに入っているかどうかと、その位置を取得できるAPIで ...
JavaScript側でsubmitができない
投稿者：海津 純平
JavaScriptで submit() 関数が上手く動かずハマってしまいました。
どんなことが起こったか以下実際の状況を簡易化したコードです。
<!DOCTYPE html><html lang="ja"><head></head><body> <form id="fm"> <button type ...【jQuery】一番近い特定の兄弟要素のみ取得
投稿者：海津 純平
任意の要素から一番近い特定の要素のみを取得したかったので調べてみました。
以下のようなHTMLで、item2のli要素から一番近いlistクラスを持ったli要素（item4）を取得したい、ということです。
Vue.jsでAjax処理
投稿者：岡崎拓哉
今回は、Vue.jsにおけるAjax処理について書いてみたいと思います。
一旦、このような画面を考えてみます。
zsh 5.0.8 (x86_64-apple-darwin15.0)
package.json
{ "name": "playpass", "version": "1.0.0", ...
シンプルなレスポンシブE-mailを簡単に作るためのmjml
投稿者：松木佑徒
新しいサービスを作っていてE-mailはカッコいいHTMLメールにしたいなと思ったのですが、
レスポンシブE-mailと言って全てのブラウザやスタイルが効かない場合も表示できるようにHTMLメールを作るにはすごく手間がかかるみたいです。
いろいろ調べるとメールクライアントやブラウザの違いなど色々を吸収しないといけないのである意味Webより大変な気もします。。
そのため、レスポンシブE-mailを作るには一般的なHTML(Webページ)と基本は ...
formの送信ボタンのお話
投稿者：福山
ここでは
inputではなくbuttonでとあります。
なぜか?対象のコードを抜粋して比較してみます。
コード<input name="add_item" type="hidden" value="true"/><input type="submit" value="□■□商品追加□■□"/><button name="add_item" type="submit" value="true">□■□商品追加□ ...