{"id":3686,"date":"2020-06-09T21:43:56","date_gmt":"2020-06-09T12:43:56","guid":{"rendered":"https:\/\/katblog.manadream.net\/?p=3686"},"modified":"2020-06-09T21:43:58","modified_gmt":"2020-06-09T12:43:58","slug":"how-to-use-paiza-io","status":"publish","type":"post","link":"https:\/\/katblog.manadream.net\/index.php\/2020\/06\/09\/how-to-use-paiza-io\/","title":{"rendered":"How to use paiza.io[Basics][Programming with Your Browser][PHP]"},"content":{"rendered":"<p>Hello, I&#8217;m kat, the manager of &#8216;kat&#8217;s blog.&#8217;<\/p>\n<p>This time I would like to explain how to use a programing tool called &#8216;paiza.io.&#8217;<br \/>This programing tool is used in my serialized article, &#8216;<a href=\"https:\/\/katblog.manadream.net\/index.php\/2019\/12\/02\/what-is-programming\/\">Programming for Kids and Above.<\/a>&#8216;<\/p>\n<p>It&#8217;s <span class=\"marker\">very easy<\/span>, so please try it.<\/p>\n<p><div class=\"kaisetsu-box4\"><div class=\"kaisetsu-box4-title\">The programming language we will use this time<\/div><p><\/p>\n<p>This time we will use the following programming language to write out a program.<\/p>\n<div class=\"simple-box7\">\n<p>\u30fbPHP<\/p>\n<\/div>\n<p><\/p><\/div><\/p>\n\n\n<h2 class=\"wp-block-heading\">Display the website<\/h2>\n\n\n<p>First let&#8217;s click on the following button, and display the website.<\/p>\n<p><span class=\"twobutton\"><span class=\"color-button02\"><a href=\"https:\/\/paiza.io\/en\/projects\/new?locale=en-us\" target=\"_blank\" rel=\"noopener noreferrer\">paiza website<\/a><\/span><\/span><\/p>\n<p>If the screen shown below is displayed it is a success.<\/p>\n<img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3697\" data-permalink=\"https:\/\/katblog.manadream.net\/index.php\/2020\/06\/09\/how-to-use-paiza-io\/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2020-06-09-21-33-57\/\" data-orig-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad.png\" data-orig-size=\"1730,1326\" 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=\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8 2020-06-09 21.33.57\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-300x230.png\" data-large-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-1024x785.png\" class=\"alignnone size-large wp-image-3697\" src=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-1024x785.png\" alt=\"\" width=\"1024\" height=\"785\" srcset=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-1024x785.png 1024w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-300x230.png 300w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-768x589.png 768w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-1536x1177.png 1536w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad.png 1730w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/914ab5dfaef06643600d93d509dc10ad-1024x785.png 856w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n\n\n<h2 class=\"wp-block-heading\">Choose the programming language<\/h2>\n\n\n<p>First choose the programming language to use.<\/p>\n<p>Check to make sure that the button on the top left is showing as &#8216;PHP&#8217;.<\/p>\n<p>If it hasn&#8217;t changed, choose &#8216;PHP&#8217;.<\/p>\n<img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3552\" data-permalink=\"https:\/\/katblog.manadream.net\/index.php\/2020\/04\/22\/lets-display-letters\/paiza-php-en\/\" data-orig-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en.png\" data-orig-size=\"2062,1014\" 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=\"paiza-php-en\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-300x148.png\" data-large-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-1024x504.png\" class=\"alignnone size-large wp-image-3552\" src=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-1024x504.png\" alt=\"\" width=\"1024\" height=\"504\" srcset=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-1024x504.png 1024w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-300x148.png 300w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-768x378.png 768w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-1536x755.png 1536w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-2048x1007.png 2048w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-php-en-1024x504.png 856w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n\n\n<h2 class=\"wp-block-heading\">Execute the program<\/h2>\n\n\n<p>Without further ado, let&#8217;s start programing!<\/p>\n<p>Move the cursor to where the <span class=\"marker\">background is black<\/span>, and enter the source code(program).<\/p>\n<p>This time, we&#8217;ll be writing out the program below.<\/p>\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n&lt;?php\n\n\/\/ display letters\necho 'Hello World!';\n<\/pre><\/div>\n\n<p>After writing in the source code, click the &#8216;Run&#8217; button like the following image.<br \/><br \/>Then the result will be displayed.<\/p>\n<img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3551\" data-permalink=\"https:\/\/katblog.manadream.net\/index.php\/2020\/04\/22\/lets-display-letters\/paiza-input-en\/\" data-orig-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en.png\" data-orig-size=\"2064,1226\" 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=\"paiza-input-en\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-300x178.png\" data-large-file=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-1024x608.png\" class=\"alignnone size-large wp-image-3551\" src=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-1024x608.png\" alt=\"\" width=\"1024\" height=\"608\" srcset=\"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-1024x608.png 1024w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-300x178.png 300w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-768x456.png 768w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-1536x912.png 1536w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-2048x1216.png 2048w, https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/04\/paiza-input-en-1024x608.png 856w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n<p>If letters saying &#8216;Hello World!&#8217; are displayed in the result area, it is a success!<\/p>\n\n\n<h2 class=\"wp-block-heading\">Final thoughts<\/h2>\n\n\n<p>How was it?<\/p>\n<p>It was very easy, wasn&#8217;t it?<\/p>\n<p>This is a rather advanced step, but a <span class=\"marker\">server<\/span> needs to be created in order to do programing.<\/p>\n<p>And within the server that was created the programing is done.<\/p>\n<p>Usually one needs to create a server inside his\/her computer, but for &#8216;<a href=\"https:\/\/katblog.manadream.net\/index.php\/2019\/12\/02\/what-is-programming\/\">Programming for Kids and Above<\/a>&#8216; we put more emphasis on trying programing out, so we will be doing the programing on a website like paiza.io, which we covered this time, that <span class=\"marker\">already has a server that is complete<\/span>.<\/p>\n<p>If any of you are interested, please try looking up the necessary information and make a server on your own.<\/p>\n<p>That&#8217;s all for &#8216;How to use paiza.io!&#8217;<\/p>","protected":false},"excerpt":{"rendered":"<p>Hello, I#8217;m kat, the manager of #8216;kat#8217;s blog.#8217; This time I would like to explain how to <\/p>\n","protected":false},"author":1,"featured_media":3699,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_locale":"ja","_original_post":"https:\/\/katblog.manadream.net\/?p=3686","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[102],"tags":[107,108],"class_list":["post-3686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-lessons","tag-english","tag-programming","ja"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/katblog.manadream.net\/wp-content\/uploads\/2020\/06\/how-to-use-paiza.io_.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paUgnN-Xs","_links":{"self":[{"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/posts\/3686"}],"collection":[{"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/comments?post=3686"}],"version-history":[{"count":11,"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/posts\/3686\/revisions"}],"predecessor-version":[{"id":3698,"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/posts\/3686\/revisions\/3698"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/media\/3699"}],"wp:attachment":[{"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/media?parent=3686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/categories?post=3686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/katblog.manadream.net\/index.php\/wp-json\/wp\/v2\/tags?post=3686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}