＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 QiitaやZennなど、ITエンジニアさん同士での情報共有を目的としたメディア。正直、Webディレクターの私が見ていてもチンプンカンプンな内容が多いのですが、それでも読み物として勉強になるので、よく拝見しています。 読む専門のITエンジニアさんも多いかもしれませんが、個人的には、自身のノウハウは積極的にアウトプットしていくのをオススメします。 「人の役に立つから」「自分の認知を広げられるから」など理由はさまざまですが、一番はシンプルに「自分のスキルとして定
Webサイト制作において面倒で時間のかかる作業を効率化したい方へ。 この記事は、CSSコードを手軽に生成できる便利ツールをまとめた最新版リストで、Web制作を快適、楽にしてくれるツール68個が揃っています。 以前CSS便利ツールを集めた厳選リストの公開が2021年。あれからおよそ3年のあいだに話題となったツールを中心に紹介しています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。
CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト
※本ページは、アフィリエイト広告を利用しています。 CSS Gridをそろそろ真剣に覚えないと、思っている人にぴったりの解説書を紹介します。 Web制作系の解説書で評価が高いエビスコム様の最新刊で、本書もかなり充実した内容となっています。CSS Gridの基礎知識はもちろん、基本のグリッド、さまざまなレイアウトやUIコンポーネントの実装も豊富で、簡潔なコードでかなりしっかりと解説されています。 本書は、先週発売されたばかり！ Web制作に携わる人すべてにお勧めの解説書。HTMLとCSSに携わるコーダーの人はもちろん、こういうレイアウトやコンポーネントができるというのがよく分かるのでデザイナーやディレクターの人にもお勧めです。
こんにちは！GMOペパボのデザイナー @shikakun です。 先日、ドメイン取得サービス「ムームードメイン byGMOペパボ」の新機能として「MuuMuu Sites（ムームーサイト）」をリリースしました！ APIからNotionに書いたコンテンツを取得し、静的サイトをビルドして、独自ドメインで公開できるサービスです。Web制作にかける時間や知識がない方でも、選択肢から選ぶだけで自分らしいWebサイトをかんたんに作成できるように開発しました。 APIから… と、さらりと書きましたが、APIで取得したコンテンツをWebページに表示するフロントエンドは、Notionを再現するように自分たちで実装しています。かなり骨が折れる開発で、正直なところ、Notionが提供する機能は膨大かつ複雑で、すべてに対応できていません。 そもそもNotionには、ドキュメントをそのままWebページとして公開でき
New in Chrome 119 Chrome 119 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 Chrome 119で追加された4つの新しいCSSの機能 CSSの疑似クラス「:user-valid」「:user-invalid」 CSSの相対カラー構文(RCS) CSSのclip-pathで「geometry-box」値 CSSのclip-pathで「xywh()」と「rect()」値 Chrome 119で追加された4つの新しいCSSの機能 11/1にリリースされたChrome 119で4つの新しいCSSの機能が追加されました。対象となるChrome 119は、Android、ChromeOS、Linux、macOS、Windowsに適用されます。 以下、その4つの新
＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 私は、ペンネーム「ばんか」というフリーのメディアライターとして活動する一方、企業のマーケティング・Web担当としてサラリーマン活動も行っています。 パラレルキャリアとしての働き方をかれこれ12年以上続けてきました。「もういっそフリーランス一本で活動したらいいのに」と言ってくれた友人もいましたが、私は頑なにサラリーマンを辞めませんでした。 その理由は明確で、企業に勤めているからこそ得られるメリットがあり、そこに魅力を感じているからです。 信頼を獲得しやすい 私
丸美屋「混ぜ込みわかめ」の種類の多さに私は明日まで立ち尽くす
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：親切のその先へ、お好み焼き用のふりかけとは ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes おにぎりの手間が一気にはぶける＝最高助かる そもそも「混ぜ込みわかめ」をご存じか、というところからまずは話をはじめたい。 商品としては、こういうやつだ。 うちの朝の景色です 小さなスーパーでもたいていふりかけコーナーに1品はある。 白いご飯に適当に振りかけて混ぜ、おむすび型に握ればこれでおにぎりができてしまう。塩を混ぜるか手につけて握ったところに用意した具を仕込んで海苔で巻く、普通のおにぎりに比べるとその手間のかからなさが本当に助かる。 公式的にはご飯1合に大さじ山盛り1杯（
裾野市ウェブアクセシビリティ方針|裾野市 #WCAG2_0 #レベルAA #一部準拠 #地方自治体 2024年9月10日の情報 大分県ホームページ ウェブアクセシビリティ方針 - 大分県ホームページ #WCAG2_0 #レベルAA #準拠 #地方自治体 #試験の公開 2024年9月10日の情報
私が使用しているChrome拡張機能でWeb制作で役立つものを5つピックアップしました。今年度からWebサイト制作のキャリアが始まる方は参考にしてください！ PixelParallel「PixelParallel」は任意の画像を簡単にブラウザ上にオーバーレイ表示できる拡張機能です。デザインカンプをオーバーレイ表示することで実際のページとのデザインの差異を確認できます。 デザインをコードに落とし込む際に皆さんはどのようにコーディングするでしょうか？多くの人はデザインツールの画面を横に並べて、実際のページと比較しながら作業しているでしょう。 この方法だと余程の鑑識眼がない限り細かいズレが起こっていることに気付けないパターンが多いです。ピクセルパーフェクトの是非に関しては荒れそうなので今回は省略しますが、細かいズレが積もり積もってデザインを忠実に再現していないと判断されるのはもったいないです。
・・・ こんにちは、エムハンドの山手（@mhand_yamate）です。 弊社では通年でWebディレクターを積極的に採用しており、入社後の新人研修プログラムの強化を継続的に行っております。今回の記事は、その新人研修プログラムの内容をまとめた記事です。今後、エムハンドのWebディレクター求人に応募してみようかなと、ご検討中の方に「入社後は安心の研修の仕組みがある」と思っていただければ幸いです。 まずはじめに今まで20年試行錯誤を繰り返しました。創業当時は研修なんて概念がなかったので未経験であってもいきなり現場に出て調べながらやる時期も長くありました。新卒採用からの育成をメインにしていた時期もありました。時間をかけて育ててたつもりでしたが、当時の弊社の組織形態ではそれもうまくいきませんでした。次に研修内容を体系的に整えて、専任トレーナーの下で、提案・クリエイティブ・制作指揮進行のディレクター業
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：料理の見た目を均一にしたら味わいに影響は出るのか？ 〜サイコロ食研究〜（デジタルリマスター） ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 縦に並べるか横に並べるか ベビーチーズはQBBがそのシェアのトップを力走しているそうで、私の住む東京だとあとは雪印メグミルクの商品をよく見かける。 QBBは短辺をくっつけて縦に並んでおり、手に取ったときちょっと棒っぽいのが特徴だ。 長くならぶ いっぽう雪印のは長辺をくっつけて横に並べる包装。 同じような商品を作るのだから並べ方だけでも変えとこうか的な、小さな配慮というか工夫が感じられてもう味わい深い。 短く並ぶ ベビーチーズの
デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法
デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法 Canvaは広告バナーだけでなく、SNS投稿用の動画、チラシなどの印刷物、プレゼン資料、 Webサイトのデザインなど幅広い用途に利用できます。 この記事では、Canvaの幅広い用途について解説します。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 Canvaの概要 Canvaは、デザイン初学者からプロフェッショナルまで幅広いユーザーに対応するオンラインデザインツールです。 デスクトップアプリの他にブラウザでも使うことができ、デバイスを選ばないので、PCで途中まで作業していたものを出先でスマホで引き続き作業も可能です。 Canvaはテンプレート、使用できるフォント、
DALL-E×ChatGPTでUIデザインを作成して実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Technology部のジョシュです。 今回は、OpenAIのDALL-EとChatGPTを使用して、UIデザインからコーディングまで行う方法を紹介します。 DALL-Eはテキストからリアルな画像を生成できるAIツールですが、添付された画像を分析し、それをもとにコードを生成することもできます。 本記事ではDALL-Eを使ってUIデザインを作成し、生成された画像をもとにChatGPTでTypeScriptのコード生成を行いました。実際に使用したスクリプトも紹介しつつ、実装までの流れを解説したいと思います。 ※企業の生成AI活用事例をまとめた記事もございます。ぜひご覧ください！ DALL-EとChatGPTでデザインを作成する 基礎知識：今回使うツールについて 今回は下記3つのツールを使用します。 ChatGPT:テキストを理解し、会話を生成するために訓練されたOpenAIのAIモ
コーヒーチェーンのパスタに蟹の爪が乗るということ
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：ポストに入ってくる羨ましいチラシ（デジタルリマスター） ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 蟹の爪が乗っている、とは それはいったいどういうことか。いやもうそのまま、こういうことだ。 エクセルシオールカフェの「蟹のトマトクリームパスタ」980円 混んだ時間をさけようと、11時台に利用したエクセルシオールカフェはランチ利用らしきお客で混みはじめていた。続々と人がやってきては帰っていく。 すみません、写真を撮り忘れまして、別日に行った渋谷道玄坂店の店頭をどうぞ カウンターでオーダーすると、針金の先に札を挟むタイプのスタンドをトレイに立てて渡してくれた。札には
Technology部の町田です。 生成AIが台頭しはじめ早くも1年以上が経ちましたが、特に進歩がすさまじい技術の1つが画像生成AIです。画像生成AIを使えば、数秒で画像を生成できるようになりました。 ただし、自分がイメージしたような画像を生成するには、プロンプトがとても重要です。 そこで今回は、思い通りの画像を生成するためのプロンプト作成のコツをまとめました。 代表的な画像生成AIツールであるStable DiffusionとMidjourneyの使い方とあわせ、プロンプトの作成ポイントをお伝えします。 生成AIを業務で活用するには… 生成AIをビジネスや業務で活用するためには、導入時に直面する課題・リスクについても考慮する必要があります。生成AIの活用をご検討中なら、こちらのページで紹介している生成AIコンサルティング・導入支援を得意とする会社へご相談してみてください！ 画像生成AIと
ベネッセコーポレーションとソフトバンクロボティクスは2月27日、生成AIを搭載した幼児向けサービス「しまじろう」を共同開発したと発表した。しまじろうの声を再現したAI「しまじろう」と子供が自由に会話したり遊んだりできるサービスで、専用の「しまじろうぬいぐるみ」に、専用アプリを表示したスマホを抱かせて使う。 しまじろうからテーマを投げかけて会話できる「おしゃべり」、しまじろうと一緒にできるごっこ遊びや連想ゲームなど「あそび」（20種類以上）、しまじろうと一緒に歌える「うた」、読み聞かせ「おはなし」（40種類以上）を収録した。 「おしゃべり」「あそび」「うた」「おはなし」は、日本語・英語に対応。おしゃべりやあそびの中で見えた子供の興味や感情をAIが分析し、保護者向けに専用サイトで表示する機能もある。 通信講座「こどもちゃれんじ」の年少向け「ほっぷ」受講者限定でモニターを1万人募り、無料で体験し
Chrome 122に追加された、CSSの新しい機能3つを紹介します。 今回のアップデートは新しいプロパティを使えるようになったではなく、既存のものの仕様が変更されたという感じです。ここで紹介する機能はデフォルトで、有効になっています。 Chrome 122 beta New in Chrome 122 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サポートされていない機能を含む@containerクエリは一致しない CSSの::backdrop擬似要素は初期値を継承します CSSの@importのsupport()条件をサポートします はじめに 2/21にリリースされたChrome 122で3つのCSSの新しい機能が追加されました。対象となるChrome 122は、Andro
本物そっくり、シャインマスカットの飴とは
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：なんだろうそれは、抹茶わらびもちこんにゃくゼリー ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 果汁を使った本気のシャインマスカット菓子たち 本物そっくりという飴をふくめ、シャインマスカットの菓子化に本気を感じるお菓子を3つ見つけた。 左から、飴、グミ、ゼリー 飴のほかにはグミとゼリー。どれも、国産のシャインマスカットの果汁が使われている。 やる気じゅぶん 袋自体にプリントされず、ラベルが貼られたタイプのパッケージの商品は道の駅やなんかによくあって、大量生産でないのだろうところに希少性をついすくいとってしまう（実際の生産量を知らないのにもかかわらず）。 こちらのシ
ぼくが職場をクビになって放り出されたことを、ネットニュースで、しかも自分が作った会社の後継社長経由で知らされた父が、びっくりしてぼくに電話をかけてきた。 電話で簡単に経過を説明すると、「そうか。わかった。お前のやることだから信じてる」と言って納得したふうで電話を切った。ぼくが何か不祥事をしでかしてクビになったのではなく、幹部ににらまれて追い出されたということを直感的に理解してくれたのである。 保守的な父であるが、ぼくが成人式の代表を市によって一方的におろされたときも、市のやり方に憤懣やるかたないという態度を表明してくれたのが父だった。 それでも近いうちに実家に帰ってちゃんと説明しようとは思ったが、その前に手紙を書いて出した。 その手紙の中でぼくは経過を次のように書いた。 去年の2月に、「組織内選挙でトップを選ぶべきだ」と主張する本を出したMさんが、組織トップの逆鱗に触れ、組織を追放されまし
Chrome 127で追加された、CSSの新しい機能3つを紹介します。 今回のアップデートでは、使用するフォントに関係なく読みやすさを確保したり、生成コンテンツ内の代替テキスト、iframeでのビュー遷移のサポートなど、Web制作者は要チェックです！ New in Chrome 127 Chrome 127 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに font-size-adjustプロパティ 生成コンテンツ内の複数引数の代替テキスト iframeでのビュー遷移のサポート はじめに 7/24にリリースされたChrome 127で3つのCSSの新しい機能が追加されました。対象となるChrome 127は、Android、ChromeOS、Linux、macOS、Win
なんだろうそれは、抹茶わらびもちこんにゃくゼリー
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：キャラメルコーン味のピーナッツ揚げがあって私はうれしい ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 渋谷の紀ノ国屋で見つけた 見つけたのは渋谷駅直結のスクランブルスクエア内にある高級スーパーの紀ノ国屋だ。 ここの紀ノ国屋は、繁華街の駅ビルという特徴から、路面にある落ち着いた店舗とはちょっと雰囲気が違う。 国内外からの旅行者に向けたお土産屋としての目くばせが効いているし、勤め人の昼ご飯やおやつの需要にこたえんとする様子もうかがえる。 常に賑わっていて、人気商品がどーんと積んであったり、売り場の作りも活気があって華やかだ。 そんななかに抹茶わらびもちこんにゃくゼリー
顧客の目にとまる！ デザイナー直伝「ワンランク上の綺麗な資料」作成のコツ ｜ブログ｜東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
こんにちは、クオートワークスです。 普段、さまざまなシーンで資料を作成する際、デザイン面で以下のように悩むことは多いのではないでしょうか。 「資料が野暮ったい」 「伝わりやすい資料を作りたい」 「資料デザインを洗練させたい」 「上司や顧客を驚かせたい」 デザインは単なる装飾ではなく、情報の伝達に重要な役割を果たします。適切なレイアウトや色彩、フォントを選ぶことは、読み手にとって理解しやすく魅力的な資料を作成する上で欠かせません。 しかし、デザインスキルに自信がない場合や、時間が限られている場合、この課題に取り組むことは容易ではありません。 そこでこの記事では、スライド資料を作成する際のデザインの基礎的なコツのほか、デザインが苦手でもデザイナーの技を簡単に再現でき、ワンランク上の資料を効率的に作成するためのヒントをご紹介します。 作例をたっぷり掲載しているので、ぜひ実践にお役立てください。
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：ねえ見て、この豊かな時間 ～デニーズで2000円のパフェを ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 鳥貴族が喫茶店になる日ががちで来る コーヒーを飲むのだから昼に行きたいと、調べて平日14時にオープンする店舗を見つけた。新宿東口店だ。 一蘭の行列の脇を抜けてビルの8Fにある ざっとの確認ではあるが、おおむねねの鳥貴族は16時～17時くらいの開店だそうだから、この店舗はそれに先駆けてばーんと開けてくれるわけで、ありがたいことだ（なお、週末ともなると12時にオープンする）。 昼に8Fにある店ってあんまり行かないな さて、鳥貴族がコーヒーをラインナップしたのは今年
なかなかインデックスされないときの対処は？ 基本的な対応をしたら、あとは待つしかありません | ひとりSEO担当者の疑問に答えます
Googleにインデックスされるのには、時間がかかる！今回の質問は、ある地方の有力な総合病院のサイトで「サイト内の特定のページがGoogleにインデックスされませんが、対処法は？」というものです。ペンネーム「おやつ部長」さんが寄せてくださいました。ここ数年で頻繁に見られるようになった疑問の1つだと言えるでしょう。 結論から言うと、その特定のページのURLがインデックス可能な状態になっていて（サーチコンソールの“URL検査”で確認）、サイト内の他のページから内部リンクを受けているなら、あとはもう、余計なことをせずにただ待つしかありません。今回の質問のケースはこれに該当します。 そもそも、ここ数年でGoogle（だけでなくBingなど他の検索エンジンも）は、Web上のすべてのページをインデックスすることを諦め、内容が正確で、ある程度の重要性が認められるページだけをインデックスするように方針を変
今年もCSSはどんどん進化しそうですね！ 1/24にリリースされたChrome 121に追加された、CSSの新しい機能6つを紹介します。スクロールバーのスタイル、スペルミスや文法的に正しくないテキストをハイライトする疑似要素、SVGのCSSマスキングなど、これからのWeb制作に役立つ機能ばかりです。 New in Chrome 121 Chrome 121 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSによるハイライトの継承 CSSによるスクロールバーのスタイル font-paletteプロパティでカラーフォントをアニメーション CSSのスペルチェック機能 SVGのCSSマスキングの改善 displayプロパティの新しい値 はじめに 1/24にリリースされたCh
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：餅によるおこわ炊飯術に「クッキングもち」がいいぞ ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 朝と夜のナッツ＆フルーツ これがその「朝と夜のナッツ＆フルーツ」だ。 大袋に、朝が4袋、夜が3袋入っている。3泊4日のスケジュールなのが伝わるセットである。 朝と夜、ナッツとフルーツ 神が光とやみを分けたように、ナッツとフルーツも、いま、朝と夜に分けられた。天地創造だ。 小袋をざーっと出してみたら、どの袋にも「食べたい」と書いてある 小袋には、朝用、夜用ときっぱりとは書かれず、「朝食べたい」「夜食べたい」 とある。どう朝なのか、夜なのかの本質は、「食べたさ」だったのだな
現在のWordPress標準制作フロー 5年前に記載したこちらの記事は、もう昨今の作業環境には適合しなくなりました。 2024年現在での弊社の標準的な制作フローをご紹介します。 WordPressを扱うエンジニアに対する質問事項で記載した回答例と一部重複しますが、より詳細に案内したいと思います。 前提事項 5年前の記載内容と前提事項は同様です。 Web制作会社などでいちからサイトを制作することを想定 汎用テーマなどを使って簡易に構築するとかではなく、ガッツリとそのサイト専用のテーマを作成する それぞれのツールのインストール方法などは記載しない Qiita内で丁寧に手順を記載している記事があるので検索してみてください ローカル開発環境 WordPressでサイト制作を決めた場合、携わるエンジニアは開発環境として何を使えばよいでしょうか？ 我々の回答としては、基本的には@wordpress/e
ChatGPT-4o vs ChatGPT-4｜特徴や各モデルの違いを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Technology部のジョシュです。 先月13日にリリースされた「ChatGPT-4o」は、ChatGPT-4の後継モデルとして、前モデルからの性能の向上や、新たに追加された機能に世界中から注目が集まりました。 そこで今回は、「ChatGPT-4o」と前モデルの「ChatGPT-4」の違いを深掘りし、それぞれの機能や性能、そして応用の可能性を詳しく解説します。 「結局、どっちのモデルを使ったら良いの？」「ChatGPT-4oは何ができるようになったの？」など、 ChatGPTの最新情報をキャッチアップしたい方はぜひご覧ください。 ChatGPT-4oの概要 ChatGPT-4oは、OpenAIの最新の生成AIモデルで、より強化された自然言語処理（NLP）機能を備えています。GPT-3.5とGPT-4をベースに、テキスト、音声、画像をリアルタイムでシームレスに統合処理します。
Azure OpenAI ServiceとOpenAI のAPI、どちらを使うべき？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Azure OpenAI Serviceを使ったほうがいい場合 Azure OpenAI Serviceを使ったほうがいい場合は4パターン考えられます。 1.独自のプロンプトやコンプリーションを追加したい場合 Azure OpenAI Serviceにはカスタムモデルという機能が存在しており、GPT-3.5やGPT-4に対して独自のプロンプトやコンプリーション（プロンプトに対するAIの応答）を追加することが可能です。これは「社内独自の業務知識をもったチャットボットを顧客に用意するとき」などに役立ちます。 プロンプトやコンプリーションは以下のようにJSON形式で追加でき、特に数学の知識がなくてもカスタマイズ可能です。 json {"prompt": "地球は太陽の周りを何日で一周しますか？", "completion": "約365.25日"} {"prompt": "地球は太陽の周りを何時
JavaScriptライブラリ キャビネット（Cabinet） ウェブアクセシビリティに対応した スライダー・カルーセルUI スライド、フェード、自動再生、ドラッグ操作、レスポンシブ、キーボード操作・スクリーンリーダーに対応しています。
VS Codeを便利に使いこなしたい人にお勧め、実務にかなり役立つ解説書 -改訂新版 Visual Studio Code実践ガイド
※本ページは、アフィリエイト広告を利用しています。 当ブログのビジターも多くの人が、Visual Studio Code（以下、VS Code）を使用していると思います。VS CodeはWeb制作やアプリ開発で必需品とも言えるエディタで、コードエディタとしてだけでなく、テキストエディタとしても人気が高いエディタです。 VS Codeは解説書がなくても利用できますが、さまざまな便利な機能が備わっています。VS Codeをより深く使いこなしたい人に、Web制作やアプリ開発の実務で役立つ機能やカスタマイズを徹底的に解説した解説書を紹介します。 本書は2020年に発売された『Visual Studio Code実践ガイド』の改訂新版で、2023年11月時点のVS Code最新版に対応しています。基本機能をはじめ、アップデートされて便利になった機能、リモート開発機能やGitHubとの連携など、VS
チャレンジ、左利き！（デジタルリマスター）
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：ベビーチーズの、味じゃなくて栄養のやつはプレーンと味が違うのでしょうか ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 左利きになるための基礎体力作り 左利き、と聞いてまず連想するのは筆記具を持つ手のことだろう。お箸を持つ手が右でも、鉛筆を持つのが左であればその人は文句ナシに「左利きの人」だ。 まずは左手で地味に自分の名前を練習することにした。 手首が思うようにまわらない 書いてみて思ったのは、手首のかたさだった。 利き手である右手で書くときは手首のスナップが利くのに対し、左手で書こうとすると肘の付け根から動かして書く感じになる。 肩の付け根からぜんぜん動いていない
WEB制作者の転職の参考になるポートフォリオ制作事例3選 | 転職ポートフォリオの作り方を学ぶならアームズ
転職活動に備えて、いざ転職ポートフォリオを作ろうにも周りに相談できる人がおらず困っているという方も多いはず。 かといって、他人のポートフォリオを見れる機会なんてほとんどなく、同業者の事例を参考にしようにも、そもそも探し方が分からないなんてこともあるでしょう。 そこで、今回は「WEB制作者の転職の参考になるポートフォリオ制作事例3選」について解説します。 もしWEB制作者での転職を考えているけど、ポートフォリオの作り方に悩んでいるという方は、ぜひ参考にしてみてください。 転職市場でのWEB制作者の需要について 求人ボックスによると、2024年6月時点で掲載されている正社員のWEBエンジニアの求人数は345,647件。 中でも、正社員のWEB制作者の求人数は162,458件と、WEBエンジニアの全体求人数から比較すると約47%ほど。 未経験の求人は111,843件と68.8%ほどで、求人数も多
＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 仕事を上手に進められる人の条件はいろいろあると思います。しかし中でも最重要だと思われるのが「スタートダッシュで60%の完成品を作れる力」だと思います。 これは「スキル」というほど特別なものではなく、誰でも簡単にできる心構えの話。意識を変えるだけで、誰でも実行可能になります。 【目次】 最速で全体像を作る力 なぜ不完全でも最速で仕上げるべきなのか 1.どんな仕事もやり直しになる 2.自分一人で仕事をすることは少ない 3.ハシゴの掛け違いを防ぐため 4.タスクの
SEO検定４級 こんにちは❗️まーめたるです。 SEO検定４級はインターネットを活用した集客活動のコストが年々増える中、これからSEO対策に取り組みたい方や、Webの基礎的な知識がない方でも安心して学ぶことができる民間の資格試験です。受験をお考えの方やブログを運営されている方も勉強するメリットはあると思います😊 SEO検定４級 SEO検定４級 はじめに 試験概要 １章：Webと検索エンジンの仕組み 🔷インターネットの誕生 🔷WWWとWebサイトの登場 🔷ISPとサーバー会社 🔷Webサイトの仕組み ２章：Googleの特徴 🔷Googleの技術的特徴 ３章：SEOの意義と情報源 🔷SEOの意義 ４章：企画・人気要素 🔷SEO技術の３大要素 🔷検索キーワードの種類 ５章：内部要素 🔷技術要因 ６章：外部要素 🔷被リンク元の数と質 問題 はじめに そもそもSEOとは「Se
＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 ITエンジニアと関わることが多いWebディレクターの重要な役割のひとつがプロジェクトの進行と管理です。ひとつの目標に向かって進むべき道筋を示し、各メンバーがそれぞれ自身のパフォーマンスを100%発揮できるよう気を配ります。 プロジェクトのタスク管理も重要な仕事のひとつ。Notion・Todoist・Backlogなどツールはケースバイケースですが、複数人でひとつのタスク管理ツールを使い、互いの進捗やプロジェクトの進行状況を把握できるように促します。 そこで今
【入門】Reactとは？特徴やインストール方法をわかりやすく解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Technology部の山岡です。この記事では、Webアプリケーション開発の際によく用いられるReactについて解説します。 Reactとは何なのか。どんな特徴があるのか。どうやって勉強すればいいのか。まだアプリケーションの開発に馴染みのない方や、プログラムを勉強したての方にもわかりやすくなるよう、適宜用語を噛み砕いて説明していきますので、ぜひご覧になってください。 Reactとは、Webサイトやアプリケーションの開発の際に用いられる、JavaScriptライブラリの一つです。Facebook社が開発し、2013年にオープンソース化されました。 Reactは、JavaScriptライブラリの中でもSPA（シングルページアプリケーション）の開発に特化しており、可読性やパフォーマンスの高さが評価されています。 Reactの特徴として、以下3つが挙げられます。 宣言的なソースコード コンポーネン
せきゆおう｜Web制作のあれこれ発信する人 @wurst_design Webクリエイター｜Web制作のアンケートを取る人｜Voicyパーソナリティ｜Amazonアソシエイト参加中｜Colosoで講座をリリース→2023年上半期プログラミングカテゴリのBEST講座｜Webクリエイター総合オンラインコミュニティ #シナカフェ を共同運営｜業界歴が長めの日本人→デザインもコーディングもする人 linktr.ee/oilking せきゆおう｜Web制作のあれこれ発信する人 @wurst_design デザイナーたるもの、写真素材を探している際に、「なんか筋肉が足りないんだよな」と感じることは多いと思います。 そんなときにオススメな素材サイトが 「マッスルプラス」 すべて著作権フリー！且つ無料でご利用可能！筋肉の部位から検索もでき、筋肉探しに時間がかかる問題も解決！ pic.twitter.com
技術書典の会期以外の期間は、紙の本はBOOTHにて購入できます。 https://mochikoastech.booth.pm/items/5703302 --- 72ページ / A5サイズ / 電子版はPDF（フルカラー） / 紙の本は表紙カラー、本文モノクロ ▼実際に読んだ人の感想はこちら https://togetter.com/li/2376408 ▽株式会社カケハシ 技術広報 櫛井優介さん 仕事で文章を書く全ての人にお勧めしたい優しくて実践的な一冊です。 技術広報の仲間たちにもぜひ読んでほしいので、30冊買って配ってまわりたいと思います。 ▽UXライター otapoさん チームの生産性を向上させるのにも役立つテクニカルライティング。 そのはじめの一歩を踏み出すとき、書き手の背中をやさしく押してくれる1冊です。 --- 突然ですが……私たちは、毎日のようにテキストで誰かに何かを説明
自己紹介 こんにちは。株式会社DELTA代表の丹です。 この記事は Cloudfalre Advent Calendar 2023 の5日目の記事となります。 弊社はAWSコスト削減代行をはじめとして、主にベンチャー・スタートアップのCTOを中心に技術支援を行っている会社です。 普段は技術支援の内容について発信していますが、今回は趣向を変えて、私が運営している別の事業においてCloudflareの技術を活用した事例について紹介します。 エンジニア向け分割キーボードMOTHWINGについて DELTA社が所属しているSEVENRICH GROUPからリリースした分割キーボードD2Cのブランドのブランドサイトの事例について紹介します。 その前に、簡単にMOTHWINGとは何かを紹介しておくと、44キーの国産分割キーボード（既製品）です。 mothwing.tokyo 肩が開くということと、手の
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テックブログ執筆に役立つ心構え - paiza times
Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】
Notionを利用したノーコードWebサイト作成サービスをデザインしながら考えたこと｜shikakun
Web制作者は要チェック！ Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能
あなたはなんで、会社員を辞めてしまうのか？ - paiza times
ウェブアクセシビリティ方針まとめ | 福岡・北九州のウェブアクセシビリティ専門web制作会社
Webサイト制作で役立つChrome拡張機能5選 – TAKLOG
ディレクターの新人研修について｜エムハンド｜Web制作会社
ベビーチーズの、味じゃなくて栄養のやつはプレーンと味が違うのでしょうか
画像生成AIで思い通りの画像を生成するプロンプトのコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
生成AI搭載「しまじろう」ベネッセとソフトバンクが共同開発 幼児と話したり遊んだり
Web制作者は要チェック！ Chrome 122で新しく追加された3つのCSSの機能
天沢アキ『ハマる男に蹴りたい女』 - 紙屋研究所
Chrome 127で新しく追加された3つのCSSの機能、使用するフォントに関係なく読みやすくするなど
無さそうで無かった！鳥貴族にコーヒーが出た ～ホットもアイスもある～
Web制作者は要チェック！ Chrome 121で新しく追加された6つのCSSの機能
夜を朝とし、朝を夜とす、ナッツで ～「朝と夜のナッツ＆フルーツ」を買った
WordPress標準制作フロー2024 - Qiita
ウェブアクセシビリティツール | 福岡・北九州のウェブアクセシビリティ専門web制作会社
仕事がデキる人／デキない人、決定的な差 - paiza times
SEO検定４級✏️インターネットの基礎から学ぶ #SEO - 双極性障害だけど楽しく生きる
エンジニアがイラッとしない「複数人タスク管理術」 - paiza times
“なんか筋肉が足りないんだよな” と感じた時に筋肉の部位からも検索可能な素材サイトがこちら「大爆笑してる(笑)」
読み手につたわる文章 - テクニカルライティング：mochikoAsTech
MOTHWINGブランドサイトを支えるCloudflareの技術