タグ

yuiに関するpoppenのブックマーク (6)

  • 無料でX(旧Twitter)・Facebook・Mastodonにまとめて投稿や予約投稿ができるオープンソースの「Mixpost」をセルフホストしてみた

    MixpostはXやFacebook、MastodonなどさまざまなSNSの複数のアカウントを一括で管理できるツールとのこと。同時投稿のほか時間を指定して投稿することも可能とのことなので、さっそくセルフホストして使ってみました。 Self-hosted, Open Source Social Media Management - Mixpost https://mixpost.app/ 公式サイトにアクセスし、「Get started」をクリック。 「Free」の欄に表示されている「Github」をクリックします。 Laravelアプリケーションに追加することも可能とのことですが、今回はスタンドアローンアプリ版を使用するので「use Composer to create this standalone app」をクリック。 さらに今回はDocker版を使用します。Docker版の詳細につい

    無料でX(旧Twitter)・Facebook・Mastodonにまとめて投稿や予約投稿ができるオープンソースの「Mixpost」をセルフホストしてみた
  • 【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Tooltip編 | パソコン | マイコミジャーナル

    新着記事一覧 三国志の世界をクイズで堪能! 『歴史アドベンチャー クイズ三国志通DS』 [00:00 9/29]  宮崎あおいが号泣! - 大河ドラマ『篤姫』がクランクアップ [18:05 9/28]  Firefox 3.0.3が公開 - パスワードを保存できなくなる問題を修正 [09:54 9/28]  アークの新ブランド展開、第一弾はDS向け『プリンセス☆オン☆アイス』 [07:30 9/28]  コーエー、RPG『Zill O'll 〜infinite〜』をPSP向けとして12/25に復活 [05:13 9/28]  『ハスラー』『明日に向かって撃て!』のポール・ニューマン、83歳で死去 [04:13 9/28]  無料で1TB! iPhoneに最適化されたオンラインストレージ『Oosah』 [21:18 9/27]  【レポート】今週の秋葉原情報 - 注目のIntel製品が登場、

  • Yahoo! UI を使った表示画面のソースコードを少し解説します - yuumi3のお仕事日記

    21,36,51行目の<div>はダイアログ用のフォームです。通常のHTMLのフォームからsubmitボタンを削除しただけです。 81〜95行目はテーブルに表示するJSON形式のデータ を作成する部分です。 98〜103行目は上で作った表にイベントハンドラーを定義する部分です。 105行目からは YUIコンポーネントの作成コードです。コンポーネントの大きさやボタン等の文字を定義しています。 106〜123行目は テーブルの作成 134〜162行目は ダイアログの作成 179〜196行目はツールチップのデータ取り込みと、ツールチップの作成Callback関数。サーバーから表示用文字列が送られてきた際に実行されます。文字列を受け取り、ツールチップを表示しています。 205〜220行目はツールチップ表示のイベントハンドラー。まだツールチップの表示文字列が取り込まれていなければ asyncRequ

    Yahoo! UI を使った表示画面のソースコードを少し解説します - yuumi3のお仕事日記
  • Yahoo! UI を使ったら困った現象発生! ・・・ やっと解決か? - yuumi3のお仕事日記

    Yahoo! UI を使うことでカッコ良い、画面が出来たのですが先週末の時点では困った問題がありました。 Tooltipに表示する内容はページを描画した時点ではまだブラウザー側にはなく、表示エリアにマウスが入った時点(mouseover イベント)でYahoo UI のConnection Managerを使い非同期にデータを取得て表示するという Ajax らしいアプローチを取っているのですが、最初に表示エリアにマウスが入った時はTooltipが表示されません。一度マウスを表示エリアから出し再度入ると上手く表示されます ^^); すぐに、データ取り込み直後に Tooltipコンポーネントの表示メソッド onShow() を呼び出せば良いのではと思いつき入れてみたのですが、かなりの確率で Tooltip がへんな場所に表示されてしまいます・・・・ Yahoo! UIAPIドキュメントやソー

    Yahoo! UI を使ったら困った現象発生! ・・・ やっと解決か? - yuumi3のお仕事日記
  • The Yahoo! User Interface Library を使ってみよう! - yuumi3のお仕事日記

    さて、使い勝手の向上と格好良さの向上の為に、The Yahoo! User Interface Library (YUI) を使ってみることにしました。 以前仕事でAjaxを多用したアプリを作った事があります。 RailsのAjax機能(主にPrototype.js)を元に作り、かなり使い勝手の良いアプリが出来、お客様も喜んでくれたのですが・・・・・・ 私のデザインセンスではカッコ良くはありませんでした ^^); しかし、YUIを使うと見栄えのするAjaxページが簡単に作れます \(^^)/ ここ2日くらい、YUIを組み込む為に試行錯誤し下のような画面が作れました。上の単純なHTMLだけの画面と比べると断然 クール です ! メイン画面 表の表示には DataTable というコンポーネントを使っています。データはJSON形式で与えるので通常HTMLの「テーブル」を表示するのより簡単です。

    The Yahoo! User Interface Library を使ってみよう! - yuumi3のお仕事日記
  • JavaScript勉強会でYahoo UI Libraryについてしゃべりました。 - VTuberになったプログラマーの魂の残滓

    とりあえず資料を公開します。 資料 JavaScript ONでご覧ください。 最初のリンクをクリックするとプレゼンモードで閲覧できます。 プレゼンモードは若干大きい画面が必要になります。 基喋りがメインなので資料だけではわかりづらい&抜けがあるかと思いますが、ご了承ください。 まぁYUIを使うメリットって クロスブラウザ対応がメインだよね。 あとYUIって結構パフォーマンスいいよ。 みんなもっとYUI使えばいいのに!! というわけで 参加されたみなさん(っていうか現在進行中だけど)お疲れ様でした>< 勉強会全体のまとめはUKStudioがきっと書いてくれると思います>< 最後に 会議室を貸してくださった上鍵さんをはじめとしたノッキングオンの皆様ありがとうございました! 会議室を利用したいかたは「ノッキングオンの会議室使いたい!」までこんにちは!こんにちはしましょう!

    JavaScript勉強会でYahoo UI Libraryについてしゃべりました。 - VTuberになったプログラマーの魂の残滓
  • 1