― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 11 件の記事 ] 
作成者 メッセージ
 記事の件名: Thimbleに代わるもの
投稿記事Posted: 2021年9月24日(金) 10:08 
以前、オンラインエディターとしてThimbleを利用していたのですが、廃止になったそうです。その代替があれば紹介してください。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2021年9月26日(日) 12:14 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4055
EarlgreyTea です。
コメントが付いていないようでしたので、また私から。

用途とか求めているものがわかりませんし、私自身使ったことはあまりないのでアドバイスはできませんが、ググって見つかった紹介記事を書いておきます。


この辺を参考に試してみてはどうでしょう。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:92.0) Gecko/20100101 Firefox/92.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2021年9月28日(火) 12:55 
下記のようなものができればいいです。ただし、フリーでオンラインでできるものがいいです。
練習用です。
https://gyazo.com/ac46ecb8fe4690a89500d5bb2b476948

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.185 Safari/537.36


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2021年9月28日(火) 20:59 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4055
Utajima さんが書きました:
下記のようなものができればいいです。ただし、フリーでオンラインでできるものがいいです。
練習用です。

画像は Progate のスライドのようですが、「下記のようなものができれば」の指している意味がさっぱりわかりません。
紹介記事にあるものをお試しください。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:92.0) Gecko/20100101 Firefox/92.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2021年9月29日(水) 10:06 
自分で見つけました。かえって目移りしそうです。
ブラウザー上でサクッとコードを書けるプレイグラウンド7選
https://www.webprofessional.jp/7-code-playgrounds/

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2021年9月29日(水) 21:07 
オフライン

登録日時: 2017年4月14日(金) 18:19
記事: 459
今更かもしれないですが、
件名「Thimbleに代わるもの」及び、
元スレ「Thimbleのプレビュー画面」 を踏まえての
トピックの出発点 「Thimble プロジェクト」について(他の閲覧者などの参考になるように)附則的な情報まで

「Thimble」の公式リポジトリ
GitHub - mozilla/thimble.mozilla.org: UPDATE: This project is no longer maintained. Please check out Glitch.com instead.
README.md によれば、
引用:
DEPRECATION NOTICE

Mozilla has made a strategic decision to sunset Thimble over the course of 2018-2019. We encourage you to check out Glitch and you can read our blog post to learn more about this partnership.

This also means that any issues, bugs, or pull requests created in this repository might not receive a reply or support. If you are encountering issues migrating your projects to Glitch or have questions about the partnership, please send us an email at thimbleglitchsupport@mozilla.org.

と明示されています。
つまり、
Mozilla が事業の再構築(リストラ)のために、
(人員と資金を直接的に投下する)主体的な開発とユーザーサポートをすることを止め、
当初からのパートナーシップ関係で、実質的に開発とサポートを担ってきた「Glitch」に全面的に移行したのです。
要するに、
Thimble は、「Glitch」が全面的に継承しています。
このパートナーシップについては、ブログ記事 「 A Note About Thimble | by Mozilla 」 に明示されています:
Mozilla is partnering with Glitch to keep Thimble projects published and remixable(Mozilla は、Glitch と提携し「Thimble」プロジェクトの公開とリミックスを維持します)
プロジェクトを Glitch に移行する際に問題が発生した場合や、パートナーシップに関するご質問がある場合は、thimbleglitchsupport@mozilla.org

_________________
「家庭」ファーストに努め、(仮想現実世界から距離を置き)在宅では、デジタル・デトックスのアナログチックな「スローライフ」に改めました。私的なデジタルタイムは(調べ物や e-mail、資産管理を主用途に)、平日(火曜日~木曜日)での夜間(数十分ほど)に限定しました。着信(通知)があれば返信に努めますが、数日後になることをご了解ください。
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2021年9月29日(水) 23:55 
諸行無常さん

>Glitch
ごく、最近CodePenというオンラインコードエディターを使い始めました。
HTML・CSS・JAVESCRIPT・Previewの構成になっているのですが、こちらが間違った
コードを記述すると、間違った箇所を色で指摘してくれる機能はないのでしょうか。Thimbleにはそのような機能があったようなきがします。
すみません ぶしつけに質問しまして

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2021年9月30日(木) 20:14 
オフライン

登録日時: 2017年4月14日(金) 18:19
記事: 459
Utajima さんが書きました:
>Glitch
ごく、最近CodePenというオンラインコードエディターを使い始めました。
HTML・CSS・JAVESCRIPT・Previewの構成になっているのですが、
こちらが間違ったコードを記述すると、間違った箇所を色で指摘してくれる機能はないのでしょうか。
Thimbleにはそのような機能があったようなきがします。

私は当該関連のアプリケーションには無知なのですが、
せっかくなので好奇心から
「online code editor」をキーワードに検索してみました。
Search results for 'online code editor' - Glitch Support
検索結果: 35 results foronline code editor
▶ Advanced filters
Sort by [        ]を活用して、表示内容を調整できます。

35件もヒットしたので全てをチェック(チラ見程度ですが)できなかったのですが、
おそらく「GlitchyPastePen」が適当かと感じました。
[MEGATHREAD] GlitchyPastePen - Create simple front-end projects using an online code editor with instant hosting
引用:
GlitchyPastePen BETA
CodePen のように、すぐにホスティングできるオンラインコードエディターを使って、シンプルなフロントエンドプロジェクト(主に HTML、CSS、JS を使ったもの)を作成します。

GlitchyPastePen はオンラインコード IDE を備えており、簡単な静的サイトを作成し、それらをすぐにホストすることができます。

GlitchyPastePen: https://glitchypastepen.glitch.me/ 14
GitHub リポジトリ: https://github.com/GlitchyPastePen/GlitchyPastePen 3
Discord サーバー招待: https://discord.gg/EzpVwR3 1
ステータス: https://glitchypastepen.statuspage.io 4
フォーラム: https://glitchypastepen.flarum.cloud 1
特徴
● 友人や他のユーザーとのライブコラボレーション(一時的に無効になります
● Ace.js による強力なコードエディタ
● テキストの折り返し、テーマ、フォントサイズなど、自分の好みに合わせてエディタを選ぶことができます。
● Intellisense powered by Ace.js
● コードを美しく表示することができます。
● プロジェクトのためのインスタントホスティング

この話題に関しては、
無知同然なので「附則的な情報」を紹介したまででしたが、興味深い(おもしろそうな)アプリケーションと感じました。
デジタルデトックスのライフスタイルに改めたため、もう足を踏み込むことはありませんが、非常に新鮮な感覚を覚えました。
貴重な「トピック」をありがとうございました。

ガイダンスとして:
Glitch: Features
Glitch はフレンドリーなコミュニティで、フルスタックのアプリケーションを構築し、1分以内に安全な URL で起動することが超簡単にできます。
Glitch: Get Started
私たちの Hello アプリは、ベスト・プラクティスを念頭に置いて作られており、サンプル・コードをリミックスして自分のものにすることができます。また、最小限のテンプレートを使って自分で作ることもできます。
Tips & Tutorials(ヒントとチュートリアル) — Glitch Blog
Glitch を最大限に活用するために:次のコーディングプロジェクトを始めるためのガイドとリソース
FAQ
FAQ: Community Forum Rules - Glitch Support

Welcome to the Glitch Blog
Apps We Love — Glitch Blog
注目のアプリ、コミュニティスポットライト、月刊ニュースレター
Company News(広報) — Glitch Blog
グリッチ本部からのお知らせと出来事
Product Updates(製品の最新情報) — Glitch Blog
新機能や製品の変更点について
Glitch Support

_________________
「家庭」ファーストに努め、(仮想現実世界から距離を置き)在宅では、デジタル・デトックスのアナログチックな「スローライフ」に改めました。私的なデジタルタイムは(調べ物や e-mail、資産管理を主用途に)、平日(火曜日~木曜日)での夜間(数十分ほど)に限定しました。着信(通知)があれば返信に努めますが、数日後になることをご了解ください。
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2021年10月01日(金) 10:44 
諸行無常さん

詳しいご説明ありがとうございます。

Glitchを使うことにします。さっそく、オンラインコードエディターを使ってみたいのですが、
下記の状態からどのような手順で進めればいいでしょうか.

https://gyazo.com/887e6d4b52d6e4b55edaa99ecd07cc80

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2021年10月07日(木) 19:55 
オフライン

登録日時: 2017年4月14日(金) 18:19
記事: 459
Utajima さんが書きました:
Glitchを使うことにします。さっそく、オンラインコードエディターを使ってみたいのですが、
下記の状態からどのような手順で進めればいいでしょうか.
https://gyazo.com/887e6d4b52d6e4b55edaa99ecd07cc80

Utajima さんの「これまでのコメント」から察すると、
「英文」を全く理解できないように感じますが?
英文がさっぱりダメでも、
デスクトップアプリ「DeepL」翻訳」を導入(インストール)することで克服できるはずなので、
まずは、その「DeepL」翻訳の助けを得ながら
Glitch(Getting Started:See how to set up an account and start creating!) を試行してみてください。

一応、実際の手順ですが
お尋ねのページ」は、
引用:
何を作りたいですか?
私たちのHelloアプリは、ベスト・プラクティスを念頭に置いて作られており、サンプル・コードをリミックスして自分のものにすることができます。また、最小限のテンプレートを使って自分で作ることもできます。
私たちはそんなあなたを応援します。
小さな静的なWebサイトから複雑なフルスタックのWebアプリまで、何でも無料で作ることができます。静的なサイトには常時接続のホスティングが提供され、フルスタックのアプリは ブースト することができます。
さらに詳しく

と記述されています。

つまり、ブースト にて
① Starter(初心者):Free(無料)
② Pro(ベテラン):$8/ per month, billed annually($8/月額、年間で課金)
の二択から選択し、
アカウントを作成して利用することになります。

アカウント作成には、
パスワードマネージャーの使用をお勧めします。
私の好みは、ローカルに管理する「KeePass Password Safe」ですが、
万人向けには「Bitwarden」が適当かと感じます。
Bitwarden ならば、ブラウザの「拡張機能」も利用でき、デバイス間をセキュアに同期できます。

_________________
「家庭」ファーストに努め、(仮想現実世界から距離を置き)在宅では、デジタル・デトックスのアナログチックな「スローライフ」に改めました。私的なデジタルタイムは(調べ物や e-mail、資産管理を主用途に)、平日(火曜日~木曜日)での夜間(数十分ほど)に限定しました。着信(通知)があれば返信に努めますが、数日後になることをご了解ください。
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2021年10月13日(水) 10:59 
@諸行無常

すみません。失念していました。現在はCodePenというプレビューつきのEditorを使っています。Glitchも
多分、機能的にはCodePenと同じと思うので併用して使っていきます。

ありがとうございました。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36


通報する
ページトップ
  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  [ 11 件の記事 ] 

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[16人]


トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean