Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル

2024/02/27 17 users htmx Ajax アップルップル html属性 サーバー

htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の... 続きを読む

画像生成AIでウェブサイトやUIデザインを生成するコツ

2022/12/23 212 users 画像生成AI UIデザイン ウェブサイト コツ プロンプト

人工知能（AI）は、ウェブサイト制作を、根本から変えてしまうでしょう。 今のところ、AI画像生成ツールは、呪文（プロンプト）を唱える、ちょっとしたコツを覚えることで、以下のようなWebレイアウトを作成できます。 beautiful landing for spiderman website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2 「花屋、フ... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Nuxt Vue NEXT

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

CSSのみで表現OK 人気レイアウトやUIパターンを集めた便利ライブラリ CSS Layout - PhotoshopVIP

2022/02/28 15 users フレームワーク コンポーネント CSSレイアウト ひと CSS

依存性なしで、フレームワークも必要なし。 CSSの特別なテクニックも必要とせず、リアルに使えるCSSレイアウトやUIパターンを集めたサイト CSS Layout が注目を集めています。 フロントエンジニアとして働くひとは、ウェブサイト制作においてどれだけ多くのレイアウトやコンポーネントを扱う必要があるかよく分かるでし... 続きを読む

ウェブサイト制作に役立つ心理学 - NRIネットコム Design & Tech Blog

2021/05/14 7 users NRIネットコム DESIGN 心理学 Tech Blog

こんにちは、初めまして。Webディレクターをしております、西田と申します。 AWSやGoogle Analyticsのプロがたくさんいる弊社ですが、そんな中でも私は、Webのコンテンツ制作を生業としているチームのメンバーです。 私達チームが何をしているかを1秒でまとめると「どんなサイトにしようか考えて形にすること」です。 あ... 続きを読む

魅力的でインタラクティブなウェブサイト制作で意識したい6つのポイントまとめ - PhotoshopVIP

2021/04/16 9 users インタラクティブ エフェクト 6つ ウェブサイト ユーザー

この記事では、ユーザーを飽きさせないインタラクティブなウェブサイト制作で意識したい6つのポイントをまとめてご紹介します。 ここでは、インタラクティブなウェブサイトとは、ユーザーと対話するような参加型サイト体験を指しており、その方法やエフェクトもさまざまです。 ここでは、いくつかの実例サンプル例を参考... 続きを読む

Square、無料のEC作成サービスを日本で提供開始--テイクアウトやPOSアプリ連携に対応 - CNET Japan

2020/10/15 11 users Square テイクアウト stores base 本業

店舗向け決済サービスなどを提供するSquareは10月15日、無料でECサイトが構築できる「Square オンラインビジネス」を日本でも提供開始したと発表した。 BASEやSTORESなどと同様、コーディングやウェブサイト制作の知識がなくても自社オリジナルのECサイトを開設できるのが特徴。Squareの本業である決済機能も備えており... 続きを読む

ドローンで見る日本の絶景、富士山お鉢参り | ニュース3面鏡 | ダイヤモンド・オンライン

2019/08/31 9 users ドローン 絶景 ウェブアプリケーション開発 ダイヤモンド 受賞

東京都文京区春日にあるシステム・デザイン会社。業務内容はドローンによる空撮、映像制作、ウェブサイト制作、ウェブアプリケーション開発、商業写真撮影、デジタルメディア事業、データベース設計＆構築、携帯端末アプリケーション開発など。第1回 Drone Movie Contest グランプリ賞、審査員特別賞を受賞。http://www.... 続きを読む

半田っぽい人さんのツイート: "「jQueryはオワコンではない」 「通常のウェブサイト制作をしないエンジニアがjQueryをディスってるだけ」 「jQueryはオワコンではない」 このスライド全コーダ

2018/06/24 25 users jQuery オワコン エンジニア ツイート 通常

「jQueryはオワコンではない」 「通常のウェブサイト制作をしないエンジニアがjQueryをディスってるだけ」 「jQueryはオワコンではない」 このスライド全コーダーに届いて欲しい #scc #サッポロクリエイティブキャンプ https://t.co/pEpnJFTYEl 続きを読む

若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA

2018/05/17 1056 users HTMLコーディング ICS MEDIA 地獄 温故知新 現代

ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では主にIE6が全盛期だった2000年代のウェブサイト制作を振り返ります。昔からコーディングしている方は懐かさに浸ったり、そうでない方は現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / s... 続きを読む

ウェブ制作で感じたデザイン以外の“手間と煩雑さ”--「STUDIO」で狙う課題解決 - CNET Japan

2018/04/02 32 users Studio デバイスサイズ 手間 CNET Japan 配置

STUDIOは4月2日、コードを書かずにウェブサイト制作ならびに公開、運用を行うことができるデザインツール「STUDIO」の正式サービスを開始した。 STUDIOの特徴は主に3つ。まずウェブ上で容易に行えるデザイン機能。画像や文字は、ドラック＆ドロップで好きな位置に配置ができ、プロのデザイナーが作成したデザインテンプレートも活用可能。また作成したデザインは、モバイルなどのさまざまなデバイスサイズに... 続きを読む

ウェブサイト制作会社が存在する意味 | 奈良・大阪のホームページ制作インヴォルブ

2017/09/01 10 users 奈良 ホームページ制作インヴォルブ 出現 未来 大阪

ウェブサイト制作を主な事業として掲げる我々インヴォルブですが、実は ウェブサイト制作 だけ を売りにした会社 の未来はおそらく明るく無いのではないかとも考えています。きっとこの先、多くのウェブサイト制作会社はどんどんと時代に淘汰されていくことでしょう。 今回の記事では今後のあるべき ウェブサイト制作会社のあり方 を考えてみたいと思います。 ウェブ制作ツールの出現でウェブサイト制作が身近になった ネ... 続きを読む

イメージスライダーを魅力的に！コピペ実装できるHTMLスニペット24個まとめ - PhotoshopVIP

2017/04/10 59 users 案件 ウェブサイト PhotoshopVIP ユーザー コピペ

ウェブサイトでも使われることが多く、写真イメージをより魅力的に見せることができるイメージスライダー。 ヒーローヘッダー として利用されることも多く、イメージスライダーを効果的に利用することで、ウェブサイトを訪れたユーザーにより魅力的にコンテンツを見せることもできます。 今回は、 ウェブサイト制作で利用したいイメージスライダー をまとめてご紹介します。どんな案件にも対応できる万能コードから、ユーザー... 続きを読む

ウェブサイト制作に欠かせない、人気アニメーションテクニック4つまとめ - PhotoshopVIP

2017/02/09 99 users PhotoshopVIP

機能的で楽しいアニメーションは、現代のウェブデザインに欠かせない重要な要素のひとつです。論理的に考えられたアニメーションを活用することで、ウェブサイトに大きな違いを生み出します。アニメーションはステータスを伝えたり、注意を引くことはもちろん、ユーザーの行った行動の結果をうまく表現できます。 今回は、 より快適なウェブサイト体験を実現するために加えたい 、アニメーションの制作テクニックをサンプル例と... 続きを読む

1.2億枚のフリー写真を一括検索！似た素材も見つけることができる Mediachain Attribution Engine - PhotoshopVIP

2016/12/26 76 users 人目 お好み コレクション PhotoshopVIP 一括

ウェブサイト制作やブログの運営などで重要な要素のひとつが、人目を引く美しいサムネイル画像。 商用利用もできるフリー写真サイト から見つけることもできますが、膨大なコレクションからお好みの一枚を探すのは、骨の折れる作業とも言えます。 今回は、1億2千枚以上のCC0ライセンのフリー写真を一括検索できるサイト、 Media Attribution Engine をご紹介します。どれも自由に利用できるだけ... 続きを読む

AnimateCCでウェブサイトを作ろう | 宇都宮ウエブ制作所

2016/12/07 22 users CSS Flash HTML 宇都宮ウエブ制作所 ウェブサイト

はじめに この記事は FLASHer Advent Calendar 2016 の７日目の記事です。HTML + CSSを使用してウェブサイト制作を行う人を対象にして書いています。AnimateCC（旧Flash）の初歩的な知識があるほうが望ましいですが、もしFlashについて全く触ったことがなくても大丈夫です。 Flashの初歩的な操作方法などについての説明はこの記事内には書かれてありません。で... 続きを読む

Web Starter Kitからはじめるモダンなウェブサイト制作 (201512版) - つぶらぶろぐ

2015/12/22 39 users whoami エンジ Web Starter Kit ３ヶ月

2015 - 12 - 22 Web Starter Kitからはじめるモダンなウェブサイト制作 (201512版) はじめに この記事は ドリコムアドベントカレンダーその1 の22日目の記事です。 21日目は、shinya131さんの エンジニアからデータ分析になって3ヶ月が経った - 機略戦記 でした。 また、 ドリコムアドベントカレンダーその2 もあります。 whoami 新卒1年目のエンジ... 続きを読む

CSSコピペで利用！話題のボタンデザイン用スニペット、サンプル30個まとめ - PhotoshopVIP

2015/11/17 137 users CodePen PhotoshopVIP CSS ウェブ制作

CSSをコピペしてウェブ制作に活用できる、ボタン用スニペットサンプルを、WEBデザイナーのためのコードコミュニティサイト、Codepenよりピックアップしてまとめています。 その場でコードを確認、編集することができるので、幅広いデザインプロジェクトに応用でき、アニメーションをうまく活かした新しいスタイルを、今後のウェブサイト制作に活用してみてはいかがでしょう。 詳細は以下から。 CSSコピペで利用... 続きを読む

配色やレイアウトの参考にしたい、無料UIコンポーネントとWebレイアウトまとめ - PhotoshopVIP

2015/10/02 91 users 配色 PSDファイル レイアウト デザイナー UIデザイン

幅広いウェブデザイン制作に活用したい、最新トレンドやデザインテクニックを盛り込んだ、Photoshop無料UIコンポーネント素材をまとめています。 世界中のデザイナーが作成したPSDファイルは、どれもきちんと整理されており、ダウンロード後すぐに利用することができます。また後半では、実際にUIデザインを利用したウェブサイト制作の参考にしたい、Webページレイアウト用PSDファイルも一緒にまとめていま... 続きを読む

人脈作りなんてやめちまえ！ ビジネスの基本は「人助け」だ ｜ ライフハッカー［日本版］

2015/05/06 481 users 人助け エドモントン ライフハッカー 人脈作り 人脈

「ビジネスとは人脈である」と思っている人は多いのではないでしょうか？　だから起業家は、せっせと人脈作りのイベントに通ったりします。 でも、カナダのエドモントンでブランドアイデンティティやウェブサイト制作などを行うデザイン会社「Paper Leaf」の共同創設者、ジェフ・アーチバルド氏は、それは「見当違い」だと指摘します。その理由とはいったい何なのでしょう？ ちょっと口は悪いようですが、言ってること... 続きを読む

弱視の子ども用ノート、可愛く　弱視男性が資金募り製作：朝日新聞デジタル

2015/04/18 23 users 弱視 いしき 朝日新聞デジタル 資金 製作

弱視の子どもが使いやすいノートを、自身も弱視者である東京都杉並区の伊敷（いしき）政英さん（３８）がつくった。ノートの名は「ＫＩＭＩＮＯＴＥ（きみのて）」。表現する楽しさを知り、自分のこと、弱視のことを社会に伝えられるようになってほしい。そして、君の手でよりよい社会を作ってほしいという願いを込めた。　障害者向けのウェブサイト制作を支援する伊敷さんの矯正視力は右目が０・０２、左目は光を感じる程度で、幼... 続きを読む

Illustratorをもっと楽しく！無料の高品質ベクター素材30個まとめ 2015年3月度 - Photoshop VIP

2015/03/24 56 users Illustrator テクスチャ UIコンポーネント 壁紙

不定期となりますがIllustratorで活用できる新作無料ベクター素材をまとめています。今回は、2015年3月度まとめとなります。 商用利用もできるiOS 8を完全再現したUIコンポーネントや、アイコン素材などウェブサイト制作でも重宝しそうなアイテムから、人気があるビンテージ系手書きデザインや、壁紙に利用したいテクスチャなどが揃っており、お気に入りのベクター素材を見つけてみてはいかがでしょう。 ... 続きを読む

色選びの参考に！「Material Palette」がけっこう便利！ - IRORIO（イロリオ）

2015/01/14 27 users IRORIO メインカラー イロリオ 配色センス スマホアプリ

ウェブサイト制作やブログのデザイン、最近はスマホアプリなどでもメインカラー等を好きな色に指定できるものがありますが、そんなとき自分の配色センスにゲンナリすることはありませんか？ そんな色決めに悩んだときに頼りになるサイトがありましたのでご紹介します。 「Material Palette」は好きな2色を選べば自動でマテリアルデザインに似合うカラーパレットを作成してくれるサイト。 使い方もとても簡単で... 続きを読む

css辞典 | ウェブサイト制作 | シャフト株式会社

2015/01/13 26 users

続きを読む

「サイコロ給」で勝負　面白法人カヤックで出目応じ月給変動、社員評価の可能性模索 （カナロコ by 神奈川新聞） - Yahoo!ニュース

2014/08/11 22 users サイコロ給 面白法人カヤック さいころ 勝負 Yahoo

「サイコロ給」で勝負　面白法人カヤックで出目応じ月給変動、社員評価の可能性模索 カナロコ by 神奈川新聞 8月11日(月)7時3分配信 ウェブサイト制作やアプリ開発を手掛ける「面白法人カヤック」（鎌倉市）。その名にふさわしく、ユニークな給与制度を創業当時から続けている。サイコロの出た目によって、月給が変動するという「サイコロ給」。その狙いとは−。 乾坤（けんこん）一擲（いってき）、のるかそるかの... 続きを読む