並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 2986件

新着順 人気順

Web制作の検索結果321 - 360 件 / 2986件

  • jQueryを使わずにスライドメニューを実装しよう

    2022年4月27日 CSS, JavaScript スマートフォンのアプリやモバイルサイズのWebサイトでよく見かけるスライドメニュー。どうも「jQueryがないと実装できない」と思っている人がちょこちょこいるようなので、簡単なJavaScriptで実装できるんだよーというのを記事にしてみます。 ↑私が10年以上利用している会計ソフト! このようにボタンをクリックすると横からひゅるっと出てくるメニューを作っていきます。 1. メニューを開いた状態を作成 まずはHTMLとCSSで「Menu」ボタンをクリックしてメニューが開いている状態を作成します。メニュー部分は position: absolute; で位置を指定しています。また、メニュー項目に white-space: nowrap; を加えることで、スライドさせた時に日本語が変に改行されるのを防ぎます。それ以外は色や線、余白の指定など

      jQueryを使わずにスライドメニューを実装しよう
    • 秋田県のホームページ制作会社8選!HP作成で評判の優良Web制作会社【2024年版】

      Web制作会社は全国で数え切れないほど多くあり、いざホームページの作成しようと思っても、どこに依頼すれば良いのか選ぶのが難しいと思います。 秋田県でも同様に多くのWeb制作会社があるため、ホームページの作成をしたことがない方にとっては、何を基準に選べば良いのかもわからないのではないでしょうか。 そこでこの記事では、Web制作の専門家が秋田県にあるWeb制作会社を調査して、おすすめできる所だけを厳選しました。 秋田県内でホームページの作成会社を探している方は、ぜひこの記事を読んで参考にしてください。

        秋田県のホームページ制作会社8選!HP作成で評判の優良Web制作会社【2024年版】
      • Web制作者のためのSassの参考書.pdf

        1,800万人が利用する『家族アルバム みてね』におけるK8s基盤のアップグレード戦略と継続的改善 / FamilyAlbum's upgrade strategy and continuous improvement for K8s infrastructure

          Web制作者のためのSassの参考書.pdf
        • 富山県のホームページ制作会社9選【富山市でHP作成】優良Web制作会社【2024年版】

          富山県でホームページを作成したいと思っても、どの会社に制作依頼をすれば良いかわからないですよね。 とくに、初めてホームページを開設する場合や、Webの知識のない方にとっては、何を基準に制作会社を選べばよいかもわからないと思います。 そこでこの記事では、富山県にあるWeb制作会社の中から、ホームページの作成依頼をするのにピッタリな会社を選びました。 Web制作のプロである専門家が厳選していますので、実力のある優良企業を知りたい方は必見です。 富山県でWeb制作会社を探している方や、どんな会社があるのか比較したい方はぜひ参考にしてください。 富山県のホームページ制作会社9選【2024年最新版】2024年の最新データをもとに、富山県にあるWeb制作会社を調査しました。 その中から、特におすすめできる企業を9社まで厳選。 今回選んだ選考基準として、以下のような項目を重点的に見ています。

            富山県のホームページ制作会社9選【富山市でHP作成】優良Web制作会社【2024年版】
          • WordPressをヘッドレスCMSにしてNext.jsでブログを作成する方法とエラー対処法

            2022年12月24日 JavaScript, React, Wordpress 最近はReactをベースにしたフレームワーク、Next.jsをいじっております。今回はWordPressに登録した投稿をNext.jsで表示させてみようと思います! ↑私が10年以上利用している会計ソフト! ヘッドレスCMSとは? ヘッドレスCMSはコンテンツの管理のみをするCMS(=Content Management System)のこと。例えばWordPressではコンテンツの作成から表示までを行えますが、ヘッドレスCMSではコンテンツの表示は別の方法で行います。ここではNext.jsを使ってみます。 ヘッドレスCMSを使うメリット 表示部分を別途用意することになんのメリットがあるのでしょうか?ざっくりと以下の3点が挙げられるかなと思います: 表示速度の改善 セキュリティの向上 管理しやすい 通常のWo

              WordPressをヘッドレスCMSにしてNext.jsでブログを作成する方法とエラー対処法
            • Midjourney(ミッドジャーニー)で思い通りに画像生成できる徹底ガイド

              Midjourney(ミッドジャーニー)とは、とても簡単に言えば、入力した文字だけで画像を生成できるAIツールです。 たとえば「ライオン」と文字入力するだけで、あらゆるスタイルのライオンを、1分もかからずに、AIが自動で作成します。 GoProで真正面、しかも超近距離で撮影したようなライオン 入力する文字、プロンプト(英: Prompt)を組み合わせることで、全く雰囲気の違う「ライオン」を生成でき、まるで呪文を唱える魔法のよう。 サイバーパンクなキャラクター風ライオンに プロンプトの組み合わせは自由自在で、あらゆるスタイルの「ライオン」に仕上げることが可能です。 狩りをするライオン「水彩スケッチ」風 Web制作向けUIデザインの自動生成にはじまり、Midjourneyを使い込んでいくうちに、「思い描いたデザインを生成する」ためのコツやポイントが、すこしずつ掴めてきたのでシェア。 ステンドグ

                Midjourney(ミッドジャーニー)で思い通りに画像生成できる徹底ガイド
              • サイトマップの作り方!デザイナーのアレンジ技5選 | 株式会社LIG

                こんにちは、株式会社LIG Webディレクターのイナッチです。 Webディレクターといえば、サイト制作プロジェクトの提案や要件定義のフェーズにおいて「サイトマップ」を作る機会が多くあります。 とてもシンプルなフォーマットなので、誰でも作れるように思いがちですが、実は奥深く、取り組み甲斐のある作業の一つだと思っています。このシンプルな図のクオリティによって、その後のプロジェクトが円滑に進むかどうかを左右することさえあると感じています。 そこで今回は、私がサイトマップを作るときに意識していることと、サイトマップの能力を拡張するためのアレンジ技5選についてご紹介いたします。 ※ この記事でご紹介する「サイトマップ」とは、サイト全体の構造を図示した資料のことであり、XMLサイトマップ(sitemap.xml)の作り方については含んでおりません。 サイトマップの基本的な体裁 まずはサイトマップの基本

                  サイトマップの作り方!デザイナーのアレンジ技5選 | 株式会社LIG
                • Amazonも!有名WebサイトのCSSボタンデザイン77個をコピペ再現できる Copy & Paste CSS

                  CSSボタンデザインは、スタイルを変えるだけでガラリと印象を変えることができるウェブデザイン要素のひとつです。 Copy & Paste CSS は、AmazonやSpotify、Slackといった有名Webサイトで使われているボタンデザイン用CSSスニペット77個を集めた無料ツールです。ボタンをクリックするだけで、Internet Explorer や Chrome などクロスブラウザ対応のCSSソースコードをコピペできます。 詳細は以下から。 AmazonやSpotifyも!有名サイトのCSSボタンデザイン77個をコピペ再現できる Copy & Paste CSS Copy & Paste CSSは、海外でよく見かける有名サイトで使われれているボタンスタイルをCSSで再現し、コピペで実装できるようにまとめたCSSライブラリです。 BootstrapやGithub、Tailwindといっ

                    Amazonも!有名WebサイトのCSSボタンデザイン77個をコピペ再現できる Copy & Paste CSS
                  • もっと早く知りたかった!Web制作に便利な最新オンラインツール46個まとめ

                    この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 Ai、人工知能を利用した、これまで面倒だった作業を改善できるツールも見かけるように。また、プロトタイプツールFigmaに関する便利なプラグイン、テレワークによるオンラインミーティングで使えるさーびすなども増えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめ Web制作便利ツール Eazy CSS どんなウェブサイトのデザインも、コード知識不要でタ

                      もっと早く知りたかった!Web制作に便利な最新オンラインツール46個まとめ
                    • 枚方のホームページ制作会社7選【2024年】大阪府枚方市でおすすめのWeb制作会社!

                      大阪府枚方市でホームページを作成をしている事業者の中から、おすすめのWeb制作会社を厳選してご紹介します。 枚方市に隣接している地域からであれば、対応する企業も多くあると思うのですが、今回は所在地が枚方市のWeb制作会社に限定しています。 枚方市のホームページ制作会社が知りたい方、枚方のWeb制作会社にHPの作成を依頼したいと思っている方は、ぜひこの記事を参考にしてください。

                        枚方のホームページ制作会社7選【2024年】大阪府枚方市でおすすめのWeb制作会社!
                      • ウェブアクセシビリティ テストと自動化における挑戦と失敗 - Findy Engineer Lab

                        改正された障害者差別解消法の施行が迫りつつあり、企業にとってウェブアクセシビリティへの対応は急務といえる状況です。 また、アクセシビリティは法律だけの問題ではありません。Webサービスを展開している企業であれば、サービスを誰でも不自由なく使える状態にしていくためにも、アクセシビリティに向き合っていく必要があります。 今回は、アクセシビリティのテストと自動化における各企業の取り組み事例について、4名のパネリストにLT形式で発表していただきました。本記事では、テストの自動化やツール選定、普段の開発への組み込み方など参考になる情報が盛りだくさんだったトーク内容をご紹介します。 ■パネリスト 安田 慎さん/@syasuda90 株式会社サイバーエージェント AmebaLIFE事業本部 開発局 フロントエンドエンジニア 2016年に中途でサイバーエージェントに入社。フロントエンド開発を担当する傍らア

                          ウェブアクセシビリティ テストと自動化における挑戦と失敗 - Findy Engineer Lab
                        • 達人出版会

                          探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う! オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R/RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット&JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール

                            達人出版会
                          • 【2022】注目のWebデザイントレンド13選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                            おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー/マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わっていくので、クリエイターとして常に追いかけていく必要があります。 2022年に入って結構経ってしまいましたが、今後直近で流行りそうなデザインを参考とともにピックアップしました。 ※最新2023年版のWebデザイントレンドは以下記事をご覧ください! 👉注目のWebデザイントレンド10選【2023】 ※今回こちらの記事を参考にしています 22 inspiring web design trends for 2022 10 Web Design Trends To Expect in 2022 Top

                              【2022】注目のWebデザイントレンド13選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                            • 和歌山県でホームページ作成したい!おすすめのWeb制作会社8選

                              和歌山県でホームページ制作会社を探していても、Webの専門家ではない方が理想のホームページ制作会社を選ぶのは難しいと思います。 そこでこの記事では、Web制作のプロが和歌山県にあるWeb制作会社を1社1社チェックして、おすすめできる会社だけを厳選してご紹介することにしました。 得意分野や、特徴、制作費用の相場、これまでの制作実績などを評価基準として、今回は8社まで厳選してご紹介します。 和歌山県でホームページ制作会社を探している方は、ぜひ比較検討に役立ててください。

                                和歌山県でホームページ作成したい!おすすめのWeb制作会社8選
                              • 徳島県のホームページ制作会社8選!HP作成を依頼したいおすすめWeb制作会社【2024年版】

                                徳島県でホームページを作成したいと思っても、非常に多くのWeb制作会社があるため、どこに依頼すれば良いのか選ぶのが難しいですよね。 そこでこの記事では、徳島県に所在地のあるホームページ制作会社を徹底的に調査した専門家が、おすすめできる事業者だけを厳選してご紹介します。

                                  徳島県のホームページ制作会社8選!HP作成を依頼したいおすすめWeb制作会社【2024年版】
                                • Webサイト制作・ホームページ制作発注の流れと事前知識 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                  みなさまこんにちは、Webディレクター・プランナーのむむです。 Webサイト(ホームページ)を作りたいと思ったときに、何から調べたらいいのか悩みませんか? 決して安くない金額と時間がかかるWebサイト制作。Webサイト制作で頭を抱える人が少しでも減りますように……。そんな願いを胸に、 Web制作(ホームページ制作)に関して、これを見れば全部わかるという資料を作りました! なんと全75ページの超大作! もう、本ですね。当時の自分にこの資料を渡してあげたい。 資料ダウンロード また、こちらの記事ではWebサイトを制作するメリットや価格、制作期間などを解説します! LIGにWeb制作の相談をしませんか? 2007年創業、年間150サイト制作の実績で、毎年複数のデザインアワードを受賞しています。 訪問した瞬間貴社の魅力がグッと伝わる!そんなWebサイトを制作します 💡LIGのWeb制作実績・お問

                                    Webサイト制作・ホームページ制作発注の流れと事前知識 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                  • CSS記述が速くなる、コピペできるチートシート用コードスニペットまとめ

                                    CSSはシンプルな表記でスタイリングが特長ですが、ときには複雑なコードによってどう書いたらよいか、迷ってしまうことがあります。 今回は、CSSでの制作をスピードアップさせる、コピペできるチートシート的コードスニペットをまとめてご紹介します。 リアルタイムによるプレビュー、確認が可能で、生成されたCSSコードをコピーするだけで利用できる、知っておくと差がつく利用機会の多いCSSプロパティが揃います。 CSS記述が速くなる、コピペできるシートシート用コードスニペットまとめ 1. CSSマウスカーソル・プロパティ さまざまなマウスカーソル用プロパティを並べたコードスニペット。各ボックスにマウスホバーすることで、ブラウザーでどのように見えるか確認できます。 See the Pen CSS Cursor Property by Kalimah Apps (@khr2003) on CodePen.

                                      CSS記述が速くなる、コピペできるチートシート用コードスニペットまとめ
                                    • “最悪のUI”を体験できるWebサイトをデザイン会社が制作 あまりの使いづらさにストレスがマッハ

                                      まともに入力するのが難しいデザインのWebサイト「User Inyerface」が、海外メディアに取り上げられてジワジワと話題を拡大中です。制作した企業は、直感的な操作では最後までたどりつけない“最悪のUI(ユーザーインタフェース)体験”ができるゲームとして紹介しています。 ゲーム開始で、まず手こずる(画像は「User Inyerface」より) UIはWeb制作などでよく使われる言葉で、人間と機械をつなぐものを意味しています。慣習に従い、直感的に操作できるUIを「良いUI」と呼びますが、「User Inyerface」のコンセプトはその真逆。慣習に逆らっているため、最後のページにたどり着くまでに、いらだちでパソコンをたたき割りそうになってしまいます。 「User Inyerface」を開始すると、画面上部にクッキー利用同意のメッセージが表示されますが、早速分かりづらい。「このサイトはクッ

                                        “最悪のUI”を体験できるWebサイトをデザイン会社が制作 あまりの使いづらさにストレスがマッハ
                                      • 仕事が早い人は使っている最新Web便利ツール34選

                                        「Webサイト制作がもっと楽になる方法ってないの?」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが

                                          仕事が早い人は使っている最新Web便利ツール34選
                                        • Chromeでタブをたくさん開きがちな人に届け!作業効率を上げまくる拡張機能4選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                          こんにちは! 広報室のたびちん(@takiyoro)です〜。 今回はこれがないと暮らしていけない! とまでなったChrome拡張機能を4つ厳選してお伝えします。 ▼以前ご紹介した、タスク管理に便利な拡張機能+アプリの使い方はこちら 開けているタブをリスト化! 「GetTabInfo」 ダウンロードURL あらゆるオフィスワーカーに知ってほしい! タブで出したページのURLやタイトルなどの情報がリストになって出てきます。表示方法はテンプレート化が可能です。URLだけのリスト、タイトルとURLで間にタブを入れる、タイトルを<>などで囲むなど、柔軟に設定できます。 こういう感じで、同じウインドウ内で開いている複数タブをリスト化できます。 「ちょっとこの業界のURL調べてリスト化しといて」なんて命が下ったときに何度か救われた拡張機能です。複数タブを開けておき、これでリストにするだけなので、個人的な

                                            Chromeでタブをたくさん開きがちな人に届け!作業効率を上げまくる拡張機能4選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                          • 子どものころは「普通の景色」だった蔵造りの街並みが、今では特別な存在に。川越ならではの価値を次世代に伝えたい/埼玉県川越市・川越一番街商店街「櫻井印刷所」櫻井理恵さん【商店街の住人たち】 - SUUMOタウン

                                            インタビューと文章: 小野洋平(やじろべえ) 写真:小野 奈那子 長年、そこに住む人々の暮らしを支えてきた商店街。そんな商店街に店を構える人たちにもまた、それぞれの暮らしや人生がある。 街の移り変わりを眺めてきた商店街の長老。さびれてしまった商店街に活気を呼び戻すべく奮闘する若手。違う土地からやってきて、商店街に新しい風を吹かせる夫婦。 商店街で生きる一人ひとりに、それぞれのドラマがあるはず。本連載では、“商店街の住人”の暮らしや人生に密着するとともに、街への想いを紐解いていく。 ◆◆◆ ■今回の商店街:川越一番街商店街(埼玉県川越市) 江戸時代からの街並みが色濃く残る川越。1951年に札の辻から仲町交差点までの430m、70店舗による協同組合として発足したのが「川越一番街商店街」だ。これまで歩車道の段差解消、街路灯の新設、歩道の石畳化、電線の地中化などに取り組み、江戸から続く景観を今に受

                                              子どものころは「普通の景色」だった蔵造りの街並みが、今では特別な存在に。川越ならではの価値を次世代に伝えたい/埼玉県川越市・川越一番街商店街「櫻井印刷所」櫻井理恵さん【商店街の住人たち】 - SUUMOタウン
                                            • ワクワクが満載!Web制作を変える最新オンラインツール50個まとめ

                                              この記事では、Webデザイン制作がグッと楽になる最新オンラインツール50個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール 2. Web制作便利ツール 3. デザインツール 4. アイコンツール 6. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ

                                                ワクワクが満載!Web制作を変える最新オンラインツール50個まとめ
                                              • 長崎県のホームページ作成会社7選!プロが選ぶおすすめのWeb制作会社【2024年版】

                                                長崎県でホームページの制作やリニューアルをしようと思った時に、どのWeb制作会社に依頼すれば良いか迷ってしまうと思います。 そこで、Web制作のプロの目から見て、おすすめできるホームページ制作会社を厳選しました。 長崎県でホームページ制作会社を探している方はぜひ参考にしてください。

                                                  長崎県のホームページ作成会社7選!プロが選ぶおすすめのWeb制作会社【2024年版】
                                                • 【CSS】あっという間に悩み解決!新常識な最新テクニック24選

                                                  この記事では、これまでのCSSコーディングの悩みを解決できるかもしれない最新テクニック24個をまとめてご紹介します。 コピペで利用できるテクニックを中心に、実際の問題点や新しい解決案を、実用的なサンプル参考例を確認、プレビューしながら新しいCSSテクニックに触れてみましょう。 ただし、実験段階のプロトタイプも含まれているので、一部ブラウザでは非表示のケースもあります。実装するときは、対応ブラウザの確認を行いましょう。 前回までのお役立ちCSSテクニック集がこちら、少しずつ増えてます。 よくあるWeb課題をCSSで乗り切る!知っておきたい最新テクニック20選 よくあるWeb制作の悩みをCSSで解決!最新テクニック40選まとめ 【CSS】知っておくと便利!短いコードで実装できるCSS小技20選 コンテンツ目次 1. background-imageによる実用アニメーションサンプル集 2. 無限

                                                    【CSS】あっという間に悩み解決!新常識な最新テクニック24選
                                                  • [あとで読む]2019年7月あとで読むトップ20リスト

                                                    anond:20120303220901を見て何となく調べてみたくなった。デイリーのホットエントリに入っているものだけだから抜けがあると思う。 482あとで/3046users 【永久保存版】「お金がもらえる・戻ってくる制度や手当」をまとめてみた→リプ欄にも続々情報が集まって有能「行政がやるべきことを無償で…神」 - Togetter 372あとで/2421users 【永久保存版】Gitのあらゆるトラブルが解決する神ノウハウ集を翻訳した - LABOT 機械学習ブログ 329あとで/1559users 初心者が無料で勉強できる良教材いろいろまとめ - orangeitems’s diary 271あとで/1298users すべての新米フロントエンドエンジニアに読んでほしい50の資料 - Qiita 258あとで/2327users お金の話について|ヨッピー|note 256あとで/1

                                                      [あとで読む]2019年7月あとで読むトップ20リスト
                                                    • 伝わる図解の作り方~レイアウトや配色のポイントを解説~ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                      こんにちは、デザイナーの花ちゃんです! かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……!! 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、

                                                        伝わる図解の作り方~レイアウトや配色のポイントを解説~ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                      • HTMLとCSSの実務レベルの作業フローや思考プロセスがていねいに解説された、Web制作に真剣に取り組みたい人にお勧めの本 -教科書では教えてくれないHTML&CSS

                                                        HTMLもCSSも一通り勉強した、でも実際にWebページを実装しようとするとどこから手をつければよいか悩んでしまう。そんな人にお勧めしたい、実装の作業フローと思考プロセスをくわしく解説した良書を紹介します。 本書は通常の解説書とは一線を画すもので、現場レベルの作業や考え方を基礎からていねいに解説したものです。実装のテクニックもたくさん解説されており、さまざまなプロジェクトで役立ちます。 本書は「HTML5&CSS3デザインレシピ集(紹介記事)」「WordPressデザインレシピ集(紹介記事)」などでお馴染み、狩野 祐東氏の新刊です。 「教科書では教えてくれない」とあるように、入門書や講座では学べない現場レベルの実装を基礎からていねいに解説しています。自分のブログをちょっとつくってみたいという人向きではなく、仕事としてWeb制作に携わりたい人向けの解説書です。

                                                          HTMLとCSSの実務レベルの作業フローや思考プロセスがていねいに解説された、Web制作に真剣に取り組みたい人にお勧めの本 -教科書では教えてくれないHTML&CSS
                                                        • 貧乏なおじさんへのささやかな贈り物 - megamouthの葬列

                                                          ネットバブル前夜、ホリエモンの会社がまだオン・ザ・エッジと呼ばれていた頃、パイナップルカンパニーというWeb制作会社が神戸にあって、社長のおじさんは、ナウいホームページを作ることにかけては関西随一と呼ばれていたその会社に見積もりを依頼したらしいんだけど、イキリにイキリきった営業に、当社は1000万円以下の仕事は請けないんですよ、と半笑いで門前払いされたことをずっとずっと根に持っていた。 おじさんと酒を飲むたび、何度もその話を聞かされるから、パイナップルカンパニーが2002年に倒産して、オーナー社長が行方不明になって、今や神田敏晶の出身企業と説明されるまでに忘れられた、というオチを、僕は何も見ずに書けてしまうほどだけど、きっと、おじさんがこの話で伝えたかったことは、貧乏な顧客を無下にして、高飛車な態度をとっていたら、いつかは商売が立ち行かなくなるんやで、ということなのだ。本当のところはわから

                                                            貧乏なおじさんへのささやかな贈り物 - megamouthの葬列
                                                          • WordPressの保守とは一体何をやっているのか

                                                            おそらくWeb制作を依頼した側の会社からすると何をやっているのか全くわからないであろう「WordPressの保守」という項目。 やってることわからないし別に依頼する必要はないなと判断してしまうようなケースも多いかなと思う。 WordPressを利用する上で必要なことなので、私が会社や個人で保守という作業の中で一体何をやっているのかを紹介する。 最初に結論 保守でやっている作業は以下の通り。 WordPressの本体のアップデート WordPressのテーマのアップデート WordPressのプラグインのアップデート 不具合が起こった場合の状況把握 不具合の修正(いただいている料金による) WordPressやWeb技術に関する情報の収集 WordPressの保守と更新代行の違い 大いに勘違いしている人がいるのだが、WordPressの保守と更新代行は違う。 WordPressの保守は最初に

                                                              WordPressの保守とは一体何をやっているのか
                                                            • CSSで要素の表示・非表示を切り替える方法いろいろ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                              こんにちは。フロントエンドのつっちーです。 要素の表示と非表示を切り替える方法って、同じことをやっているように見えて、実はたくさんありますよね。 これまで無意識に使い分けていましたが、いま一度整理しておこうということで、まとめてみました。 表示・非表示の切り替えに使えるCSSプロパティ 他にもあるかもしれませんが、私は主に下記のプロパティで切り替えを実現しています。 opacity visibility display では一つひとつ、特徴と用例をみていきましょう。 1. opacityの切り替え See the Pen 191001 by ligdsktschy (@lig-dsktschy) on CodePen. 特徴 非表示のときも、領域が確保される クリック/タップ可 transition可 用例 「要素を、スクロールによって画面内に入ったときに表示させる」など。見えるか見えない

                                                                CSSで要素の表示・非表示を切り替える方法いろいろ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                              • 新宿区のホームページ制作会社8選【HP作成】おすすめWeb制作会社【2024年最新版】

                                                                東京都新宿区は、高層ビルが立ち並ぶ世界でも有数のビジネス街であり、日本最大の繁華街である歌舞伎町などもある街です。 新宿にはIT系会社の本部も多くあり、レベルの高いホームページ制作会社が軒を連ねています。 この記事では、そんな新宿区のホームページ制作会社の中から、Web制作の専門家から見たおすすめの事業者を厳選してご紹介します。

                                                                  新宿区のホームページ制作会社8選【HP作成】おすすめWeb制作会社【2024年最新版】
                                                                • 京都のWeb制作会社11選!おすすめのホームページ作成会社【2024年】

                                                                  京都にはホームページ制作を行っているWeb制作会社が多くあり、これからホームページの作成を考えている方も、どこに依頼すれば良いのか迷ってしまうと思います。 この記事では、Web制作のプロの目線から見て、京都のおすすめホームページ制作会社をご紹介。 京都にあるWeb制作会社の中から、実績のある11社まで厳選しました。 京都のおすすめホームページ制作会社11選【2024年】京都のホームページ制作会社を、専門家が一社一社しっかりとチェックして、おすすめできるWeb制作会社を厳選しました。 2024年の最新データを掲載していますので、気になるWeb制作会社の比較検討に役立ててください。

                                                                    京都のWeb制作会社11選!おすすめのホームページ作成会社【2024年】
                                                                  • Service WorkerとWasmを組み合わせてサーバー処理をブラウザーでリアルに再現する

                                                                    今回の話はWasmというよりもService Workerの話がメインになりますが、WasmとService Workerを組み合わせることで、ブラウザー上でサーバー処理をリアルに再現することができるので、このタイトルにしています。 まずは動画をご覧ください。 見ていただくと分かるように、ブラウザー上でPHPのコードを書くとその実行結果が右側に表示されています。 特に面白い点が、お問い合わせフォームのPOST後の処理までもブラウザー上だけで実行できているという点です。 これはWasmとService Workerを組み合わせて実現しています。 大体以下のようなプロセスで実現しています。 Wasmはブラウザー側でも実行可能ですが、あえてService Worker上で実行しているのは、URLへのリクエストに対してそのリクエストにインターセプト(介入)することで、POST後の処理などもブラウザ

                                                                      Service WorkerとWasmを組み合わせてサーバー処理をブラウザーでリアルに再現する
                                                                    • 福井県のホームページ制作会社9選【福井市でHP作成】優良Web制作会社【2024年版】

                                                                      ホームページ制作会社は全国でも非常に多くあり、福井県で制作を依頼したいと思っても、どこに依頼すれば良いのか、違いや判断基準がわからないと、探すのも難しいですよね。 そこでこの記事では、福井県のホームページ制作会社を徹底的に調査したWeb制作の専門家が、おすすめの優良Web制作会社を厳選してご紹介します。 専門家の目から見たおすすめの事業者だけを紹介するので、どこでどう探せば良いのか困っている方はぜひ参考にしてください。 福井県のホームページ制作事業者を詳しく知りたい方、比較検討したい方にとって、必見の内容となっています。 福井県のおすすめホームページ制作会社9選【2024年版】福井県に所在地のあるホームページ制作事業者の中から、おすすめのWeb制作会社を9社まで厳選してご紹介します。 選ぶ時の基準として、過去の制作実績、デザイン力、Web集客力、運営サポート、料金相場など、2024年の最新

                                                                        福井県のホームページ制作会社9選【福井市でHP作成】優良Web制作会社【2024年版】
                                                                      • 山形県のホームページ制作会社8選!専門家が選ぶおすすめWeb制作会社【2024年版】

                                                                        山形県は面積の85%が山地となっていますが、Web制作会社は多くあり充実しています。 山形県でホームページを制作しようと思っているが、どの制作会社に依頼すれば良いか迷っている方も多くいると思います。 そこでこちらの記事では、山形県にあるホームページ制作会社を調査したWeb制作のプロが、おすすめの会社を厳選してご紹介します。 山形県のホームページ制作会社を探している方は、ぜひ参考にしてください。 山形県でおすすめのホームページ制作会社8選山形県にあるホームページ制作会社を、Web制作のプロが1社1社調査しました。 それぞれWeb制作会社の得意分野や特徴、これまでの制作実績、デザイン力、運営サポート、料金相場などを評価指標として、以下の8社を選んでいます。

                                                                          山形県のホームページ制作会社8選!専門家が選ぶおすすめWeb制作会社【2024年版】
                                                                        • 【2024年最新版】三重県のおすすめホームページ制作会社!おすすめWeb制作会社8選!

                                                                          三重県でホームページを作成しようと思っても、どのWeb制作会社に依頼すれば良いのか迷ってしまうと思います。 そこで、Web制作のプロが三重県にあるホームページ制作会社を徹底的に調査して、おすすめの事業者を厳選しました。 これから三重県でホームページの作成を依頼したいと思っている方は、ぜひホームページ制作会社選びの参考にしてください。 三重県のホームページ制作会社8選【2024年最新版】三重県にあるホームページ制作会社の中から、Web制作のプロの目から見ておすすめの事業者を8社厳選しました。 これまでの過去の実績、デザイン力、得意分野、料金相場などを評価基準として選んでいます。

                                                                            【2024年最新版】三重県のおすすめホームページ制作会社!おすすめWeb制作会社8選!
                                                                          • 姫路市のホームページ制作会社7選!HP作成で評判のWeb制作会社【2024年版】

                                                                            今回姫路市のホームページ制作会社の中から7社を選んだ時のポイントは、設立年、これまでの制作実績、デザイン力、運営サポート、自社サイトの集客力、料金相場などを比較して選びました。 ホームページ制作を依頼する際は、目的を持って依頼することが大切です。 それでは1社ずつ、今回選んだ理由や特徴について、くわしくご紹介していきます。 株式会社エスティー・クリエイティブ エスティー・クリエイティブは兵庫県姫路市にあるホームページの制作・運営サービスをしている会社です。 兵庫県を拠点に大阪府を始め、関西地域などを中心に営業活動を行っています。 エスティー・クリエイティブは中小企業を中心に400件以上の幅広い制作実績があり、特に建設・不動産関係や飲食店・店舗、一般企業からの受注が多いです。 また、ホームページや採用サイトの制作だけでなく、インターネット広告出稿・管理やWebサイトの運用・管理、パンフレット

                                                                              姫路市のホームページ制作会社7選!HP作成で評判のWeb制作会社【2024年版】
                                                                            • ユーティリティファーストCSSのススメ〜なぜ、セマンティックなclass命名は失敗するのか?|菱川拓郎

                                                                              弊社では全ての新規サイトの構築で、CSSフレームワークをtailwindcssに切り替える意思決定を行い、実際に1年くらいが経過しました。「案件によって、tailwindが向いてそうなものは使う」ではなく「全ての案件で使用」です。使えば使うほどメリットの大きさを感じていますが、同時にtailwindcssの世界観が世間の常識とあまりにも違うため、社内のスタッフには少なからず戸惑いがまだ残っているように思います。 そこで、改めて「なぜtailwindcssを使うと効率的にサイトが構築でき、メンテナンス性が上がるのか」反対に「tailwindcssを使う上で、やってはいけないことは何か」についてまとめたいと思います。 tailwindcssとは tailwindcssとは、2020年11月にバージョン2.0がリリースされたばかりの、今注目のCSSフレームワークです。CSSフレームワークといえば

                                                                                ユーティリティファーストCSSのススメ〜なぜ、セマンティックなclass命名は失敗するのか?|菱川拓郎
                                                                              • 【2024年】藤沢市・茅ヶ崎市、湘南エリアでホームページ作成!おすすめのWeb制作会社8選

                                                                                神奈川県藤沢市、茅ヶ崎市などの湘南エリアには、ホームページ制作会社が非常に多くあります。 ホームページを作成しようと思っても、どのWeb制作会社に依頼すれば良いか迷ってしまいますよね。 そこでこの記事では、Web制作のプロが藤沢市・茅ヶ崎市などがある湘南エリアのホームページ制作会社を徹底的に調査して、おすすめのWeb制作会社を厳選してご紹介します。 今回ホームページ制作会社を選んだ基準は、

                                                                                  【2024年】藤沢市・茅ヶ崎市、湘南エリアでホームページ作成!おすすめのWeb制作会社8選
                                                                                • 餅は進化しギザギザになった

                                                                                  東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。(動画インタビュー) 前の記事:12人の炊飯器と釜の音 > 個人サイト まばたきをする体 Twitter @eatmorecakes 餅は形を攻めている 「ぎざぎざもち」との対峙のまえに、まずはあらためて餅という商材をとらえておきたい。 基本的に切り餅と丸餅があり、そこは揺るぎない。ブランド米を使うなど素材にこだわり価格帯で多様性を持たせる動きもある。 いっぽうで、素材ではなく形を工夫する動きがあるわけだ。餅は完成度の高いすばらしい食品である。餅という様はそのままに、形に新規性を求め食べ方にバリエーションをもたせようという動きだ。 餅ファンにっとっては志を感じるムーブである。 冒頭でご紹介したスライス餅がその代表だ。

                                                                                    餅は進化しギザギザになった