並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 1444件

新着順 人気順

**Web制作の検索結果41 - 80 件 / 1444件

  • 恐怖Flash「ひまわりのダンス」作者が、2ちゃんねるで“狂人”を演じていた理由。【フォーカス】 レバテックラボ(レバテックLAB)

    恐怖Flash「ひまわりのダンス」作者が、2ちゃんねるで“狂人”を演じていた理由。【フォーカス】 2025年1月9日 元Flashクリエイター 朝倉 靖文 元Flashアニメーション作者。2000年代のFlash黄金期、2ちゃんねる(現5ちゃんねる)「FLASH・動画」掲示板で「肛門の臭い」名義で活動。「電波」的な強烈な言動や、手がけたFlash作品が2ちゃんねらーやFlash愛好家に好評となり、ファンサイトが複数誕生するようなカルト的人気を博した。 「ひまわりのダンス」という、「Adobe Flash」規格のアニメーション作品をご存知ですか。奇妙なオブジェがビルの屋上でくねくねと動いた後、化け物の顔が画面いっぱいに広がる「ビックリ」系のFlash作品です。肝試し感覚でビックリ系Flashを漁ったり、あるいは純粋に「おもしろ」Flashを期待して視聴したりしていた当時のネットユーザーに恐怖

      恐怖Flash「ひまわりのダンス」作者が、2ちゃんねるで“狂人”を演じていた理由。【フォーカス】 レバテックラボ(レバテックLAB)
    • コーポレートサイトでの htmx 実装をデモサイトで試してみよう | htmx | ブログ | a-blog cms developer

      2024年2月、JavaScriptライブラリ htmx の発見から始まり、短期間でその可能性に引き込まれ、以下の3つの記事を書きました。 JavaScript ライブラリ htmx と a-blog cms は相性が良さそうだ | kazumich.log kazumich.log htmx という JavaScript のライブラリが、2023 JavaScript Rising Stars : Front-end Frameworks で 2位 になっているが、日本ではあまり聞かない。私自身も最近知ったばかりだが面白そうな... Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル appleple htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページ

        コーポレートサイトでの htmx 実装をデモサイトで試してみよう | htmx | ブログ | a-blog cms developer
      • ポートフォリオサイト作成ツールのおすすめ9選!無料でおしゃれにデザイン【2025年最新版】

        クリエイターやデザイナー、エンジニアなど、あらゆる分野でポートフォリオサイトの重要性が高まっています。 自分のスキルや実績をアピールし、仕事のチャンスを広げるためには、魅力的なポートフォリオサイトを持つことが不可欠です。 しかし、「ポートフォリオサイトを作りたいけど、どのツールを使えばいいの?」と迷っていませんか? 「おしゃれなデザインで、しかも無料で作成できるツールはある?」 そんな疑問を持つ方のために、この記事ではおすすめの無料ポートフォリオ作成ツールを9選まで厳選して紹介します。 2025年最新版の情報をもとに、おすすめのポートフォリオ作成ツールについての特徴をそれぞれご紹介しますので、ぜひ最適なポートフォリオサイトの作成にお役立てください。 \1番のおすすめはWix/ 無料で始める ※専門知識不要で簡単に作成できます ポートフォリオサイトとは? ポートフォリオサイトとは ポートフォ

          ポートフォリオサイト作成ツールのおすすめ9選!無料でおしゃれにデザイン【2025年最新版】
        • ワイヤーフレームが一瞬で作れる生成AI「Relume」の使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

          こんにちは! インハウスマーケティング部のりこぴんです。 Webサイトのサイトマップやワイヤーフレームを考えるのって重要でありながら、とても時間がかかりますよね。 今回はプロンプトを入力するだけで一瞬でサイトマップとワイヤーフレームを作成してくれる生成AI「Relume」の使い方をご紹介します。 Webサイトの構成を少しでも効率化したいという方はぜひ試してみてください! Relumeってなに? Relumeとは Relumeとは、Webサイトを効率的に作成するために設計された生成AIです。大きな特徴は、Webサイトの概要を簡単に入力するだけで、AIが瞬時にサイトマップやワイヤーフレームを生成してくれること。 さらに、FigmaやWebflowなどのデザインツールと連携して編集することもできます。 サイトマップやワイヤーフレーム作成の効率化のために使用されることが多く、今注目を集めている生成

            ワイヤーフレームが一瞬で作れる生成AI「Relume」の使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
          • なぜWebサイト制作は失敗しやすいのか?巨大プロジェクトから学ぶ成功の鍵とは | [マーケターコラム] Half Empty? Half Full?

            みなさん、こんにちは。瀬川義人(@motoy0shi)です。 突然ですが、みなさんはWebサイト制作で「こんなはずじゃなかったのに……」という経験はありませんか? お恥ずかしい話、私はあります。 かつて自社のWebサイト制作に関わったときのことです。制作のプロジェクトマネージャーとして入ったのですが、始まって早々、別の急ぎ案件が入ってしまい、なかなか時間が捻出できず、プロジェクトが停滞。さらにいざ再開してからも、思わぬトラブルに巻き込まれてしまいます。 結果的には納期が数ヵ月遅延し、工数もかなり超過してしまいました。思い出すと、今でも苦い気持ちになります。 データを調べてみると、Webサイト制作での失敗は意外と多いようです。ナノカラー社の調査によれば、71.7%の回答者がWeb制作会社に依頼して”失敗した”と感じた経験があるそうです。 なぜWebサイト制作は失敗するのでしょうか? リスクを

              なぜWebサイト制作は失敗しやすいのか?巨大プロジェクトから学ぶ成功の鍵とは | [マーケターコラム] Half Empty? Half Full?
            • HTML Living StandardとモダンCSSに完全対応! 使いやすくて見やすい、期待以上のリファレンス本 -HTML&CSS全事典改訂4版

              ※本ページは、アフィリエイト広告を利用しています。 本書の改訂版がでるのを待っていた人も多いと思います。私もその一人です。 前書から2年が経ち、その間にも多くのHTMLの要素やCSSのプロパティが増え、この改訂4版では100種類以上の項目が追加されています。 本書はHTMLとCSSのリファレンス本としてだけでなく、補足情報やテクニックの解説もかなり充実しており、Web制作者なら必ず持っておきたい一冊です。手元にあるリファレンス本が古いなと思った人には、特にお勧めします。 HTMLとCSSが好きな人なら本書でご飯3杯は軽くいけます!! 本書は2015年に刊行されて以来、ベストセラーを続けている「HTML&CSS全事典」の最新版、改訂4版です。2024年11月現在の仕様にあわせて全面改定されており、HTMLとCSSのリファレンスだけでなく、新機能の解説、今時の記述方法、@ルールのさまざまな使い

                HTML Living StandardとモダンCSSに完全対応! 使いやすくて見やすい、期待以上のリファレンス本 -HTML&CSS全事典改訂4版
              • 神奈川県のWeb制作会社8選!おすすめのホームページ作成会社【2025年】

                神奈川県でホームページ制作を依頼したいと考えている方に向けて、おすすめの制作会社を厳選してご紹介します。 近年、企業のブランディングや集客のために、質の高いホームページが求められるようになりました。 しかし、どの制作会社を選べばよいのか迷ってしまうことも少なくありません。 そこで、本記事では、デザイン性や機能性、サポート体制などの観点から、神奈川県内で信頼できるホームページ制作会社を8社ピックアップしました。 それぞれの特徴や強みを解説しているので、ぜひ参考にしてください。 神奈川県内のエリアごとのおすすめはこちら 横浜市のホームページ制作会社 藤沢市・茅ヶ崎市、湘南エリアのおすすめのHP制作会社 相模原市のおすすめホームページ制作会社 神奈川のおすすめホームページ制作会社8選【2025年】 神奈川県内に拠点のあるホームページ制作会社の中から、Web制作の専門家が一社一社しっかりとチェック

                  神奈川県のWeb制作会社8選!おすすめのホームページ作成会社【2025年】
                • AIホームページ作成ツールのおすすめ6選!無料でWebサイトを自動生成【2025年】

                  AI技術の目覚ましい進化により、近年では、専門知識がなくてもAIを使うことで簡単にホームページを作成できるツールが増えてきました。 AIがデザインやレイアウトを自動で提案し、ユーザーの要望に合わせたサイトを短時間で構築できる点が大きな魅力です。 従来のWeb制作では、HTMLやCSSなどのコーディングが必要でしたが、AIを活用すれば直感的な操作でプロ並みのデザインを実現できます。 この記事では、AIを活用したホームページ作成ツールのおすすめ6選をご紹介します。 無料で利用できるものを含め、個人のブログから企業サイトまで、幅広い用途に対応したツールを厳選しました。 初心者の方でも手軽にWebサイトを構築できるので、ぜひ参考にしてみてください。 \1番のおすすめはWix/ 無料で始める ※専門知識不要で簡単に作成できます AIホームページ作成ツールのおすすめ6選【2025年版】 それでは、おす

                    AIホームページ作成ツールのおすすめ6選!無料でWebサイトを自動生成【2025年】
                  • 2025年のWebアクセシビリティ | gihyo.jp

                    あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2024年のWebアクセシビリティに関連する出来事を振り返りつつ、2025年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2と関連文書 2023年10月のWCAG 2.2の勧告から1年ほどが経ちましたが、昨年の12月12日付けでWCAG 2.2の更新がされました。大部分の変更点は、編集上の修正であって、変更内容自体は軽微ではあります。ただ、WCAG 2.2内の用語集(Glossary)の用語に一部更新があるのは特筆すべき事項でしょう。 昨年はWCAG 2.2自身に動きがあった一方で、WCAG 2.2を取り巻く状況についてもいくつか目に付くものがありました。 WCAG 2.2日本語訳と解説書 ウェブアクセシビリティ基盤委員会(WAIC)では、昨年3月にWCAG 2.2 日

                      2025年のWebアクセシビリティ | gihyo.jp
                    • もっと早く知りたかった!Web制作に便利な最新オンラインツール50個まとめ

                      この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。

                        もっと早く知りたかった!Web制作に便利な最新オンラインツール50個まとめ
                      • プロに依頼するほどでもない画像加工を自分でこなすには? 「AIを使って画像をどうにかきれいにしたい」人を救う、実務で使えるツール | ログミーBusiness

                        AIに特化したビジネスエキスパートやクリエイターが一堂に集結し、最新の技術トレンドや、企業の生成AI活用について語られた「生成AIサミットVol.1」。本セッションでは、AI × WEB YouTuber / ディレクター KEITO氏と、株式会社Workstyle Evolution 代表取締役 CEOの池田朋弘氏が登壇。本記事では、プロに依頼するほどでもない画像加工が自分でできる技について解説します。 前回の記事はこちら 自然言語でWebサイトを作れる「Create」 KEITO(以下、KEITO):はい。次は、今ものすごく話題になってる「Create」です。 池田朋弘氏(以下、池田):知らないです。 KEITO:ご存じないですか。この1週間でめちゃくちゃ話題のサービスになっていて、自然言語でWebサイトを作れるものなんですけど。ChatGPTでもコードを吐き出したりできるので、Web

                          プロに依頼するほどでもない画像加工を自分でこなすには? 「AIを使って画像をどうにかきれいにしたい」人を救う、実務で使えるツール | ログミーBusiness
                        • HTMLクイックリファレンスの怪しい広告と運営譲渡の話 - ごちゃペディア

                          「HTMLクイックリファレンス」という老舗サイトに2024年10月下旬頃?からオンラインカジノ広告があふれかえっています。別サイトを伝手に原作者の方にご連絡したところ、2024年4月頃にコンテンツとドメイン名を譲渡したとのことでした。 サイトの変化に驚きましたが、どうやら攻撃を受けたわけではなく、運営者の変更で方針が変わったということのようです。 HTMLクイックリファレンスの原作者の方と連絡が取れました。4月頃にコンテンツと https://t.co/tEmb2KlKHk ドメイン名を譲渡したそうです。 譲渡した時点では現在のような内容への変更は知らされていなかったとのことで、現在は制作や運営からには関わっていないとのことでした。 悲しいね!😭 https://t.co/qObKWaxfJh— ごちゃ (@gochaism) 2024年12月16日 オンラインカジノによる賭博は犯罪です

                            HTMLクイックリファレンスの怪しい広告と運営譲渡の話 - ごちゃペディア
                          • ChatGPTでSEOを効率化するアイデア9選【プロンプト付き】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                            インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単

                              ChatGPTでSEOを効率化するアイデア9選【プロンプト付き】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                            • ノーコードWebサイト制作ツールのおすすめ8選!無料のノーコードホームページを比較【2025年最新】

                              「プログラミングの知識がなくても、自分でWebサイトを作れたら良いのにな‥」そんな願いを叶えてくれるのが、ノーコードWebサイト制作ツールです。 ノーコードWebサイト制作ツールを使えば、専門的なコードを書かなくても、マウス操作だけでホームページやランディングページ(LP)を作成できるため、初心者からビジネス利用まで幅広く活用されています。 特に最近では、無料で使えるツールが増え、個人ブログ・企業サイト・オンラインショップなど、目的に応じたWebサイトを簡単に作成できる環境が整っています。 しかし、「どのノーコードツールを選べばいいの?」と悩む方も多いでしょう。 この記事では、2025年最新のおすすめノーコードWebサイト制作ツール8選を厳選してご紹介します。 それぞれの特徴や無料プランの有無、使いやすさを徹底比較し、あなたに最適なツール選びをサポートしますので、ぜひ最後までご覧ください。

                                ノーコードWebサイト制作ツールのおすすめ8選!無料のノーコードホームページを比較【2025年最新】
                              • テックブログ執筆に役立つ心構え -

                                <この記事の著者> ばんか(bamka) - Tech Team Journal Web制作会社の会社員(Webディレクター)として働きつつ、個人でブログ/メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 QiitaやZennなど、ITエンジニアさん同士での情報共有を目的としたメディア。正直、Webディレクターの私が見ていてもチンプンカンプンな内容が多いのですが、それでも読み物として勉強になるので、よく拝見しています。 読む専門のITエンジニアさんも多いかもしれませんが、個人的には、自身のノウハウは積極的にアウトプットしていくのをオススメします。 「人の役に立つから」「自分の認知を広げられるから」など理由はさまざまですが、一番はシンプルに「自分のスキルとして定

                                  テックブログ執筆に役立つ心構え -
                                • Three.jsで3DCGを作ろう!〜テキストを3D空間に配置する〜 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                  新卒ブログとは? 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 こんにちは、新米エンジニアのにっしーです。 Webサイトでの表現の幅を広げたいと思い、Webブラウザ上で3DCGを制作することができるJavaScriptのライブラリ「Three.js」を勉強しています。 今回の連載では、Three.jsを使った制作物を紹介していきたいと思います(サボり癖があるので、サボらないようにという自戒の意味合いも込めて……)。 同じようにThree.jsの勉強をされている、みなさんの参考になれば幸いです! ※導入方法などは端折らせていただきますので、あらかじめご了承ください。 完成系 さっそくですが、今回作成したものがこちらです! 実装方法 1. シーン、カメラ等もろもろを準備 これは、Three

                                    Three.jsで3DCGを作ろう!〜テキストを3D空間に配置する〜 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                  • Web制作者は要チェック! Chrome 131で新しく追加された8つのCSSの機能

                                    Chrome 131で追加された、CSSの新しい機能8つを紹介します。 今回のアップデートでは、CSSのハイライト継承が変更されたり、details要素で実装するアコーディオンのCSSが追加されたり、ページ余白ボックスを使用した印刷レイアウトが簡単になるなど、Web制作者は要チェックです! New in Chrome 131 Chrome 131 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに anchor-scopeプロパティ font-variant-emojiプロパティ ハイライトの継承 detailsとsummary要素のスタイル改善 印刷時のカスタムヘッダとフッタ @propertyの<string>構文サポート 相対カラー構文でcurrentcolorをサポ

                                      Web制作者は要チェック! Chrome 131で新しく追加された8つのCSSの機能
                                    • デザインに使える比率と数字。br-pcデザインを支配する9つのマジックナンバーと原則、完全ガイド。 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作|QUOITWORKS Inc.(株式会社クオートワークス)

                                      はじめに デザインの世界には、長年の経験と研究から生まれた「マジックナンバー」と呼ばれる数値や原則が存在します。これらは、美しく機能的なデザインを作り出すための重要なコツとなります。本記事では、デザイナーが知っておくべき16の重要なマジックナンバーと原則について詳しく解説します。これらの知識を活用することで、デザインを考える時、修正をする時の、一つの指標になります。 1. 黄金比(1.618) 黄金比(φ)は、約1.618:1の比率で表される幾何学的な比率です。古代ギリシャ時代から知られ、自然界や芸術作品に多く見られる「美しい比率」として有名です。この比率は、人間の目に特に心地よく映るとされ、多くのデザイナーや芸術家に愛用されてきました。 デザインにおいて黄金比を活用する方法は多岐にわたります。例えば、ウェブページのレイアウトでは、メインコンテンツエリアとサイドバーの幅の比を1.618:1

                                        デザインに使える比率と数字。br-pcデザインを支配する9つのマジックナンバーと原則、完全ガイド。 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作|QUOITWORKS Inc.(株式会社クオートワークス)
                                      • あなたはなんで、会社員を辞めてしまうのか? -

                                        <この記事の著者> ばんか(bamka) - Tech Team Journal Web制作会社の会社員(Webディレクター)として働きつつ、個人でブログ/メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 私は、ペンネーム「ばんか」というフリーのメディアライターとして活動する一方、企業のマーケティング・Web担当としてサラリーマン活動も行っています。 パラレルキャリアとしての働き方をかれこれ12年以上続けてきました。「もういっそフリーランス一本で活動したらいいのに」と言ってくれた友人もいましたが、私は頑なにサラリーマンを辞めませんでした。 その理由は明確で、企業に勤めているからこそ得られるメリットがあり、そこに魅力を感じているからです。 信頼を獲得しやすい 私

                                          あなたはなんで、会社員を辞めてしまうのか? -
                                        • Web制作者は要チェック! Chrome 132で新しく追加されたCSSとHTMLの3つの新機能

                                          Chrome 132で追加された、CSSとHTMLの新しい機能3つを紹介します。 今回のアップデートで、dialog要素の開閉トグルイベントを取得できるようになります。これによりダイアログが表示されているのかどうか簡単に判定できます。ほかにもCSSによる縦書き、Anchor Positioningなど、Web制作者は要チェックです! New in Chrome 132 Chrome 132 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSのAnchor Positioning CSSによる縦書き dialog要素のトグルイベント取得 はじめに 1/15にリリースされたChrome 132でCSSとHTMLの新しい機能が3つ追加されました。対象となるChrome 1

                                            Web制作者は要チェック! Chrome 132で新しく追加されたCSSとHTMLの3つの新機能
                                          • ウェブアクセシビリティ方針まとめ | 福岡・北九州のウェブアクセシビリティ専門web制作会社

                                            ウェブアクセシビリティについて|札幌市厚別区【厚別南 地区センター】 #WCAG2_0 #レベルAA #準拠 #地方自治体 #試験の公開 2024年12月9日の情報

                                              ウェブアクセシビリティ方針まとめ | 福岡・北九州のウェブアクセシビリティ専門web制作会社
                                            • Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】

                                              Webサイト制作において面倒で時間のかかる作業を効率化したい方へ。 この記事は、CSSコードを手軽に生成できる便利ツールをまとめた最新版リストで、Web制作を快適、楽にしてくれるツール68個が揃っています。 以前CSS便利ツールを集めた厳選リストの公開が2021年。あれからおよそ3年のあいだに話題となったツールを中心に紹介しています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。

                                                Web制作の面倒におさらば、便利すぎるCSS時短ツールまとめ【2024年版】
                                              • Figma Slidesがすごい!特徴や使用感を紹介します | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                新卒ブログとは? 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 UI/UXのデザインツールとして知られるFigmaですが、ホワイトボード機能を持つ「FigJam」に続き、今年6月に新たなプロダクト「Figma Slides」が登場しました。 もともとFigmaでスライドを作成していたのですが、Figma Slidesを使い始めてからはとにかく使い勝手が良く、手放せない存在になりました。 今回は、Figma Slidesの機能や使用感についてご紹介いたします。 Figma Slidesの特徴・機能 https://www.figma.com/ja-jp/slides/ スライドモード/デザインモードが切り替えられる Figma Slidesの一番の特徴は、基本的なスライド作成機能と高度な

                                                  Figma Slidesがすごい!特徴や使用感を紹介します | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                • CSSの新しい関数がすごく便利! Chrome 129で追加されたCSSの2つの新機能とアップデートされた3つの機能

                                                  これまではCSSアニメーションで幅や高さのサイズを変更する時は、明示的なサイズ指定が必要でした。width: auto;やwidth: max-content;のようなキーワードではCSSアニメーションは機能しませんでしたが、CSSの新しい関数によって可能になります。 Chrome 129では、calc()に似た新しい関数calc-size()、width: auto;などのCSSアニメーションを可能にするinterpolate-sizeプロパティ、さらにbackdrop-filterプロパティの改善など、3つの機能もアップデートされました。 Web制作者は要チェックです! New in Chrome 129 Chrome 129 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。

                                                    CSSの新しい関数がすごく便利! Chrome 129で追加されたCSSの2つの新機能とアップデートされた3つの機能
                                                  • デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法

                                                    デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法 Canvaは広告バナーだけでなく、SNS投稿用の動画、チラシなどの印刷物、プレゼン資料、 Webサイトのデザインなど幅広い用途に利用できます。 この記事では、Canvaの幅広い用途について解説します。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 Canvaの概要 Canvaは、デザイン初学者からプロフェッショナルまで幅広いユーザーに対応するオンラインデザインツールです。 デスクトップアプリの他にブラウザでも使うことができ、デバイスを選ばないので、PCで途中まで作業していたものを出先でスマホで引き続き作業も可能です。 Canvaはテンプレート、使用できるフォント、

                                                      デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法
                                                    • ベビーチーズの、味じゃなくて栄養のやつはプレーンと味が違うのでしょうか

                                                      東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。(動画インタビュー) 前の記事:料理の見た目を均一にしたら味わいに影響は出るのか? 〜サイコロ食研究〜(デジタルリマスター) > 個人サイト まばたきをする体 Twitter @eatmorecakes 縦に並べるか横に並べるか ベビーチーズはQBBがそのシェアのトップを力走しているそうで、私の住む東京だとあとは雪印メグミルクの商品をよく見かける。 QBBは短辺をくっつけて縦に並んでおり、手に取ったときちょっと棒っぽいのが特徴だ。 長くならぶ いっぽう雪印のは長辺をくっつけて横に並べる包装。 同じような商品を作るのだから並べ方だけでも変えとこうか的な、小さな配慮というか工夫が感じられてもう味わい深い。 短く並ぶ ベビーチーズの

                                                        ベビーチーズの、味じゃなくて栄養のやつはプレーンと味が違うのでしょうか
                                                      • WixとWordPressを徹底比較!初心者・中級者に最適なサイト構築ツールの選び方【2025年最新版】

                                                        Webサイトを構築する際、「WixとWordPressのどちらを選ぶべきか」で悩む方は少なくありません。 どちらのツールにも魅力的な特徴があり、用途やユーザーのスキルレベルによって最適な選択肢は異なります。 本記事では、WixとWordPressのメリット・デメリットをはじめ、機能性・操作性・SEO対策・料金体系・セキュリティ面など、実際の制作現場で重要となる観点から両者を徹底比較します。 さらに、サイトの種類や目的に応じて、あたなにとってどちらが適しているかの判断軸もご紹介。 Web制作のプロとしての実務経験と視点から、初心者〜中級者の方でも自分に合った選択ができるよう、客観的かつわかりやすく解説します。 これからホームページを立ち上げる方、リニューアルを検討している方は、ぜひ参考にしてください。 \Wixの公式サイトはこちら/ 無料で始める ※専門知識不要で簡単に作成できます Wixと

                                                          WixとWordPressを徹底比較!初心者・中級者に最適なサイト構築ツールの選び方【2025年最新版】
                                                        • 売上30億円を達成した経営者が語る、10個の失敗と解決策とは キャッシュフロー危機や解約率急増を乗り切れた理由

                                                          起業から10年で売上30億円を達成した株式会社koujitsu。今回は同社代表の柴田雄平氏が売上30億円になるまでに経験した「10の失敗」を語ったセミナーの模様をお届けします。売上を伸ばすために実行した具体策や、利益率を安定させるための課題と工夫などが語られました。 30億円の売上を達成するまでに経験した10個の失敗柴田雄平氏(以下、柴田):今日は、僕が経営者として11年目に入ったタイミングで、「30億円の売上を達成するまでに経験した10個の失敗」というテーマでオンラインセミナーを開催させていただきます。経営者の方も多く参加されているかと思いますが、ぜひ最後までお付き合いください。 僕は株式会社koujitsuの代表を務めている柴田です。 もともとは20歳の時に東京のベンチャー企業に入社し、27歳まで勤務していました。その間、外食事業部、商品開発事業部、マーケティング事業部を兼任し、コンビ

                                                            売上30億円を達成した経営者が語る、10個の失敗と解決策とは キャッシュフロー危機や解約率急増を乗り切れた理由
                                                          • 天沢アキ『ハマる男に蹴りたい女』 - 紙屋研究所

                                                            ぼくが職場をクビになって放り出されたことを、ネットニュースで、しかも自分が作った会社の後継社長経由で知らされた父が、びっくりしてぼくに電話をかけてきた。 電話で簡単に経過を説明すると、「そうか。わかった。お前のやることだから信じてる」と言って納得したふうで電話を切った。ぼくが何か不祥事をしでかしてクビになったのではなく、幹部ににらまれて追い出されたということを直感的に理解してくれたのである。 保守的な父であるが、ぼくが成人式の代表を市によって一方的におろされたときも、市のやり方に憤懣やるかたないという態度を表明してくれたのが父だった。 それでも近いうちに実家に帰ってちゃんと説明しようとは思ったが、その前に手紙を書いて出した。 その手紙の中でぼくは経過を次のように書いた。 去年の2月に、「組織内選挙でトップを選ぶべきだ」と主張する本を出したMさんが、組織トップの逆鱗に触れ、組織を追放されまし

                                                              天沢アキ『ハマる男に蹴りたい女』 - 紙屋研究所
                                                            • 2024年12月にInstagram Basic Display APIが提供終了! インスタの埋め込み表示ができなくなるかも? | ビジネスに役立つSNS

                                                              Instagram Basic Display APIの終了とその影響今回の変更により、外部アプリのユーザーは、Instagramの「個人アカウント」から一切データを取得することができなくなりました。現状その代替策は用意されていません。ただし、ビジネス・クリエイターアカウントのデータは「Instagram Graph API(グラフAPI)」を活用することで引き続き取得可能です。 なお、ハッシュタグなどでユーザー投稿を収集する場合には、元々「Graph API(グラフAPI)」の使用が必要だったため、今回のBasic Display API終了による影響はありません。 今後Web制作者・開発者に求められる対応とは無料でInstagramの埋め込みが可能なプラグインは、日本でも数多くのWordPressサイトで導入されていますが、Basic Display APIを使用しているものが多くあり

                                                                2024年12月にInstagram Basic Display APIが提供終了! インスタの埋め込み表示ができなくなるかも? | ビジネスに役立つSNS
                                                              • 顧客の目にとまる! デザイナー直伝「ワンランク上の綺麗な資料」作成のコツ | ビジネススキル | ブログ | 東京のWeb制作会社・ホームページ制作|QUOITWORKS Inc.(株式会社クオートワークス)

                                                                クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 こんにちは、クオートワークスです。 普段、さまざまなシーンで資料を作成する際、デザイン面で以下のように悩むことは多いのではないでしょうか。 「資料が野暮ったい」 「伝わりやすい資料を作りたい」 「資料デザインを洗練させたい」 「上司や顧客を驚かせたい」 デザインは単なる装飾ではなく、情報の伝達に重要な役割を果たします。適切なレイアウトや色彩、フォントを選ぶことは、読み手にとって理解しやすく魅力的な資料を作成する上で欠かせません。 しかし、デザインスキルに自信がない場合や、時間が限られている場合、この課題に取り組むことは容易ではありません。 そこでこの記事では、スライド資料を作成する際のデザインの基礎的なコツの

                                                                  顧客の目にとまる! デザイナー直伝「ワンランク上の綺麗な資料」作成のコツ | ビジネススキル | ブログ | 東京のWeb制作会社・ホームページ制作|QUOITWORKS Inc.(株式会社クオートワークス)
                                                                • 「Webクリエイターボックス」のManaさんオススメ! 今後のWebデザイン制作に影響を与える6冊 | Web担 オススメの課題図書

                                                                  業界の第一線で活躍する人にオススメの書籍を聞く本連載。今回は、Webメディア「Webクリエイターボックス」を運営するManaさんに、最新のコーディングスキルやWebデザインの考え方など、今後のWebサイト制作に役立つ書籍を教えてもらった。 WebデザイナーのManaさん。「Webクリエイターボックス」を運営している 海外でWebデザイナーとして10年以上活躍 2010年から「Webクリエイターボックス」で、WebデザインやWebサイト制作のトレンドを紹介しているManaさん。10年ほど、カナダ、オーストラリア、イギリスの3カ国でWebデザイナーとして働いた経験をもつ。その後、現在は帰国して、Webサイト制作業務のほか、オンラインスクールやプログラミングスクールでの講師、イベントの講師、記事執筆などの業務を中心に活動している。 海外3カ国で働いてみて、同じ英語圏であっても、国や土地柄によって

                                                                    「Webクリエイターボックス」のManaさんオススメ! 今後のWebデザイン制作に影響を与える6冊 | Web担 オススメの課題図書
                                                                  • 無さそうで無かった!鳥貴族にコーヒーが出た ~ホットもアイスもある~

                                                                    東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。(動画インタビュー) 前の記事:ねえ見て、この豊かな時間 ~デニーズで2000円のパフェを > 個人サイト まばたきをする体 Twitter @eatmorecakes 鳥貴族が喫茶店になる日ががちで来る コーヒーを飲むのだから昼に行きたいと、調べて平日14時にオープンする店舗を見つけた。新宿東口店だ。 一蘭の行列の脇を抜けてビルの8Fにある ざっとの確認ではあるが、おおむねねの鳥貴族は16時~17時くらいの開店だそうだから、この店舗はそれに先駆けてばーんと開けてくれるわけで、ありがたいことだ(なお、週末ともなると12時にオープンする)。 昼に8Fにある店ってあんまり行かないな さて、鳥貴族がコーヒーをラインナップしたのは今年

                                                                      無さそうで無かった!鳥貴族にコーヒーが出た ~ホットもアイスもある~
                                                                    • チャレンジ、左利き!(デジタルリマスター)

                                                                      東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。(動画インタビュー) 前の記事:ベビーチーズの、味じゃなくて栄養のやつはプレーンと味が違うのでしょうか > 個人サイト まばたきをする体 Twitter @eatmorecakes 左利きになるための基礎体力作り 左利き、と聞いてまず連想するのは筆記具を持つ手のことだろう。お箸を持つ手が右でも、鉛筆を持つのが左であればその人は文句ナシに「左利きの人」だ。 まずは左手で地味に自分の名前を練習することにした。 手首が思うようにまわらない 書いてみて思ったのは、手首のかたさだった。 利き手である右手で書くときは手首のスナップが利くのに対し、左手で書こうとすると肘の付け根から動かして書く感じになる。 肩の付け根からぜんぜん動いていない

                                                                        チャレンジ、左利き!(デジタルリマスター)
                                                                      • Web制作者は要チェック! 今回は盛りだくさん、Chrome 135で新しく追加された14個のCSSの機能

                                                                        Chrome 135で追加された、CSSの新しい機能14個を紹介します。 今回のアップデートで目玉はスクロールオフセットのサポート、レスポンシブな自由形式のシェイプを作成できるshape()関数、インタラクティブなスクロールボタンを作成できる::scroll-button()疑似要素など、Web制作者は要チェックです! ちなみに、先日紹介したCSSのカスタム変数はChrome 139(7月頃)に実装される予定です。 New in Chrome 135 Chrome 135 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに アンカーポジショニングの記憶されたスクロール オフセット shape()関数 ::scroll-button()疑似要素 ::scroll-marker

                                                                          Web制作者は要チェック! 今回は盛りだくさん、Chrome 135で新しく追加された14個のCSSの機能
                                                                        • Chrome 127で新しく追加された3つのCSSの機能、使用するフォントに関係なく読みやすくするなど

                                                                          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

                                                                            Chrome 127で新しく追加された3つのCSSの機能、使用するフォントに関係なく読みやすくするなど
                                                                          • Web制作者は要チェック! Chrome 133で新しく追加された7つのCSSの機能

                                                                            Chrome 133で追加された、CSSの新しい機能7つを紹介します。 今回のアップデートで目玉となるのはattr()関数のパワーアップ、新しい疑似クラス:open、スクロール状態のコンテナクエリ、テキストの垂直方向の整形を細かく制御できるtext-box-trimなど、Web制作者は要チェックです! 【注意】Chrome 133は2/5にリリースされましたが、2/12に深刻度「高」の脆弱性を修正したChrome 133.0.6943.98/.99がリリースされたので、未の人はアップデートすることをお勧めします。 New in Chrome 133 Chrome 133 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSのattr()関数がパワーアップ CSSの:o

                                                                              Web制作者は要チェック! Chrome 133で新しく追加された7つのCSSの機能
                                                                            • 【2025最新】Geminiの何がすごいの?特徴や活用例、使い方を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                              こんにちは、LIGの「生成AIコンサルティング」チームのかけるです。 最近はChatGPTをはじめ、ClaudeやDeepSeek、Grokなどさまざまな対話型AIモデルが話題を集めています。なかでも、Googleが開発する生成AI「Gemini」は、その高い性能と使いやすさから、とくに注目を浴びています。 実際に私も生成AIのコンサルティングをおこなうなかで、クライアントにGeminiをオススメするシーンがかなり増えてきました。 というわけで、本記事ではGeminiの主なモデルや料金プラン、基本的な使い方、具体的な活用事例についてご紹介したいと思います。 「Geminiについて詳しく知りたい」 「AIサービスを構築する上で、最適なモデルを模索したい」 「さまざまな生成AIモデルがあるなかで、なにがおすすめか知りたい」 など、Geminiを検討してる方はぜひご覧ください! Geminiとは

                                                                                【2025最新】Geminiの何がすごいの?特徴や活用例、使い方を解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                              • 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をベースに、テキスト、音声、画像をリアルタイムでシームレスに統合処理します。

                                                                                  ChatGPT-4o vs ChatGPT-4|特徴や各モデルの違いを解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                                • Dockerとは?概念や基本用語をまとめてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                                  新卒ブログとは? 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 こんにちは、テクニカルディレクターのチェです! 今回は、私が入社してから今までアサインされてきた案件で使っているDockerについて、概念や基本用語、メリット・デメリットを紹介します。 Dockerは環境構築を簡単にしたり、リソースを効率よく使いながら高速に起動させることができるなど、多くのメリットがあります。そのため、最近はDockerの利用が広がっているんですよね。 今回は皆さんの勉強にもなればと思い、私がDockerを学んでいく過程で得た知識をまとめました。 ぜひ、最後まで読んでいってください! Dockerとは、コンテナ仮想化技術を利用して、アプリケーションの開発・実行できる環境を一つのコンテナにまとめて配置、実行

                                                                                    Dockerとは?概念や基本用語をまとめてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作