Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132

概要 vue serveコマンドはプロジェクトを作成せずに、.vueファイルを単体で実行することができる。 しかし、Vue CLI5では動作しない。（2022年4月現在） 解決法 Vue CLI4では正常に動作する。 npm install @vue/cli@4 npm install @vue/cli-service-global npx vue serve Hoge.vue

Figmaをこれからはじめようというひとがまず知っておきたい、基本の機能や使い方を網羅した完全ガイド2022年版。 ウェブサイトのデモデザインを実際に作成しながら、Figmaの基本となる使い方を一緒に学びましょう。 この記事が読み終わったとき、Figmaの基本的なツールの使い方はもちろん、ウェブデザイン制作の具体的な進め方や、動きのあるプロトタイプの作成、チームによる共有やリアルタイム同時編集まで、一連の流れをまとめています。 コンテンツ目次 1. Figmaを使う前準備 2. Figmaの基本的な使い方について 3. 背景デザインの作成 4. グリッドレイアウトの追加 5. 基本ツールでロゴの作成 6. ナビメニューの作成 7. ヒーローセクションの作成 8. 3カラムレイアウトの作成 9. プロトタイプ機能の使い方 10. Figmaの使い方はアップデート継続中 Figmaを使う前準備

画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な

アンケートなどを簡単に制作できるGoogleフォームをAPI経由で作成、編集できる「Google Forms API」が発表されました。 The #DeveloperCommunity has more power! Thanks to the new Google Forms API, you have the ability to build powerful integrations on top of forms. Check out automation use cases https://t.co/3rwg3qr5Vg — Google Developers (@googledevs) October 12, 2021 Googleフォームは、質問項目や選択肢が並んだフォーム画面を作り、公開すると、自動的に結果がGoogle Spreadsheetに集計され、容易にグラフ化など

Visual Studio Code 通称「VSCode」で、Sass（Scss）を自動でコンパイルしてCSSに変換する方法をご紹介します。 セーブするたび自動でコンパイルしてくれるので非常に楽です。 すでに「VSCode」はインストール済みという前提で手順を紹介していきます。 まだインストールしてないよ！という方は、下記リンクよりインストールしてください。 Sass（Scss）の自動コンパイルに使用するプラグイン・Live Sass Compiler ひとつプラグインを入れるだけで、自動でコンパイルできるようになるとは、、 VSCodeめちゃくちゃ便利ですね。 Live Sass Compilerのインストールから設定まで全ての手順1.Live Sass CompilerをVSCodeに追加する画面左、黄色の点線のボタンをクリック。 Extension（プラグイン）の一覧が表示されるので

HDや4Kなどで撮影された映像素材はファイル一つの容量が大きいので、外付けや内臓SSD/HDDに保存しているとすぐに容量不足になってしまいがちです。 またPremiere Proなどの編集アプリを使っていると、素材の容量の他に編集時の操作を最適化するためにキャッシュが保存されており、適度なクリーンアップを行う必要があります。

【 車 】 国道151号線　久留米より 約30km 大分自動車道　福岡より 約60km 【 電車 】 JR久大本線 久留米駅から日田行に乗車し、 うきは駅下車 うきは駅から徒歩20分

活性酸素を含んだ ウルトラファインバブルを 1ml 当たり10億※個射出 オースリーミストは活性酸素を含んだウルトラファインバブルを10億/ml 以上含んだミストを射出します。活性酸素は、酸化力が高く細菌やウイルスの不活性化に大きく寄与しているといわれています。 活性酸素の効果により、オゾンがもたらす除菌・消臭効果が期待されます。 オゾン水生成前とオゾン水生成後の噴霧水 （水温20℃±1℃、0.1ml/回（5ml採水）） で測定したバブル発生量の差。（水質・環境・時期により数値は変動します。） 計5回を第三者機関で測定。 計測器：NanosightNS300（Malvern製） 平均径：0.13µm最頻径：0.09µm

産地と作り手と私を、 幸せにつなぐもの。 The happy connection between farmlands, manufacturers, and us. 世界が幸せになることは、私を幸せにすること。 素材から運搬、製造工程を経て、使う人の手に届くまで、 すべてに意識を払い、人にも自然にも心地良くする。 それがダイアンボヌールです。 The happiness of the world will lead to my own happiness. When we put our hearts into every step of the production process, from ingredients and transportation to reaching the users, we can make everyone and Mother Nature happ

This domain may be for sale!

原デザイン研究所は、クライアントワークにとどまることなく、常に社会と世界を観察し、分野や領域に捉われない複合的な視点から将来のヴィジョンを構想しています。ここでは、実用性や実現可能性に重きを置かない、未発のアイデアを提案していきます。

「ひぐらしガーデン」は、ベーカリーカフェと書店が併設した小さな商業施設です。 わたし達は、大正６年にこの地で創業しました。 フェルト生地の製造販売からはじまり、これまで地域との繋がりを大切にしながら事業活動をしてきました。 この度、わたし達が生まれ育った「日暮里の価値を高めたい」という思いからこのプロジェクトはスタートしました。 価値の高い街とは安心して子育てできる街だと思います。また安心して子育てできる街は、誰もが安心して暮らせる街だと思うのです。 地域の皆様の日常に寄り添った心地よい場所になればと願っています。 「家族団らんをつくるパン」をあいことばに。 小さなお子さまからおじいちゃん・おばあちゃんまで、みんながおいしく食べられるパンを取り揃えています。 毎日食べても飽きない定番の食パンやバゲットだけでなく、個性豊かな惣菜パンや菓子パンがたくさん。 きっと新しいおいしさに出会えます。

俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサイズを意識して決める人が半数以上を占めていた。 アンケート結果を抜きにしても「2021 年のブレイクポイント決定版はこれだ！」的な記事がバズっているのを定期的に目撃し、主流のデバイスのサイズを比較するアプローチがほとんどであるが、僕はデバイスの端末のサイズを基準にブレイクポイントを決めることには否定的である。 主流のデバイスのサイズなんてものは時間が経てば変化する。 昨年 iPhone 12 が発表された時に従来の画面サイズとは違うバリエーションになることが分かるやいなやタイムラインが慌てふためい

transformプロパティの値でcalc関数を使用するとIE9～IE11では効かない現象が発生します。

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちはお久しぶりです。Web標準黒帯（ヤフー内のスキル任命制度）の岡部和昌（@kzms2）と申します。 今回の記事はありがちな「たくさんの良さげなCSSのプロパティなどを羅列してひたすらまとめる」だけではなく以下の考えのもと、まとめた記事です。 岡部が「使うケースがある・覚えておくべき」と感じたオススメできる、または有用と判断したCSS 可能な限り2020年からブラウザに実装された、またはこれから実装されるCSS 比較的新しいまたはあまり使われている印象がないCSS 実際のコードや挙動、対応ブラウザを掲載 自分目線でみたコメントや使えそうな場面をできる限り丁寧に説明 つまり2020年に実装されたものを中心に、有益でオススメでき

以下で、テキストと画像での解説をしています。 調整レイヤーってなに？ 調整レイヤーは色調補正を行う時に使う機能の一つです。 そのメリットは、 元の画像を変えることなく色調補正できる何度でも設定を変更できるラスター画像やベクター画像、シェイプ、グループなど様々なものに適用できるレイヤーなので、通常のレイヤー操作（移動・複製・削除、表示／非表示、不透明度の設定、レイヤーマスクなど）ができる など多くのメリットがあり、非常に便利な機能です。 調整レイヤーを使ってみよう！ 調整レイヤーを使うには、まず、レイヤーパネル下部の［塗りつぶしまたは調整レイヤーを新規作成］ボタンをクリックします。

どうも、たっくん（@wakutakublog）です。 今回はWordPressテーマ『SnowMonkey』をカスタマイズして、お洒落なWEBサイトを作っていきます。 こちらが完成イメージ↓（クリックで拡大表示できます） 『Snow Monkey』はかなり使い勝手のいいWordPressテーマで「少しでも多くの人に広まるといいな…」と思ったので、知識がなくても同じサイトを作れるよう、カスタマイズに使うCSSはコピペ可能にしておきました。 たっくんぜひ一緒に作りましょう…！ ※ 動画を見ながら進めたい方はこちらの「再生リスト」をご覧ください↓ ※ WordPress環境をまだ用意していない方は、『 Local by Flywheel 』でWordPressローカル環境を作って初期設定をしよう を参考に環境構築をしておきましょう。 あわせて読みたい『 Local by Flywheel 』でW