{"id":942,"date":"2011-01-04T10:00:31","date_gmt":"2011-01-04T16:00:31","guid":{"rendered":"http:\/\/thepizzy.net\/blog\/?p=942"},"modified":"2011-02-23T22:25:32","modified_gmt":"2011-02-24T04:25:32","slug":"living-in-the-cloud-code-editing","status":"publish","type":"post","link":"https:\/\/thepizzy.net\/blog\/2011\/01\/living-in-the-cloud-code-editing\/","title":{"rendered":"Living in the Cloud: Code Editing"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"949\" data-permalink=\"https:\/\/thepizzy.net\/blog\/2011\/01\/living-in-the-cloud-code-editing\/apple-touch-icon\/\" data-orig-file=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/apple-touch-icon.png?fit=129%2C129&amp;ssl=1\" data-orig-size=\"129,129\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"TextDrop Icon\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/apple-touch-icon.png?fit=129%2C129&amp;ssl=1\" class=\"alignleft size-full wp-image-949\" title=\"TextDrop Icon\" src=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/apple-touch-icon.png?resize=129%2C129\" alt=\"\" width=\"129\" height=\"129\" srcset=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/apple-touch-icon.png?w=129&amp;ssl=1 129w, https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/apple-touch-icon.png?resize=36%2C36&amp;ssl=1 36w, https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/apple-touch-icon.png?resize=115%2C115&amp;ssl=1 115w\" sizes=\"auto, (max-width: 129px) 100vw, 129px\" \/>As I mentioned in <a href=\"http:\/\/thepizzy.net\/blog\/2010\/12\/cloud-file-synchronization\/\" target=\"_blank\">my previous post<\/a> of the <a href=\"http:\/\/thepizzy.net\/blog\/category\/cloud-computing-concepts\/living-in-the-cloud-cloud-computing-concepts\/\" target=\"_blank\">Living in the Cloud series<\/a>, the majority of the stuff I do on the computer at work, and on the internet these days, involves creating\/editing PHP codes or work and personal projects. Continuing the effort to turn <a href=\"http:\/\/youtu.be\/MG4ikWOI9zE\" target=\"_blank\">the CR-48<\/a> into a useful and productive tool for people in my line of work, I have found a workable solution for those wishing to edit codes, and keep them sync&#8217;d onto their computers via <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a>.<\/p>\n<p>Over the course of the last couple weeks with the Chrome OS netbook, my file synchronization setup has come to this:<\/p>\n<ul>\n<li>Intranet web server runs Windows Live Mesh 2011 &#8211; syncs website files &amp; database to Skydrive<\/li>\n<li>Work PC runs Windows Live Mesh 2011 and pulls files from Skydrive. It saves them in a <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> subfolder, and sends them up to the <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> server.<\/li>\n<\/ul>\n<p>A couple things about why my configuration is the way it is:<\/p>\n<ul>\n<li>I use Windows Live Mesh 2011 for two reasons: the remote desktop feature and the fact that it doesn&#8217;t care where the folder you want to sync is, you can sync it right there.<\/li>\n<li>I only recently started using <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> for the potential of its API functionality. However, not many people are using the API, and it&#8217;s only available in certain programming languages.<\/li>\n<li>I do use <a href=\"http:\/\/www.wampserver.com\/en\/\" target=\"_blank\">WAMP<\/a> on my intranet server, so I am capable of moving the website&#8217;s files out of the www drive and into a <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> subfolder and creating an alias in the Apache config for the new location. I haven&#8217;t done it yet, because I hadn&#8217;t found a web-based code editor that works with <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> to provide a compelling reason to make that change &#8211; until now.<\/li>\n<\/ul>\n<p>On to the good stuff.<\/p>\n<p>For my web-based editing, I have decided to use a relatively new app from <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a>&#8216;s own <a href=\"https:\/\/www.dropbox.com\/apps\/list?platform=5\" target=\"_blank\">app site<\/a> called:\u00c2\u00a0<a href=\"http:\/\/textdropapp.com\/\" target=\"_blank\">TextDrop<\/a>. (Update, the app is no longer listed in the DropBox app site. The Link now goes directly to the app&#8217;s site.)<\/p>\n<figure id=\"attachment_946\" aria-describedby=\"caption-attachment-946\" style=\"width: 180px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/0f460d7.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"946\" data-permalink=\"https:\/\/thepizzy.net\/blog\/2011\/01\/living-in-the-cloud-code-editing\/0f460d7\/\" data-orig-file=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/0f460d7.png?fit=575%2C479&amp;ssl=1\" data-orig-size=\"575,479\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"TextDrop &amp;#8211; First Run\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;TextDrop &amp;#8211; First Run &lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/0f460d7.png?fit=575%2C479&amp;ssl=1\" class=\"size-medium wp-image-946 \" title=\"TextDrop - First Run\" src=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/0f460d7-300x249.png?resize=180%2C149\" alt=\"\" width=\"180\" height=\"149\" srcset=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/0f460d7.png?resize=300%2C249&amp;ssl=1 300w, https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/0f460d7.png?resize=150%2C124&amp;ssl=1 150w, https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/0f460d7.png?w=575&amp;ssl=1 575w\" sizes=\"auto, (max-width: 180px) 100vw, 180px\" \/><\/a><figcaption id=\"caption-attachment-946\" class=\"wp-caption-text\">TextDrop - First Run <\/figcaption><\/figure>\n<p>At first glance, this is a very basic text-editor. I do all my web coding in <a href=\"http:\/\/notepad-plus-plus.org\/\" target=\"_blank\">Notepad++<\/a>, so using a notepad-type app is not an issue for me. If this is not the case for you, you may be better off using <a href=\"http:\/\/kodingen.com\" target=\"_blank\">Kodingen.com<\/a> or <a href=\"https:\/\/bespin.mozillalabs.com\/\" target=\"_blank\">Bespin<\/a> from Mozilla.<\/p>\n<p>Also, right now, if you create a new page with the app, it is unable to save that back to <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a>. I don&#8217;t know what the status of this issue is, but at this time, it is only a minor annoyance as I&#8217;m not creating files usually, I&#8217;m editing existing ones.<\/p>\n<figure id=\"attachment_945\" aria-describedby=\"caption-attachment-945\" style=\"width: 180px\" class=\"wp-caption alignright\"><a href=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/beadf9a.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"945\" data-permalink=\"https:\/\/thepizzy.net\/blog\/2011\/01\/living-in-the-cloud-code-editing\/beadf9a\/\" data-orig-file=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/beadf9a.png?fit=575%2C479&amp;ssl=1\" data-orig-size=\"575,479\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"TextBox &amp;#8211; Open files\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;TextBox &amp;#8211; Open files&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/beadf9a.png?fit=575%2C479&amp;ssl=1\" class=\"size-medium wp-image-945 \" title=\"TextDrop - Open files\" src=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/beadf9a-300x249.png?resize=180%2C149\" alt=\"\" width=\"180\" height=\"149\" srcset=\"https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/beadf9a.png?resize=300%2C249&amp;ssl=1 300w, https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/beadf9a.png?resize=150%2C124&amp;ssl=1 150w, https:\/\/i0.wp.com\/thepizzy.net\/blog\/wp-content\/uploads\/2011\/01\/beadf9a.png?w=575&amp;ssl=1 575w\" sizes=\"auto, (max-width: 180px) 100vw, 180px\" \/><\/a><figcaption id=\"caption-attachment-945\" class=\"wp-caption-text\">TextDrop - Open files<\/figcaption><\/figure>\n<p>The opening page has a Log In link, which gets you set up with <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> to authenticate the app and give it permission to access\/edit your files. Once you&#8217;ve granted TextDrop permission, you&#8217;re all set. Choose the Open button and you&#8217;ll be presented with the top-level directory of your <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> cloud storage. Open up any text-based file, and you&#8217;ll be able to edit it right there, and save it back.<\/p>\n<p>Since I only just found out about this app recently, I&#8217;m by no means an expert on it. However, Monday when I return to work, I will give all the pieces of my <a href=\"http:\/\/thepizzy.net\/blog\/category\/cloud-computing-concepts\/living-in-the-cloud-cloud-computing-concepts\/\" target=\"_blank\">Living in the Cloud<\/a> configuration a shot to see how productive I can be with only an internet browser.<\/p>\n<p>Another web-based app that I&#8217;ll be keeping an eye on (which is being actively developed as of a couple days prior to this posting) is <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/iieeldjdihkpoapgipfkeoddjckopgjg\" target=\"_blank\">SourceKit<\/a>. <del>Right now it doesn&#8217;t get past the login screen &#8211; apparently the developer is working on getting it approved as a Production Application from the <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> folks (API Key requirements, etc., if you&#8217;re familiar with how all that stuff works). It will have a tree-structure file list, and include the Bespin code editor along side it &#8211; essentially a light-weight Kodingen setup, using the <a href=\"https:\/\/www.dropbox.com\/referrals\/NTE3NDczMzc1OQ?src=global0\" target=\"_blank\">DropBox<\/a> storage instead of an FTP backend.<\/del> The author has released some updates and looks like everything is ready to go. I&#8217;ll be working on a blog post after I&#8217;ve spent some time with it on my web development projects. It might even become my de facto code editor.<\/p>\n<p>There will be more Living in the Cloud posts to come as well, with some Google Chrome OS features, functionality examples, and hardware demonstrations, some of which will also have videos. But for now, this is a promising step in the right direction to make this a viably productive utility.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TextDrop is a text-editing, cloud-based web-application that allows you to create, modify, and save text-based files back to Dropbox.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[507,707,25,3],"tags":[755,689,752,751,502,690,759,734,756,738,697,739,740,692,753,754,758,757,700],"class_list":["post-942","post","type-post","status-publish","format-standard","hentry","category-cloud-computing-concepts","category-living-in-the-cloud-cloud-computing-concepts","category-programming","category-tech","tag-bespin","tag-chrome-os","tag-cloud-code-editing","tag-cloud-coding","tag-cloud-computing","tag-cr-48","tag-cr-48-code-editor","tag-dropbox","tag-dropbox-app","tag-file-sync","tag-google-chrome","tag-google-chrome-os","tag-kodingen-com","tag-living-in-the-cloud","tag-notepad","tag-textdrop","tag-web-based-code-editor","tag-web-based-text-editor","tag-windows-live-mesh"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_likes_enabled":false,"jetpack_shortlink":"https:\/\/wp.me\/prOO4-fc","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/posts\/942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/comments?post=942"}],"version-history":[{"count":13,"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/posts\/942\/revisions"}],"predecessor-version":[{"id":951,"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/posts\/942\/revisions\/951"}],"wp:attachment":[{"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/media?parent=942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/categories?post=942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thepizzy.net\/blog\/wp-json\/wp\/v2\/tags?post=942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}