Discover amazing ML apps made by the community
Stable Diffusion 2-1 - a Hugging Face Space by stabilityai
Discover amazing ML apps made by the community
【画像で解説】Google Analytics 4（GA4）とは？基本的な導入設定と使い方を紹介 | サクラサクのSEO【SEO対策・コンテンツ制作なら】 あっ！サクラサクに相談しよう
2020年10月にGoogle Analytics 4（GA4）が正式公開され、2023年7月をもって従来のユニバーサルアナリティクスのデータ取得とサポートが終了しました。 GA4は、ユーザーの検索手段の多様化を踏まえ、測定ツールの将来を見据えて刷新されています。そのため、ユニバーサルアナリティクスに比べ、詳細かつ高度なデータ分析が行なえるようになりました。自社サイトの改善や向上のためにも、GA4の導入は必須といえるでしょう。 この記事では、GA4の基本仕様と導入方法のほか、初期設定や分析レポートの作り方などについて詳しく解説します。 GA4の導入方法や使い方を理解したい方は、ぜひ最後までお読みください。 サクラサクラボのYouTubeチャンネル、サクラサクラボチャンネルではGoogle Analytics 4（GA4）の最新活用方法を動画で解説しています。 ぜひ動画をチェックしてみてくだ
2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以前の版からいろいろと変更されています。 2016年版: head内に記述する要素の総まとめ 2018年版: head内に記述する要素の総まとめ head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記
Webページのレイアウトに役立つ20のデザインテクニック
ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ
最新版で学ぶwebpack 5入門 - JavaScriptのモジュールバンドラ - ICS MEDIA
webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ
CSS変数（カスタムプロパティ）の優れた使い方、コンポーネントのバリエーションを実装するのに役立つ
CSS変数（カスタムプロパティ）は、文字通りCSSで変数が使用できるので非常に便利です。CSS変数の使い方でよく聞くのはカラーですが、それ以外にもさまざまな優れた使い方があります。 WebサイトやスマホアプリのUIで、特にコンポーネントのバリエーションを実装するのに役立つCSS変数の使い方を紹介します。 Practical Use Cases For CSS Variables by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS変数を活用できてない例 CSS変数の優れた使い方 1: ロングハンドのプロパティ CSS変数の優れた使い方 2: 背景 CSS変数の優れた使い方 3: グラデーション CSS変数の優れた使い方 4: クリップパス CSS変数の優れた使い方 5: チェックボッ
大幅にリニューアルされた Next.js のチュートリアルをどこよりも早く全編和訳しました - Qiita
数日前（4/21頃）に Next.js のチュートリアルが一新されました。 Next.js は 3 月頭に ver 9.3 がリリースされ、ビルド時に静的に HTML を生成する関数などが追加されるなど、今までよりもかなりパワフルになり、いわゆる JAMstack と呼ばれるようなアプリケーションを作りやすくなりました。 そのバージョンアップに対応するかたちで、チュートリアルも大幅に書き直されました。 参考（開発チームの @chibicode さんのツイッター） Next.jsの公式チュートリアルを最新版に沿ってゼロから書き直しました! 🎓英語ですが初心者向けです! ⚛️最近導入されたgetStaticProps等の関数や、 🎨CSS Modulesの解説をしています! 🗣ブログを作りながら学びます 🤗ご感想お待ちしております!https://t.co/R4j9vpAQoc — S
WordPressでスクリプトファイルを読み込むときはwp_enqueue_script関数を使う | 埼玉のWebコンサルタント ColdSleep Works
例：jQueryのスライダー（jquery.bxSlider.min.js）を使うとき function my_scripts_method() { wp_enqueue_script('bxSlider', get_settings('site_url').'/wp-content/themes/your-theme/js/jquery.bxslider.min.js', array('jquery'), '4.1.2', true); add_action( 'wp_enqueue_scripts', 'my_scripts_method' ); 複数のスクリプトを読み込むときはwp_enqueue_script()を併記します。 WordPress本体とは違うバージョンのjQueryを指定したいとき WordPress本体に含まれるjQueryのバージョンはバージョンアップとともに変
【知識】WordPressの画像のパスの書き方教えて(投稿、固定ページ、テーマファイル) | わかるWeb
WordPressで管理する画像へのパスって何？ WordPressで画像を管理するフォルダ WordPressのサイトで使われる画像は、主に以下の2つのフォルダ（ディレクトリ）で管理されます。 WordPressにあるメディアフォルダ（/wp-content/uploadsフォルダ） テーマフォルダの中の任意の画像フォルダ 投稿や固定ページなどで画像を使いたい場合には、「1.メディアフォルダ」にアップロード（保存）することが一般的です。 その理由は、以下の通りです。 「メディア」には、パソコン上の画像をWordPressの機能で簡単にアップロードすることができる 「メディア」にアップロードした画像は、WordPressが認識できる（WordPressが認識できると、投稿や固定ページなどで、すぐに使用することができる） 「メディア」にアップロードした画像は、WordPress上で簡単な編集
テーマにJavaScript（jsファイル）を正しい方法で読み込む
たとえば、jsフォルダに保存されたmain.jsというスクリプトファイルを読み込むには、functions.phpに次のように記載します。 function twpp_enqueue_scripts() { wp_enqueue_script( 'main-script', get_template_directory_uri() . '/js/main.js' ); } add_action( 'wp_enqueue_scripts', 'twpp_enqueue_scripts' );wp_enqueue_script()の第1引数にはスクリプトの名前を、第2引数にはjsファイルまでのURLを渡します。get_template_directory_uri()はテーマのディレクトリまでのURLを返す関数です。 これにより、<head>タグ内に次のようなコードが出力されます。 <scrip
HTML, CSS and JavaScript playground - Liveweave
Initializing Liveweave Web expand_more home Home data_object CSS Explorer arrow_outward Palette Color Explorer arrow_outward Polyline Graphics Editor arrow_outward outbox_alt Generative AI arrow_outward frame_source Python Playground New arrow_outward build Tools expand_more restart_alt Load "Hello Weaver!" post_add Generate Lorem ipsum... code Format HTML code_blocks Format CSS data_object Format
CSSのclip-pathプロパティでいろいろ簡単に実装できる、便利な使い方と実装のポイント
CSSのclip-pathプロパティは、非常に便利です。 セクションの区切りを斜めにしたり、ボタンに波紋のエフェクトをつけたり、スクロールして要素がビューポートに入った時にアニメーションで表示されたり、最近のWebページやスマホアプリで見かけるエフェクトはclip-pathプロパティを使用すると、簡単に実装できます。 clip-pathプロパティの基礎知識と便利な使い方、実装のポイントなどを詳しく解説します。 Understanding Clip Path in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに clip-pathプロパティにおける座標 clip-pathプロパティに使用できる値 clip-pathプロパティを使用した実装 終わりに はじめに clip-pathプ
#nav=-5.16,83.42,300,0,0,0,0&sel=p:;h:;s:1019;c:-0.6;o:-0.75&layers=0,0,9460,5676,0,0,10000,0,0,0,0
ZygoteBody™ & 3D data © 2012-2017 Zygote Media Group, Inc. Quick guide Navigation Click+drag with the mouse to rotate, scroll to zoom. Or use the buttons in the upper left. The Home button resets the view. Change from Capsule to Orbit mode in the upper right to enable full 3d rotation and hold Ctrl down to pan the view. (Premium users only) Slider Use the opacity slider on the left to reveal layer
Laravel - ウェブ職人のためのPHPフレームワーク
ウェブ職人のためのPHPフレームワーク。 PHPに支障はありません。楽しくコーディングし、新しい息吹を楽しんでください。 RESTful ルーティング あなたの適用へのリクエストに応えるために簡単なクロージャーを使って下さい。 コマンド Your Data 素晴らしい Eloquent ORM と 素晴らしいマイグレーションシステムを完備しています。 美しいテンプレート 在来の PHP 、もしくは軽量の Blade テンプレート・エンジンを使用してください。Blade を好きになるでしょう。 明日の準備 Laravel は、いろいろな規模のプロジェクトに対応します。 実績のある土台 Laravel は Symfony コンポーネントの上に構築されます。 Composer で動く Composer はあなたの適用のサードパッケージを管理する、驚くべきツールです。 最高のコミュニティ Lara
IT起業家・フリーランスを支える itpropartners.com
起業や自社サービスの立ち上げ時、 一定の収入を確保したい。 受託案件の余りの時間を活用して、 もっと収入をあげたい。 トレンド技術を使って、 新しいサービスの開発をしたい。 2022 年 7 月期_ブランドのイメージ調査 調査機関:日本マーケティングリサーチ機構 調査内容： (1) 経営者がおすすめする IT フリーランスエージェント No.1 ※1 (2) IT フリーランス支持率 No.1 ※2 調査期間:2022 年 6 月 27 日~2022 年 7 月 11 日(※1、2) n 数:128(※1)、116(※2)/調査方法:Web アンケート 調査対象者:https://jmro.co.jp/r01278/ 備考:本調査は個人のブランドに対するイメージを元にアンケートを実施し集計しております 本ブランドの利用有無は聴取しておりません/効果効能等や優位性を保証するものではございませ
Workship（ワークシップ） | フリーランス・副業向けマッチングサービス
アカウントを作成する このサイトはreCAPTCHAとGoogleによって保護されています。 プライバシーポリシーと 利用規約が適用されます。
JQueryをVanilla JSに緩やかに置き換える - Qiita
元々JQueryを多用していた物をVanilla JS（普通のJavascript)に徐々に書き換えていくポイントメモ的な物と関連記事を集めてきたもの。 書き換えの前提 時間がある時に、ちょっとずつ変えていく。一気に変更しない。 普通のJavascriptであれば５年以上は持ちそう。XMLHttpRequestなんて２０年前からある。 JQueryを無理に無くそうとはしない。JQueryじゃなくても良いところを書き換えていく。(ただしJQuery1.xは脆弱性があるので3.xにする） 中途半端に変えるとわかりにくくなる場合もある。時間と人に余裕があるなら最初から作り直すことも考える。 そのままでIE11でも動くようにする。Babelの使用までは考えない。 なるべく自力で書き換える場合の例なので、実際はある程度共通化したり、ライブラリ等を活用した方が良いかもしれない。 ブラウザによって未対応
【脱jQuery！】ネイティブなJavaScript（Vanilla JS）への書き換え方まとめ | WEMO
【脱jQuery！】ネイティブなJavaScript（Vanilla JS）への書き換え方まとめ 2019 12/15 最近では脱jQueryの流れがきている、という情報を目にしてさっそく脱jQueryしてみることに。 ...と思ったのですが、いざやってみるとかなり苦労しました。 なので、今回はその備忘録としてjQueryからネイティブJS（Vanilla JS）への書き換え方をまとめていこうと思います。 というか、本当に脱jQueryしたほうがいいの？ ということは一旦置いておいて、好奇心の赴くままにやっていきましょう。 ちなみに、『Vanilla JS』というのはフレームワークとかの名前ではなく、ただのJavaScriptのことです。 ※ 書きかけの部分やら中途半端なもありますが、ご了承ください。
印鑑透過 | 無料で簡単 パソコンで使いやすいハンコの画像
オンラインでハンコ？ もう令和だというのに、いまだに世の中から印鑑・ハンコがなくならないですね。このページのアクセス数が増え続けていてびっくりです。 ハンコ業界がロビーイング(政治家への働きかけ)をして、ハンコ業界の生き残りを謀っているそうで、ハンコをいつまでも生きながらえさせたい方々がいるようです。 とはいえ、いくら時代の流れに抵抗したとしても、時間は逆に戻りません。 世界的に、契約は「スマートコントラクト(Smart Contract)」で行う事が一般的になってきています。 Smart Contract は、べつに「印鑑が担っていた保証をシステムが担う」という単純なものではありません。 (多少乱暴に説明すると)コスト・リスクの低い「契約の雛形」が提供され、皆がそれを使って契約をする……というものです。 この雛形はシステムで管理されているので、仕組み上この雛形を逸脱した契約は出来ません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
connpass - 人をつなぐIT勉強会・イベント支援サイト
