すべて(1981)
Ajax(144)
CMS(298)
CSSテク(16)
GD(4)
JSテク(35)
PHPテク(12)
PR(12)
UI(9)
tukky実績(27)
tukky(128)
wiki(8)
お楽しみ(93)
お知らせ(76)
ほとんどなし(162)
まとめ(131)
わからない(53)
アイテム(47)
アイデア(4)
アルバム(3)
イベント(23)
イラスト(14)
イーチ(283)
★ウィンドウ(753)
オプション(30)
オリジナル(31)
オール(1)
カラー(12)
ガイド(4)
ゲスト(9)
ゲーム(11)
コラムタイプ(58)
コラム(67)
資料集(288)
開発資料集(252)
サイトウィンドウ(6)
サイト(151)
サイトパーツ(92)
重要エリア(3)
重要サイト(7)
システム(155)
ショップ(21)
シリーズ(8)
タスク(12)
テクニック(20)
デザイン(19)
データ(259)
パーツ・ツール(112)
ファイルデータ(162)
フォト(5)
ブラッシュアップ(65)
ブランク(549)
ブロック(32)
ヘルプ(0)
ページデータ(97)
ページ情報(94)
ページパーツ(24)
ポートフォリオ(8)
マニュアル(38)
メニュー(148)
ユーザ(157)
リアルタイム(31)
リスト(1)
リンク(20)
ログ(4)
一般非公開(61)
上位あり(33)
会員ログイン(33)
作品(1)
修正予定(37)
公式(460)
公式情報(359)
公認(4)
冊子(9)
分析(37)
分解(2)
削除(175)
動かない(40)
取り組み(310)
図鑑(1)
実験(49)
少なめ(107)
後回し(0)
有料(18)
🌟殿堂(144)
活かし(124)
準備(0)
稼働中(38)
管理(10)
素材(22)
縁(4)
記録(119)
過去Ver(96)
開発中(25)
No.597
HeaderArea
JSテク
サイトパーツ
修正予定
🌟殿堂
稼働中
HeaderArea
ヘッダーエリアブロック(2021/6/25)
contentsを作る。(2021/6/25)
tutiwikiとリンクさせる。(2021/6/25)
縁クリックできるようにする？(2021/6/25)
ポップできるようにする？(2021/6/25)
サイト幅調整で、ブロックからはみ出る修正。(2021/6/30)(2021/7/2 17:55)
縁オンマウスでポップ表示させるか検討。(2021/6/30)
縁回転の導入。(2021/7/2)(2021/7/3 19:38)
作成した縁を格納する。(2021/7/2)
回る縁にオンマウスで輪郭表示。(2021/7/3)(2021/7/7 18:33)
縁の透過度の調整。(2021/7/7)
縁が中途半端で止まるのを修正。(2021/7/7)
縁枠フィットにする？(2021/7/7)
縁オンマウスの枠カラーの検討(2021/7/11)
縁初期枠表記の検討(2021/7/11)
縁と縁の並べ間隔調整(2021/8/1)
ヘッダーエリアに配置されるコンテンツ。
現在は、回る縁が並べられているが、もしかしたら切り替えで別の表示を行うかもしれない。
ページに関するメインな情報を載せたい。(2021/9/26)
外部ページではスピードが速いのに、wiki内では遅い。そこら辺を修正したい。
読み込みをAjaxにしていく。縁配置を日付によってちょくちょく変えていく？(2021/12/28)
確認。(2024/1/19)
60%
x0
x4
30,856Byte
2
ヶ月前
(597)
No.455
CreateIDLabel2
Ajax
GD
JSテク
パーツ・ツール
🌟殿堂
CreateIDLabel2
IDラベル生成
各IDで稼働させる。(2021/6/19)
フォントを変えても動くようにする。(2021/6/26)
各IDごとで幅の取得＋網掛け幅合わせ。(2021/7/17)
IDラベルのテキストとカラーを変更できるCMS。
ハイレベルテクニック？パーツの一つ。
これを派生させて、ページ登録どきIDラベル生成をさせる。(2021/9/26)
新規ページ作成時に、ラベルフォトが一緒に生成され、ページフォルダに格納される。
GDテクニックのひとつで、まだまだ派生が作れそう。(2021/12/28)
確認。(2024/1/18)
85%
x1
x13
32,131Byte
3
ヶ月前
(455)
No.1465
smooth_scroll
JSテク
パーツ・ツール
実験
活かし
smooth_scroll
スムーススクロールテスト
よくわからないページ。進行未定。(2021/6/19)
テクニックパーツの一つ。ボタンを押すと指定位置にページバーがスクロールされる。
何に使うか考えているか？扱いは未定。(2021/9/17)
目次から押下でコラム位置へ移動させるのに使えるかも。
どこかしらで使える可能性のあるコンテンツ。
テクニックとして公開する。(2022/1/13)
メニュー紐付け。(2023/7/9)
確認。(2024/1/24)
75%
x0
x2
2,787Byte
3
ヶ月前
(1465)
No.1189
WordMove
JSテク
パーツ・ツール
🌟殿堂
WordMove
文字の動き
パーツとして独立している。(2021/6/21 19:27)
ポートフォリオにリンクを載せる。(2021/6/21)(2021/6/22 22:00)
どの文字列でも動くようにする。(2021/12/26)
テクニック、パーツ、ツールの一つ。テクニック、パーツ、ツールとして、独立させる。✍️リスト案件。(2021/9/20)
もしかしたら文法でも使えるかも。(2021/12/26)
確認。(2024/1/23)
75%
x0
x2
3,733Byte
3
ヶ月前
(1189)
No.1184
WindowMove
Ajax
JSテク
パーツ・ツール
🌟殿堂
WindowMove
ウィンドウ移動
UIウィンドウにリンクを載せる。(2021/7/2)
キー押下でウィンドウが表示される。(4ウィンドウ)
ウィンドウは上のエリアにマウスドラッグで移動する。ドラッグ後はDBに座標が記録され、次回ページ読み込み後も保持される。
jsテクニックの一つ。テクニックで紹介したい。(2021/9/25)
もっと簡易に、テクニック利用する方が自由にウィンドウに載せられる工夫を。
wikiに導入され中。説明文を増やす？(2021/12/29)
確認。(2024/1/23)
85%
x2
x10
72,449Byte
3
ヶ月前
(1184)
No.1108
TitleAnimation
JSテク
ファイルデータ
ブランク
活かし
TitleAnimation
タイトルアニメーションに関する関数。(2021/12/12)
ページアクセスどきにタイトルエリアが幅0から左右に広がる。
タイトルアニメーションのcss, jsファイルが入っている。(2022/1/13)
保留ファイル。(2023/7/8)
確認。(2024/1/23)
80%
x0
x3
3,957Byte
3
ヶ月前
(1108)
No.1091
Test_capture_site2(question)
JSテク
パーツ・ツール
取り組み
実験
活かし
Test_capture_site2(question)
サイトキャプチャ
Canvasでページキャプチャをしようという試み。
実験ページ。
実験ウィンドウにリンクを載せていつか挑戦したいと思う。✍️再開案件。
簡単な情報になら使い道があるかも。気が向いたら取り組みたい。(2021/12/25)
確認。(2024/1/23)
60%
x1
x3
23,865Byte
3
ヶ月前
(1091)
No.1059
SpinCircle
JSテク
パーツ・ツール
🌟殿堂
SpinCircle
回る縁
あとは、センターのフォトを取得できる段階にしていく(2021/6/17)(2021/6/27 17:55)
タイトルは付けていない(2021/6/17)
ヘッダーエリアに載せていく。(2021/6/27)
作成した縁を保管して、縁の中央サムネイルは固定で、周りのカラーエリアが回る仕組み。
ただのアクション見栄えの問題なので、機能としては動かなくても問題がない。
サイトが重いと、動きが遅かったり、移動速度が速くなったり、動かなくなったりすることもある。(2021/9/25)
このテクニックを派生して、ヘッダーエリアにコンテンツを配置している。
テクニックを駆使して入るが、実用性は低い？(2021/12/29)
テクニックにメニュー紐付け確認。(2023/7/12)
確認。(2024/1/21)
90%
x0
x10
77,340Byte
3
ヶ月前
(1059)
No.1051
Sound
JSテク
サイト
ファイルデータ
ブランク
Sound
サウンド
サウンドウィンドウに載せる。(2021/6/20)(2021/6/23 18:12)
サウンドに関するjsファイル、関数が入っている。サウンド系は最もベースになる外部ページにすべて一つにまとめる。
音を鳴らすテクニックは難易度が高め。(2021/9/22)
サウンドのターミナルページにしていく予定。
この中にサウンドデータとサウンドテクニックを格納していきたい。
音を鳴らすために必要な要件を再考する。
Youtubeがなぜ音を流すことができるか研究する。(2022/1/8)
メニュー紐付け。(2023/7/9)
確認。(2024/1/21)
25%
x0
x6
6,393Byte
3
ヶ月前
(1051)
No.1050
SortLog
JSテク
テクニック
ファイルデータ
ブランク
取り組み
🌟殿堂
稼働中
SortLog
チャットログエリアのログを日付順に並び替える関数。(2021/12/12)
発言したログ、読み込みログを時間順に並び替える。
種類が混在していても動く。(2022/1/13)
絶賛稼働中のパーツ。(2022/3/5)
確認。(2024/1/21)
75%
x0
x3
5,478Byte
3
ヶ月前
(1050)
No.1047
SlidePhoto
JSテク
パーツ・ツール
🌟殿堂
活かし
SlidePhoto
フォトスライド
パーツとして独立している。(2021/6/20)
ポートフォリオサイトに載せる。(2021/6/20)(2021/6/24 19:27)
jsのみで開発してフォトスライド。この例では4枚のフォトが一周していく。
作成したが、まだ本サイトでは利用していない。どこかで使いたい。
テクニック、パーツの一つ。✍️紹介をしていきたい案件。(2021/9/23)
スライドフォトの配置を見極める。制作紹介案件。(2021/12/27)
使いたい。(2023/2/22)
確認。(2024/1/21)
75%
x0
x7
313,774Byte
3
ヶ月前
(1047)
No.1013
ScrollTest
CSSテク
JSテク
上位あり
削除
実験
ScrollTest
スクロールテスト
実験室とリンクさせる。(2021/6/19)
ログのスクロール実験のもの。ログスクロールはもうできている？のでいらない。
動きも完成形ではないので、テクニック、レシピにはならない。(2021/9/18)
文字表示をするときに文字エリアをスクロールさせるのに使う。
下から上にスクロールするものを作る。
もう別外部ページでできているかも。(2022/1/12)
メニュー紐付け。(2023/7/9)
確認。(2024/1/21)
45%
x0
x2
3,666Byte
3
ヶ月前
(1013)
No.1011
ScrollRightBar
JSテク
テクニック
ファイルデータ
ブランク
🌟殿堂
稼働中
ScrollRightBar
右のにゃんこエリアがスクロールすると動く関数。(2021/12/12)
スクロールするアイコンはにゃんこで確定する。
10点ごとにあしらいを取り入れる？(2022/1/13)
絶賛稼働中のパーツ。(2022/3/5)
確認。(2024/1/21)
90%
x0
x3
3,494Byte
3
ヶ月前
(1011)
No.1003
RightOpen
CSSテク
JSテク
サイトパーツ
🌟殿堂
活かし
RightOpen
FixOpenテスト(右スクロールエリア)(2021/6/19)
実験室関連にしていく(2021/6/19)
いずれ、メインサイトに導入したい。
ボタンをクリックorキー押下で右側からスクロールするエリアが現れる。✍️メイン実装案件。(2021/9/17)
いずれ導入予定のテクニック。
メニュー紐付け。(2023/7/9)
確認。(2024/1/21)
95%
x1
x3
8,395Byte
3
ヶ月前
(1003)
No.999
ResizeWidth
Ajax
JSテク
パーツ・ツール
🌟殿堂
ResizeWidth
幅の変更
パーツとして独立している。(2021/6/19)
パーツウィンドウに載せる？(2021/6/19)(ポートフォリオウィンドウへ。2021/6/26 15:30)
テクニック、パーツ情報の一つ。
tukkyが自作した自慢できるパーツ。divとdivの間の枠にオンマウススライドでdiv幅を変えられる。さらに、500px以上のサイズにならないようになっている。
SQLiteで作られている旧式なので、MySQL移行させていく。✍️実用紹介案件。(2021/9/25)
実際にwikiでも利用している。(2021/12/27)
確認。(2024/1/21)
85%
x0
x9
23,504Byte
3
ヶ月前
(999)
No.935
RadarChart
JSテク
パーツ・ツール
🌟殿堂
RadarChart
レーダーチャート
作品として独立している。(2021/6/20)
ポートフォリオにリンクを載せる。(2021/6/20)(2021/6/24 21:47)
レーダーチャートのjsファイルと起動コードの情報が入っている。
この情報を使って、ページレーダーチャートを実現する。とりあえず早速配置するところから。
レーダーチャートの8項目も考案していく。✍️稼働案件。(2021/9/23)
いずれは項目数別のレーダーチャートも作れるようにしたい？
レーダー説明タイトルの文字数も最適設定する。
色の設定も可能にする。(2021/12/27)
確認。(2024/1/21)
75%
x0
x3
15,726Byte
3
ヶ月前
(935)
No.930
PushStamp
JSテク
パーツ・ツール
🌟殿堂
PushStamp
スタンプを押す
パーツとして独立している。(2021/6/19)
ブラッシュ装飾する。(2021/6/19)
ポートフォリオにリンクを載せる。(2021/6/26)(2021/6/26 17:12)
ランダムな向き、位置、かすれ具合でエリア内にスタンプを押すギミック。音も鳴る。(うまく鳴らないことがある)
ページスタンプブロックorウィンドウエリアを実装するときに活用する。(2021/9/25)
このスタンプを応用して、いろいろなコンテンツにスタンプギミックをさせたい。
日付のスタンプにするとさらに応用が効きそう。
音はつけたい。(2021/12/29)
テクニックにメニュー紐付け確認。(2023/7/12)
確認。(2024/1/21)
80%
x1
x5
74,332Byte
3
ヶ月前
(930)
No.759
Meter
CSSテク
JSテク
パーツ・ツール
🌟殿堂
Meter
メーター
パーツとして独立している。(2021/6/20)
ポートフォリオにリンクを載せる。(2021/6/20)(2021/6/23 17:56)
〇〇のページにアクセスしています...表記。(2021/8/1)
テクニック、パーツの一つ。サイトアクセスどきに、指定されたデータ数を読み込むまで、カバーをかける。
指定されたデータ数は調整でき、数が大きくなっても問題なく動く。(2021/9/26)
現在(2021/12/28)、wikiをアクセスどきに表示するようになっている。
メータ貯まり条件などを設定、読み込みと連携させていく。(2021/12/28)
確認。(2024/1/20)
90%
x0
x3
11,064Byte
3
ヶ月前
(759)
No.704
LoadingCircleAnimation
JSテク
PHPテク
パーツ・ツール
🌟殿堂
LoadingCircleAnimation
読み込みアニメーション(円)
テクニックを使ったパーツ。(2021/6/19)
テクニックウィンドウにリンクを載せる。(2021/6/19)(2021/6/26 16:19)
テクニック、パーツの情報の一つ。
指定のボタンを押下すると、中心グレーのフォトの周りを緑のラインがくるっと囲む。
jsだけで作られている。(いくつも表示する場合はphpも)(2021/9/25)
CSS＋JSでもできるけれどとりあえずはこれでOK。
実際にカバーで使用されている。派生は考えれば見込めるかな。
実装難しさは中くらい？(2021/12/29)
テクニックにメニュー紐付け確認。(2023/7/12)
確認。(2024/1/20)
80%
x0
x2
5,990Byte
3
ヶ月前
(704)
No.675
LoadButton
JSテク
システム
ファイルデータ
ブランク
稼働中
LoadButton
ウィンドウボタンを遅れてクリックできるようにする関数。(2021/12/12)
メニュー紐付け。(2023/7/8)
確認。(2024/1/20)
100%
x0
x3
2,133Byte
3
ヶ月前
(675)
No.614
IconZoomAnime
JSテク
パーツ・ツール
ブロック
🌟殿堂
稼働中
IconZoomAnime
アイコンズームアニメーション
パーツとして独立している。(2021/6/20)
ポートフォリオにリンクを載せる。(2021/6/20)(2021/6/24 19:19)
CSSを使わず、jsのみで実装するアイコンズームのアニメーション。
CSSを使う場合と比べて、重いページで行うと思った通りにアニメーションが起こらないので、実用性は△。
テクニックの一つとして公開をする。(2021/9/23)
あるいはこのページのjsだけでしかできないアイコンズーム派生があるか？
どちらにしても、読み込みの重さに弱い。(2022/1/7)
確認。(2024/1/19)
100%
x0
x3
88,368Byte
3
ヶ月前
(614)
No.582
GetWordNum
JSテク
パーツ・ツール
ファイルデータ
ブランク
🌟殿堂
GetWordNum
文章の文字列を取得して返す関数。(2021/12/12)
確認。(2024/1/19)
100%
x0
x2
1,287Byte
3
ヶ月前
(582)
No.578
GetLineNum
JSテク
パーツ・ツール
ファイルデータ
ブランク
🌟殿堂
GetLineNum
文章の行数を取得して返す関数。(2021/12/12)
確認。(2024/1/19)
100%
x0
x2
853Byte
3
ヶ月前
(578)
No.530
End_TextColor
CSSテク
JSテク
ファイルデータ
ブラッシュアップ
取り組み
End_TextColor
テキストに装飾を施す
作品として独立している。(2021/6/20)
ポートフォリオにリンクを載せる。(2021/6/20)(2021/6/24 18:37)
テキストエリアの指定文字に色を付ける方法。
テクニック、パーツとして紹介できる。
tukkyのサイトでは文法をハイライトするのに利用している。
うまく動かないことがあるβ版。キャレットにフォトができるようにしたい。(2021/9/23)
現在(2022/1/8)、コラム編集にて、最新のシンタックスハイライトが実現されている。
このフォルダに入っているものは旧式なので注意。
いずれアップグレードさせておく。
ハイライトのカラーも調整or設定可能させておく。
文法の数もどんどん増やしていく予定。(2022/1/8)
メニュー紐付け。(2023/7/9)
確認。(2024/1/18)
80%
x0
x5
39,834Byte
3
ヶ月前
(530)
No.435
CreateBlurPhoto
JSテク
わからない
パーツ・ツール
取り組み
実験
CreateBlurPhoto
ぼかしフォトの作成
ポートフォリオにリンク(テクニック)を載せる。(2021/6/19)(ポートフォリオにリンク確認。2021/6/25 16:13)
CSSのテクニックの一つ。
CSSだけで指定したフォトをぼかさせることができる。実現簡単。
テクニック、レシピ公開する。プラスアルファでオンマウス、マウスアウトでぼかし変更を作った。(2021/9/24)
ぼやけ関連で何か作りたいときの参考に。
wikiでは、ベースウィンドウの非表示に利用している。(2021/12/29)
メニュー紐付け。(2023/7/12)
確認。(2024/1/17)
80%
x0
x8
93,284Byte
3
ヶ月前
(435)
No.420
ConfirmView
JSテク
システム
ファイルデータ
ブランク
取り組み
活かし
ConfirmView
ファイルが読み込まれたか確認ログ表示する関数。(2021/12/12)
確認。(2024/1/17)
100%
x0
x2
1,183Byte
3
ヶ月前
(420)
No.419
ConfirmTest
JSテク
ConfirmTest
js confirmテスト。(2022/5/29)
確認。(2024/1/17)
8%
x0
x2
1,742Byte
3
ヶ月前
(419)
No.415
Comp_pop_test
CSSテク
JSテク
パーツ・ツール
ファイルデータ
実験
Comp_pop_test
ポップテスト(ポップではない、スクロール表示)
パーツとして独立している。(2021/6/19)
ポートフォリオにリンクを載せる。(2021/6/19)(2021/6/25 16:13)
・スクロール表示
・縦メニューから横スクロールのメニュー
・横メニューから縦スクロールのメニュー
などのポップ関連の情報が入っている。
テクニック、パーツの情報の一つとして活用する。(2021/9/23)
ファイルデータがたくさん入っていて、ごちゃごちゃしているので分解する。
応用が効きそうならブラッシュしていきたい。
使い道をリスト化する。(2022/1/7)
メニュー紐付け。(2023/7/9)
確認。(2024/1/17)
90%
x2
x13
1,148,219Byte
3
ヶ月前
(415)
No.414
Comp_keysound
JSテク
テクニック
ファイルデータ
実験
Comp_keysound
ログインのお知らせ
開発中ウィンドウに載せる。(2021/6/20)(2021/6/24 19:24)
サウンドテストページ。
サウンドテストに利用した、音楽ファイル、実験ページが入っている。
結局うまくいかなかった感があるページ。サウンドは一新して、ひとつにまとめる。✍️まとめ減らし案件。(2021/9/23)
キー入力の際に音を鳴らすことができるので、利用していく。
音関連は一緒に開発する。(2021/12/26)
メニュー紐付け。(2023/7/9)
確認。(2024/1/17)
100%
x1
x14
679,562Byte
3
ヶ月前
(414)
No.409
Comp_FixOpen
CSSテク
JSテク
パーツ・ツール
ブラッシュアップ
修正予定
Comp_FixOpen
FixOpenテスト
タイトルの下のライセンスエリアの開閉。
CSSのtransitionでなめらかに開閉する。
テクニックの一つ。簡単。(2021/9/13)
ちょっとしたレシピの公開につかう。
考えうる派生系を少しずつ増やしていきたい。
JSとCSSのコラボ作品。(2022/1/12)
メニュー紐付け。(2023/7/9)
確認。(2024/1/17)
85%
x1
x3
9,043Byte
3
ヶ月前
(409)
No.317
CloseButton
JSテク
パーツ・ツール
🌟殿堂
CloseButton
閉じるボタン
パーツとして独立している。(2021/6/19)
ポートフォリオに載せる。(2021/6/19)(2021/6/24 22:46)
テクニック、パーツの一つ。マウスをエリア内にオンマウスすると、ズーミング「×」が表示される。オンマウスアウトすると、ズーミング閉じをする。
現在、実際にウィンドウの閉じるボタンに利用されている。(2021/9/23)
このテクニックは応用が効く？ボタン関連に活かせるかも。
15x15のボタンに限る。色は自由に決められる。(2022/1/7)
テクニックにメニュー紐付け確認。(2023/7/12)
確認。(2024/1/16)
100%
x0
x12
6,565Byte
3
ヶ月前
(317)
No.316
ClockCountUp
JSテク
システム
パーツ・ツール
ファイルデータ
ブランク
ClockCountUp
時間を1秒ずつ測って増えていくだけの関数。(2021/12/12)
確認。(2024/1/16)
75%
x0
x3
1,782Byte
3
ヶ月前
(316)
No.281
BottomSlide
CSSテク
JSテク
サイトパーツ
パーツ・ツール
活かし
BottomSlide
アンダーメニュースライド
パーツとして独立している。(2021/6/20)
ポートフォリオにリンクを載せる。(2021/6/20)(2021/6/24 18:37)
アンダーメニュースライドのギミック。CSS、JSで動かしている。
テクニック、パーツとして紹介できる。(2021/9/23)
簡易な方のパーツギミック。
本丸利用されているが、中身はまだ載せられていない状況。
少しずつ改良していく予定。
載せたものを表示するタイミングを調整する。(2022/1/16)
メニュー紐付け。(2023/7/9)
確認。テクニックに追加する。(2024/1/16)
100%
x0
x2
3,404Byte
3
ヶ月前
(281)
ア
ク
セ
ス
し
て
い
ま
す
.
.
.
x4