html

htmlに関するすたっく

mermaidのガントチャートで休日と祝日を考慮して表示する方法
html

mermaidのガントチャートで休日と祝日を考慮して表示する方法

問題 mermaidでガントチャートを表示したとき、休日や祝日が考慮されないスケジュールになってしまう \```mermaid gantt title dev schedule(休日祝日なし設定) dateFormat YYYY-MM-DD axisFormat %m/%d section HTML 設計&開発ドキュメント作成: design_and_doc, 2020-04-13, 3d section Migration 設計: desgin_migration, after

  • zienchan
    zienchan
stylusでpx同士などを演算した結果の単位を除去する方法
html

stylusでpx同士などを演算した結果の単位を除去する方法

問題 下記の様に、font-sizeとline-heightをpxを含む変数で定義しているとき、中央寄せにするための適切なline-heightを求めると単位pxが含まれて倍率指定ができない default_font_size_px = 16px default_line_height_px = 32px .sample font-size default_font_size_px line-height (default_line_height_px / default_font_size_px) この結果は当然単位pxを含むので、

  • zienchan
    zienchan
Vue Devtoolsで"Vue.js not detected"になる問題
html

Vue Devtoolsで"Vue.js not detected"になる問題

現象 vueのデバッグのためにchrome拡張を導入したが, "Vue.js not detected"と表示されローカルファイルのデバッグができない なおwebpackを使用してバンドル化しており,modeはもちろんdevelopmentとしている 原因 あれこれ悩んだ結果わかったのはローカル環境(fileプロトコル)で開発していたのが原因だったっぽい chrome側でプラグインからローカルファイルへアクセスをするのを遮断しているようだ 対処 ファイルのURLへのアクセスを許可するをONにしてやればよい

  • zienchan
    zienchan
WordPressでテーマ適用時に初期コンテンツを自動的に登録する方法
wordpress

WordPressでテーマ適用時に初期コンテンツを自動的に登録する方法

目的 カスタムテーマを適用すると同時に、必要な固定ページなどを一括で登録する 背景 企業向けサイトを作成するときに、いつでもコンテンツをリセットできるような環境を作りたいから 他の環境に移行するなどしたときでも簡単にセットアップできるようにしたいから 解決策 1. 初期コンテンツの作成 下記のようにテーマディレクトリの下にinitializeディレクトリ配下に初期コンテンツを配置する mytheme/initialize/index.page.html mytheme/initialize/contact.page.html mytheme/initialize/form.wpcf7_contact_form.html ... ここではタイトルとページ情報(固定なのかcontact-formなのか)

  • zienchan
    zienchan
Googleのマテリアルアイコンセットを使う
android

Googleのマテリアルアイコンセットを使う

アプリケーションを開発しているとなにかと困るアイコンですが、Googleが提供しているオープンソースなマテリアルデザインのアイコンを使うと捗るよというお話 目的 ソフトウェア開発で使うかっちょいいアイコンリソースが欲しい 解決策 GoogleのMaterial design iconsを使う どんなのがあるのか? GoogleのMaterial design iconsを参照するとリストが表示される ライセンスは? Apache License Version 2.0なので使いやすい 色を変更したいんだが白と黒しかないの? git clone https://github.com/google/material-design-icons して、SVGとかベクトル形式のものを動的に変更するなり変換してやればOK それ以外だとAndroid 5.

  • zienchan
    zienchan
WebViewで表示されるHTMLをネイティブっぽく振る舞う方法
html

WebViewで表示されるHTMLをネイティブっぽく振る舞う方法

AndroidやiOSアプリケーション内でWebViewまたはUIWebViewを使用してHTMLをレンダリングしたいことがあります しかしハイブリッドアプリ(HTMLとネイティブの混合アプリ)の場合は何も考えずにやるのはUI/UX的によろしくないことになってしまうかもしれません 目的 何も考えずにWebViewにHTMLを表示してしまうと表示が崩れたり、画面内でコピーや選択、拡大縮小が可能だったり、リンクタップ時の画面遷移の仕方がネイティブ画面(Java/Swift/objective-c実装)の実装と異なるなどアプリケーションの操作に一貫性がなくなってしまうことが考えられます 今回はこれらを何とかする方法をまとめます 対応プラットフォーム iOS、Androidとしますが、PCでも大丈夫です ※後述するコールバック用のプロトコル実装がPCの場合はないので、アプリからの表示かどうかの識別は必要です iOSは8以降、Androidは2.3系以降を対象とします 課題 たかだかHTMLをアプリで表示するだけでも考えなければいけないことは沢山あったりします HTMLがフルスクリーン(横幅いっぱい)表示されない問題 拡大縮小できてしまう問題

  • zienchan
    zienchan