Geeklog tips

ようこそ! IVY SOHO, Anonymous 日曜日, 11月 30 2025 @ 08:00 am JST

Geeklog DEBUG究極の方法

  • 土曜日, 11月 29 2025 @ 09:46 am JST
  • 投稿者:
  • 表示回数 8
Geeklog Geeklog DEBUG究極の方法は、ChatGPTにたとえばSQLエラーをそのままペーストして聞きましょう。

SSL non-SSL 両方で表示する

  • 土曜日, 11月 29 2025 @ 09:43 am JST
  • 投稿者:
  • 表示回数 8
Geeklog

たとえば移行時、SSLがあたるまではnon-SSLとなりますが、non-SSLでもサイトが表示エラーを起こさないようにするためにはsiteconfig.phpに以下を追加します。 

// SSL判定

function is_ssl() {
    // Xserver は SSL 時に $_SERVER['HTTPS'] = 'on' が入る
    if (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') {
        return true;
    }

    // 念のため 443 ポートもチェック
    if (isset($_SERVER['SERVER_PORT']) && $_SERVER['SERVER_PORT'] == 443) {
        return true;
    }

    return false;
}

// 今のアクセスが SSL かどうか
$scheme = is_ssl() ? 'https://' : 'http://';

// 先頭の http:// or https:// を削って、現スキームを付け直す
$_CONF_FCK['site_url'] = $scheme . preg_replace('#^https?://#', '', $_CONF_FCK['site_url']);
$_CONF_FCK['site_admin_url'] = $scheme . preg_replace('#^https?://#', '', $_CONF_FCK['site_admin_url']);

UIkitカスタマイズ　uk-hidden@xs, uk-visible@xs を追加する

  • 水曜日, 12月 08 2021 @ 05:59 pm JST
  • 投稿者:
  • 表示回数 7,861
OSS UIkitでuk-hidden@xs, uk-visible@xs を追加すると便利です。

[code]
/* iPhone 5 landscape and bigger */
@media (min-width: 375px) {
.uk-hidden¥@xs {
display: none !important;
}
}
/* iPhone 5 portrait and smaller */
@media (max-width: 374px) {
.uk-visible¥@xs {
display: none !important;
}
}
[/code]

Jitsi Meetのカスタマイズ

  • 日曜日, 3月 21 2021 @ 12:55 pm JST
  • 投稿者:
  • 表示回数 12,155
OSS Zoomをオープンソースで実現するJitsi Meetをさくらのクラウドのインストールスクリプトでインストールした場合のカスタマイズについての覚書です。

公開path:
/usr/share/jitsi-meet

log:
/var/log/jitsi/jicofo.log

録画機能は、Chromeの拡張機能を使えばよく、わざわざJitsiサーバー側で録画するプログラムを追加する必要はないのでメニューから消したほうが良いです。消す方法は、

/etc/jitsi/meet/〜.js
以下がコメントアウトされていますがそれを外します。
RecordingのfileRecordingsEnabled: false

MailtoUI の日本語化

  • 金曜日, 12月 25 2020 @ 11:32 pm JST
  • 投稿者:
  • 表示回数 6,702
Diary

メールへのリンクには、class="mailtoui" を追加します。

MailtoUIの日本語化は以下のようにオプションを追加します。

<a class="mailtoui" href="mailto:xxx@xxxx.com">お問い合わせ</a>
<script src="https://cdn.jsdelivr.net/npm/mailtoui@1.0.3/dist/mailtoui-min.js"  data-options='{ "title":"メールを開く方法を選んでください", "buttonText1": "Gmailをブラウザーで開く", "buttonText2": "Outlookをブラウザーで開く", "buttonText3": "Yahooをブラウザーで開く", "buttonText4": "デフォルトのメーラーで開く" , "buttonTextCopy": "コピー" }'></script>

MailtoUIのDEMO

【jQuery】スクロールして可視範囲に入ったら下線を引くアニメーションの作り方

  • 土曜日, 7月 25 2020 @ 05:47 pm JST
  • 投稿者:
  • 表示回数 11,181
Geeklog

【jQuery】スクロールして可視範囲に入ったら下線を引くアニメーションの作り方

参考サイト:
https://yuyauver98.me/scroll-visible-range-underline-animation/

Geeklogで活用するには以下のように自動タグで利用します。

html 

<p>[text-scroll-underline:pink ピンクの事例]</p>
<p>[text-scroll-underline:yellow 黄色の事例]</p>
<p>[text-scroll-underline: ブルーの事例]</p>
css 

.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 0%;
  height: 8px;
  background: #dfdfff;
  z-index: -1;
  transition: all 0.8s;
}
.Text-Span.isActive:after {
  width: 100%;
}
.Text-Span-pink:after {
  background: #FFDFEF;
}
.Text-Span-yellow:after {
  background: #ffffbc;
}
Javascript追加 

$(window).on('scroll',function(){

  $(".JS_ScrollAnimationItem").each(function(){
    var position = $(this).offset().top;
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll > position - windowHeight + 100 ){
      $(this).addClass('isActive');
    }
  });

 });
自動タグ: text-scroll-underline 
<span class="Text-Span Text-Span-#1 JS_ScrollAnimationItem">#2</span></p>

リンクとアンダーライン

  • 金曜日, 7月 24 2020 @ 05:02 pm JST
  • 投稿者:
  • 表示回数 11,867
Geeklog

自動タグ:[ a-blue:/ pink pink pink ]:
[a-blue:https://www.papalagi.co.jp/ blue blue blue]

自動タグ:[ a-pink:/ pink pink pink ]:
[a-pink:/ pink pink pink]

自動タグ:[ a-yellow:https://www.papalagi.co.jp/ yellow yellow yellow ]:
[a-yellow:https://www.papalagi.co.jp/ yellow yellow yellow]

自動タグ

a-blue: 

<a href="#1" class="underline-leftinright underline-height-3px">#2</a>
a-pink: 

<a href="#1" class="underline-leftinright underline-color-pink underline-height-3px">#2</a>
a-yellow: 

<a href="#1" class="underline-leftinright underline-color-yellow underline-height-3px">#2</a>

cssの例: https://www.ivysoho.net/layout/modern_geek/css/underline.css

参考サイト: https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html

WEB会議システムのオープンソース Jitsi（ジッツィ）

  • 日曜日, 7月 19 2020 @ 11:09 pm JST
  • 投稿者:
  • 表示回数 5,090
OSS WEB会議システムのオープンソース Jitsi（ジッツィ）があります。

コミュニティーは無料で利用できます。
https://meet.jit.si/

さくらのクラウドでスタートアップスクリプトが用意されています。
https://cloud-news.sakura.ad.jp/2020/...jitsimeet/

導入過程：
https://qiita.com/mshigefuji/items/40...3bb354bd44

https://qiita.com/zembutsu/items/a50c...b501caf6c4

録画機能はJitsiのプラグインを入れるのではなく、Chromeの録画機能で用を足しますので、Jitsiから録画コマンドを削除します。

/etc/jitsi/meet/〜.js
Recordingの
fileRecordingsEnabled: true,
をfalseにします。

EPUBをWEBで表示するオープンソース Bibi

  • 日曜日, 7月 19 2020 @ 11:07 pm JST
  • 投稿者:
  • 表示回数 5,180
Geeklog EPUBをWEBで表示するオープンソース Bibiがあります。
EPUB形式へは、MACのPagesなどでも書き出すことができます。

ダウンロード：
https://bibi.epub.link/

Bibiは特定のディレクトリに20弱のソースファイルをアップロードするだけで動くので、Weeblyでも動きます。

ページナビゲーション