[Simplicity]エントリーカードを独立したブロックにする

[Simplicity]エントリーカードを独立したブロックにする

当ブログで行なっているSimplicity2のカスタマイズについてお問い合わせがありましたため、まとめました。 PHPやCSSを理解している方向けです。 実施する場合はご自身の責任で、必ずバックアップを行なった上で作業してください。 ゴール Simplicityは わいひら さんが無償で公開されている素晴らしいWordP...

Vue.jsで実装したサイト「技術書 Yome」を公開しました

Vue.jsで実装したサイト「技術書 Yome」を公開しました

こんにちは。 tomita@atuwebです。 2017/5/15にIT系技術書のレビューサイト(予定)を公開いたしました。 技術書Yome(スモールスタート中) 技術書Yome ITエンジニアのための技術書レビューサイト(予定) 現在はびっくりするくらいスモールスタート中です。 というのは、会員登録もレビュー機...

AD

[Vue.js]フェードイン/フェードアウトを実装する

[Vue.js]フェードイン/フェードアウトを実装する

小ネタです。 トランジション Vue.jsでフェードイン/フェードアウトを実装するにはtransition(トランジション)を利用します。 トランジションとは画面遷移など「場面転換時の演出効果」を指し、ビデオ編集などでも使われる単語ですね。 Vue.jsでは簡単にトランジションを利用することができますよ。 Vu...

[Vue.js]Mixinで処理の共通化を図る

[Vue.js]Mixinで処理の共通化を図る

Vueの勉強が着々と進みmixinを覚えましたため、使い方をまとめます。 mixinとは mixinとはVue.jsが提供する「再利用のための仕組」みです。 公式から引用します。 ミックスイン (mixin) は、Vue コンポーネントに再利用可能で柔軟性のある機能を持たせるための方法です。 ミックスインオブ...

[WordPress]古いブログ記事にアラートを表示するプラグイン

[WordPress]古いブログ記事にアラートを表示するプラグイン

作成したWordPressプラグインのご紹介です。 これは何? 技術系ブログで時々目にする「この記事は1年以上前に公開されたため、情報が古い可能性があります」というアラートを出すためのプラグインです。 表示イメージ。 アラートを出すためのノウハウは散見されましたが、プラグイン形式のものは見受けらませんでしたため、手軽...

[Vue.js]BootstrapとVue.jsでイケてるフォームを実装する

[Vue.js]BootstrapとVue.jsでイケてるフォームを実装する

Bootstrapを利用してフォームを実装しましたため、v-modelやバリデートなどについてまとめます。 イケてるフォーム 初期状態です。 入力内容に不備がある入力欄はエラーとして赤字、赤枠で表示します。 また全ての不備が取り切れるまでSubmitボタンはdisabledとします。 何か入力し、エラーがなくなるとリ...

AD

[Vue.js]コンポーネントの親子連携を理解する

[Vue.js]コンポーネントの親子連携を理解する

Vue.jsを触って早数週間経過します。 最も理解に時間がかかったコンポーネントの連携についてまとめてみます。 理解が怪しいところはマサカリをお願いいたします。 ゴール 子コンポーネントから親コンポーネントの関数を呼び出す 環境 Node.js 7.7.1 npm 4.4.2 Vue.js 2.2.4 prop...

jQueryで頑張ってしまったことを猛省してLaravel MixでVue.jsを勉強した

jQueryで頑張ってしまったことを猛省してLaravel MixでVue.jsを勉強した

豆乳とコストコのマフィンが好きなtomita@atuwebです。 この数年、たいへんなスピードでフロントエンド開発技術が発展しておりますね。 私はバックエンド開発が続いていたことを言い訳に、直近の小規模なWebツール開発をjQueryで頑張ってしまったため、次は同じ轍を踏まない ためにVue.jsを勉強してみました。 jQ...

[Simplicity]CSSを更新したのにすぐ反映されない場合の対処法

[Simplicity]CSSを更新したのにすぐ反映されない場合の対処法

「CSSを更新したのにすぐに反映されない」というのはWebデザイナさんなら一度は経験されていると思います。 当ブログで利用しておりますSimplicity2でも同様のことがあり、「<link>タグに文字列を付加してキャッシュが切り替わるようにする」という定番の対処をおこないました。 その手順をまとめます。 確...

おすすめ記事