開発ブログ - 株式会社オンズ

カテゴリー "開発ブログ" を表示中：653件

【JavaScript】ビューポートに入った要素をアニメーション表示する［Animon］の使い方

Entry Description

2021年10月17日 2021年10月18日

開発ブログ

JavaScript

1776文字：約3分

issei 株式会社オンズ

ブラウザのビューポートに要素が入ったことを検知して、アニメーションで表示させるJavaScriptライブラリ［Animon］の使い方を紹介します。 JavaScriptファイルの容量はなんと「0.75kB」と超軽量。仕組みは、Googleも推奨している Intersection Observer を利用してDOM要素... 【JavaScript】ビューポートに入った要素をアニメーション表示する［Animon］の使い方続きを読む →
【WordPress Plugin】Advanced Custom Fields で作成したカスタムフィールドを検索対象に含める方法

Entry Description

2021年10月12日 2021年10月14日

開発ブログ

WordPress Plugins

1055文字：約2分

issei 株式会社オンズ

ワードプレスの［Advanced Custom Fields］で作成したカスタムフィールドを検索対象に含めたいとき、これまでは［Search Everything］というプラグインが有効でした。しかしこの［Search Everything］は最近ではまったく更新されておらず、最新版のWordPressに対応していま... 【WordPress Plugin】Advanced Custom Fields で作成したカスタムフィールドを検索対象に含める方法続きを読む →
【CSS】テキストを透明にする4つの方法

Entry Description

2021年10月9日 2021年10月9日

開発ブログ

CSS

839文字：約2分

onze 株式会社オンズ

文字の色を透明にして見えなくする方法を4つ紹介します。 opacityを使ういちばん簡単で、最初に思いつくのは「opacity:0;」を指定する方法です。 .sample { opacity:0; } opacityの値は0〜1の間で指定し、「0」が完全に透明、「1」が完全に不透明な状態になります。 transpar... 【CSS】テキストを透明にする4つの方法続きを読む →
【WordPress Plugins】Advanced Custom Fields の Wysiwyg 出力時の「p」と「br」を無効にする方法

Entry Description

2021年10月5日 2021年10月5日

開発ブログ

WordPress Plugins

681文字：約2分

issei 株式会社オンズ

ワードプレスでカスタムフィールドを扱うときは100%ほぼ必ず「Advanced Custom Fields」を使っています。 Advanced Custom Fields その［Advanced Custom Fields］で「フィールドタイプ：Wysiwyg エディタ」を指定できます。ちなみに「Wysiwyg」は「... 【WordPress Plugins】Advanced Custom Fields の Wysiwyg 出力時の「p」と「br」を無効にする方法続きを読む →
こんなウェブ系フリーランスには仕事を任せられない！

Entry Description

2021年10月4日 2021年10月7日

開発ブログ

wisdom

7310文字：約13分

issei 株式会社オンズ

はじめにこんにちは。株式会社オンズの原一勢です。今日の記事はちょいと辛口です。はじめに次の質問に答えてみてください。「自分が住む家を作るとき、未経験の大工に任せられるか？」まず間違いなく、答えは「ノー」ですよね。ですが昨今、フリーランスという働き方に注目が集まり、その道に足を踏み入れ、素人同然にも関わらず「... こんなウェブ系フリーランスには仕事を任せられない！続きを読む →
【 jQuery】プラグイン無しで［Contact Form 7］にjQuery Datepicker（カレンダー機能）を追加する方法

Entry Description

2021年10月3日 2021年10月4日

開発ブログ

jQuery, WordPress Plugins

2087文字：約4分

onze 株式会社オンズ

ワードプレスプラグインの［Contact Form 7］使用時に、日付選択でカレンダー機能を追加する場合、4〜5年前までは［Contact Form 7 Datepicker］を利用するケースがほとんどでした。しかしながら［Contact Form 7 Datepicker］はクロスサイトスクリプティング（XSS）の... 【 jQuery】プラグイン無しで［Contact Form 7］にjQuery Datepicker（カレンダー機能）を追加する方法続きを読む →
【2021年最新版】国内のWebデザインのギャラリーサイト × 11選

Entry Description

2021年9月30日 2021年10月8日

開発ブログ

Design

1349文字：約3分

onze 株式会社オンズ

株式会社オンズのデザイナーも頻繁にチェックしている国内のWebデザインのギャラリーサイトを11個ご紹介します。 Responsive Web Design JP 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト Responsive Web Design JP : http://responsive-... 【2021年最新版】国内のWebデザインのギャラリーサイト × 11選続きを読む →
株式会社オンズのオフィスのアイソメトリック・イラスト

Entry Description

2021年9月27日 2021年10月10日

開発ブログ

Design, NEWS

1854文字：約4分

onze 株式会社オンズ

最近、弊社ではアイソメトリック・イラストの制作に力を入れています。アイソメトリックとは、簡単に言えば対象物をななめ上から見下ろした画像です。正確には「アイソメトリック・プロジェクトション（Isometric Projection）」を略した言葉で、日本語では「等角投影法」といわれる立体の製図法です。今回ここで紹介... 株式会社オンズのオフィスのアイソメトリック・イラスト続きを読む →
初心者ウェブクリエイターの方々に「動くWebデザインアイディア帳」をオススメします

Entry Description

2021年9月20日 2021年9月20日

開発ブログ

book, CSS, JavaScript, jQuery, wisdom

1620文字：約3分

issei 株式会社オンズ

「ウェブサイトのアニメーションの基礎を網羅している書籍がほしい」そんな想いを抱く初心者ウェブクリエイターの方々に超絶オススメの書籍があります。『動くWebデザインアイディア帳』です。久保田涼子さんと杉山彰啓さんによる共著。とある場所で献本いただいたものを拝読したのですが、アニメーションの基礎と実践を、とても分か... 初心者ウェブクリエイターの方々に「動くWebデザインアイディア帳」をオススメします続きを読む →
【CSS】「::before」と「::after」疑似要素にCSSが効かないときの対処方法

Entry Description

2021年9月18日 2021年9月18日

開発ブログ

CSS

1511文字：約3分

issei 株式会社オンズ

CSSの「::before疑似要素」、「::after擬似要素」は様々な場面で使える便利な機能です。しかしながら、スタイルシートを記述している途中で「疑似要素が思ったように反映されない！」という状況にもしばしば遭遇すると思います。今日はそんなときに確認するべきチェックポイントを紹介します。 contentプロパティ... 【CSS】「::before」と「::after」疑似要素にCSSが効かないときの対処方法続きを読む →
【PHP】YouTubeチャンネルのRSSを取得してiframeの埋め込み形式で出力する方法

Entry Description

2021年9月17日 2021年9月18日

開発ブログ

PHP, YouTube

2210文字：約4分

issei 株式会社オンズ

今回はPHPを使ってYoutubeからRSS情報を取得して、iframeの埋め込み形式で出力する方法を紹介します。通常は埋め込みたいYouTube動画を選択して、ツールメニューの「共有」から「動画の埋め込み」のコードをコピーペーストで貼り付けますよね。この作業を自動で行い、最新のYouTube動画をWebページに貼... 【PHP】YouTubeチャンネルのRSSを取得してiframeの埋め込み形式で出力する方法続きを読む →
【WordPress】ダッシュボード（管理画面）に独自CSSや独自JavaScriptを読み込む方法

Entry Description

2021年9月16日 2021年9月17日

開発ブログ

WordPress

1571文字：約3分

issei 株式会社オンズ

ワードプレスの管理画面をカスタマイズする際、オリジナルのCSSとJavaScriptを読み込むことはほぼ必須です。そんなニーズに応えるために、ワードプレスのadmin_enqueue_scriptsアクションが使えます。ダッシュボードに独自CSSと独自JavaScriptを読み込む方法 function custo... 【WordPress】ダッシュボード（管理画面）に独自CSSや独自JavaScriptを読み込む方法続きを読む →
【WordPress】自動で読み込まれる mediaelement系のCSSとJavaScriptを削除する方法

Entry Description

2021年9月11日 2021年9月12日

開発ブログ

WordPress

2463文字：約5分

issei 株式会社オンズ

いつのバージョンからか。最近のワードプレスでは <?php wp_head(); ?> のときに「mediaelementplayer-legacy.min.css」と「wp-mediaelement.min.css」というスタイルシートが読み込まれる仕様になっています。また同じように JavaScrip... 【WordPress】自動で読み込まれる mediaelement系のCSSとJavaScriptを削除する方法続きを読む →
お知らせ

Entry Description

2021年9月3日 2021年9月21日

開発ブログ

NEWS

611文字：約2分

onze 株式会社オンズ

2021年9月1日：ブログサイトのデザインをリニューアルしました。株式会社オンズ - 開発ブログ：https://on-ze.com 2019年11月8日：メインのサイトを非同期通信（AJAX）に対応しました。株式会社オンズ - メインサイト：https://on-ze.com 2019年11月5日：制作実績... お知らせ続きを読む →
2021年度版。舞台［NARUTO-ナルト-］の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。

Entry Description

2021年9月2日 2021年9月21日

開発ブログ

ADS

645文字：約2分

issei 株式会社オンズ

ここで紹介するのも5度目！今回も、舞台［NARUTO -うずまきナルト物語-］の出演キャラクターのビジュアルが公開されました！めっちゃカッコいいので紹介していきます！公式サイト：http://www.naruto-stage.jp うずまきナルト中尾暢樹うちはサスケ佐藤流司春野サクラ伊藤優衣はた... 2021年度版。舞台［NARUTO-ナルト-］の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。続きを読む →
『西暦→和暦を変換するWordPressプラグイン』を作れなかった理由

Entry Description

2021年9月1日 2021年10月6日

開発ブログ

wisdom, WordPress Plugins

1982文字：約4分

onze 株式会社オンズ

2021年4月1日。エイプリルフールのネタで『西暦→和暦を変換するWordPressプラグイン』を作成し、公開しようと思ったのですが、途中で挫折した経緯を紹介します。まず今回、制作しようと考えていたプラグインは、令和や平成、昭和などよりももっと前の時代、具体的には江戸時代の「慶応（1865-1868）」から安土桃山... 『西暦→和暦を変換するWordPressプラグイン』を作れなかった理由続きを読む →

ONZE/BLOGオンズ開発ブログ

株式会社オンズのブログです