記録

経緯 slickスライダーを使用する機会がありましたが、ドットが表示されないエラーがありました。その際の対処方法です。 fontsが読み込めていない 結論から言うと、「fonts」フォルダが読み込めていなかったので、slick-t...

経緯 サイトトップのスライダーの設定を行なっていた所、スライドとメニューの間にわずかながら空白がある事を確認し、調査そして解決に至った為記録します。 解決方法 a{ line-height: 0px; } 結...

長らくadobeのcs6で運用していましたが、体験版のadobeのccを使った所、画像の切り出し方が便利だなと感じ、購入する事にしました。購入にあたり気づいた点をメモ。 adobeのphotoshopの購入プランは主に2種類ある。...

親要素に次を設定する事で、複数の要素の高さを合わせる事ができます。 display:flex; flexboxの幅には次で調整する事が可能です。 flex-basis: 100%;

経緯 先日MacでDockの裏に文字が隠れて見えない事がありました。そんな時にDockの表示を切り替える方法を紹介。 設定方法 Macの画面>左上のリンゴマーク>システム環境設定>Dock ここからDockの設定が可能となります...

figma 無料のUXデザインツールです。操作感も直感的で分かりやすく、adobe系の操作が可能な方なら割とすんなり馴染める画面構成になっています。 figmaは他作業者とデザインを共有し易い作りになっており、チームで作業する際に、...

昨今より、自動運転技術などAIの話題が増加しています。現在気になったニュースを紹介。 現在AIを導入している企業は20%以下との事。今後AIが段々と進展する事が予想されます。 プログラミング不要 MatrixFlow プログラミン...

CSSの幅や高さを取得する際に、スマートフォン端末の画面幅や高さを取得できる関数が用意されています。 業務ではスマートフォン向けの環境にて設定を行う事があります。通常ではpxや%で高さや幅を指定しますが、状況によってはvhやvwが楽な事が...

CSSの指定方法メモ。 間接 .test ~ .test2 {} 直下 .test > .test_child {} 隣接 .test + .test2{}

ネットショップ・通販サイトのBASEのテーマでカテゴリーが存在するのか判定するタグをメモします。 {block:IndexPageCategory} トップページのカテゴリがある {block:NoIndexPageCate...

サイト制作をイメージする際に、アイコンとしてキャッチーなトップ画像が欲しい場合があります。 そんな時にこのサイトはおすすめです。 無料・フリー素材系 写真系なら写真ACやぱくたそで大体手に入る感じです。 イラストや絵なら、商用に...

ファイル変更が競合している可能性があり、他に方法を試しても改善しなかった場合。一度ローカルの作業フォルダを削除して、改めて最新のデータをクローンする事でエラーが解消しました。メモ。

ブランチの画面で、切り替えたいブランチをダブルクリックする事で、現在のブランチを切り替える事ができます。 作業メモ。

Visual Studioとbitbucketを連携させる為の方法メモ。 Macにインストールしてみた 当方はMac環境がメインであったので、 Visual Studioの無料のMac版をダウンロードし、bitbucketへの連携...

以前Figmaについて触った事があり、UIツールを作成するには無料で、Sketchのような形で作成できるので、使いやすいと感じていました。 Figmaの強みは作成したデザインデータを他のエンジニアにもシェア・共有し易い点であると評判が...

onsen uiフレームワークを使い、開発を行う中で、画面内のアイコン設定を行う時があります。 その際にどのアイコンへ設定するか選ぶ際に参考にしているサイトを紹介します。 Ionic - Icons 参考先は、Ionicの...

framework7のフレームワークを使い、アプリ開発をしていた際に、クリックイベント時に、2回アラートが表示される現象を確認。 これの解決方法は以下となった。 popup-close ボタンにpopup-closeのクラスを付ける事...

onsen uiについて、設定コードの一覧ページのメモ。 このページに一通り設定コードの対応と簡単なサンプルが掲載されている。 これを適時確認しながら開発を進めて行くことになる。

monaca環境でVue.js＋framework7を使用する中で、次の事に気づいた。 Vue Router が使用できないのではないかと。 Vue Routerがある事でページ遷移時のデータの受け渡しとかが行い易くなる事はこれま...

Wordperssへメディアを追加する際に次のエラーを確認しました。 アップロードサイズ上限を超えています pngの画像を10MBを超えるサイズでアップロードしようとしましたが、上記の警告により追加されませんでした。 今回はpng...