並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 97件

新着順 人気順

文法チェックの検索結果1 - 40 件 / 97件

  • JavaScript基礎文法最速マスター - gifnksmの雑多なメモ

    続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら:JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal

      JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
    • PHP基礎文法最速マスター

      PerlとRubyの文法一覧がとても良くまとまっていたので、便乗してPHPでもやってみました。 Perl基礎文法最速マスター – Perl入門〜サンプルコードによるPerl入門〜 Route 477 – Ruby基礎文法最速マスター 他の言語をある程度知っている人はこれを読めばPHPの文法を何となく理解できると思います。 間違い、不足等々あれば教えて下さいm(_ _)m バージョン PHP5.3系がリリースされていますが、ここではPHP5.2系を対象としています。 1.基礎 コードブロック PHPコードは「<?php」という開始タグから始まります。終了タグは「?>」です。HTMLにPHPコードを埋める際は終了タグを使いますが、ライブラリのようにPHPコードのみを記述する際は終了タグを省くことが慣例となっています。 終了タグを省く理由について id:Kiske さんに解説頂いています。ありが

      • 【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net

        Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に

        • 「Sublime Text」 完全入門ガイド!

          こんにちは~ 仕事が恋人のデザイナー、王です φ(≖ω≖。)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい! やっと出会えたぞ!僕が探し求めていた幻のエディタに!! 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう!本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです! 見た目的には、このように、優雅(Sublime)そのもの! Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな! 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能

            「Sublime Text」 完全入門ガイド!
          • 「Compass」、基礎から応用まで! | 株式会社LIG

            こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh

              「Compass」、基礎から応用まで! | 株式会社LIG
            • Perl基礎文法最速マスター - Perl入門ゼミ

              Perl › 基礎文法 ITの現場でPerlが必要になって、今勉強しているという方はおられませんか? 他の言語をある程度知っている方が「Perl基礎文法最速マスター」を読めば、Perlの使い方の基礎をマスターしてPerlを書くことができるようになっています。 基礎 文法チェック 文法をチェックを厳しくするために最初に必ず次の2行を書くようにします。 use strict; use warnings; 「use strict」と「use warnings」という2行を加えることで事前に文法チェックが行われるので、ソースコードを記述する作業は速くなり、コードの品質が上がります。 print関数 文字列を出力するにはprint関数を使用します。 print "Hello world"; Perlでは標準関数や事前に定義されている関数で括弧を省略することができます。 コメント Perlのコメントで

                Perl基礎文法最速マスター - Perl入門ゼミ
              • Another HTML-lint gateway

                HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の

                • toeic-apps

                  スマホで何でもできる時代、TOEIC対策の勉強もスマホひとつでできるものが多く存在します。 ただ多すぎてどれをやればいいのか悩んでしまうことも。 スマホの容量もあるので何個もダウンロードするのは大変ということで、今回はジャンル別におすすめのTOEIC対策アプリをご紹介します。 TOEIC対策アプリ総合ランキング リスニング対策アプリ リーディング対策アプリ 長文対策アプリ 英単語対策アプリ そして最後にTOEIC対策アプリを使ったおすすめの勉強法も書いているので、参考にしてみてください。 スマホアプリでTOEIC対策をすることによって、学習時間も増えてきっとスコアアップが目指せるはずです。 900点突破!おすすめのTOEIC対策アプリ総合ランキング TOEICで最終的には900点越えを目標としている人も多いと思います。 ただあふれかえっているTOEIC対策の学習教材や勉強法から、900点突

                    toeic-apps
                  • HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して

                    スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは,「Webページをコーディングして作る人」全般に当てはまる。 レベルは,0から4までの5段階。 (0) 非エンジニア (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の画面を作れるようになった段階) (3) 中級者(Webアプリの開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/デザイナとして,Web UIの主担当を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお,システム開発上のスキルをチェックする事が主眼なので,アーティスト(

                      HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して
                    • 英語の文法チェックに!秀逸な英文校正ツール「Grammarly(グラマリー)」の使い方 - Life is colourful.

                      「自分の書いている英文が正しいかどうかわからない。」 英文メールやエッセイ(論文)を書いていると、よくぶつかる悩みである。 プライベートのSNS/メール上の英文ならまだしも、仕事や試験、または一般に公開される英文となると、文法的に正しい英語でないとまずい。 ネイティブに添削してもらうのが最良の方法だが、現実的に難しい。しかし、自分の書いた英文を疑い始めるとキリがなく、無駄に時間を浪費してしまがちである。その結果、結局あいまいなままで仕上げてしまう。 僕自身もこういうことを何度も経験してきているという背景もあるので、今回は、英語のライティングについて書いてみたい。前半では英文校正ツール「Grammarly(グラマリー)」の紹介・使い方、後半では効率的な英文メールのライティングのTIPS&勉強法について書いてみる。 ビジネス英語のライティングだけでなく、スピーキング&リスニング力UPに興味があ

                        英語の文法チェックに!秀逸な英文校正ツール「Grammarly(グラマリー)」の使い方 - Life is colourful.
                      • Another HTML-lint gateway

                        HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ

                        • 現代的なPerlの記述方法一覧 - Perl入門ゼミ

                          Perl › here Perl5.8以降における標準的なPerlの書き方を解説します。 インターネットで検索するとPerl4のころの古い記述がたくさんあります。また書籍などの多くもPerl4の記法で書かれています。Perl4の記法は複雑になりやすく間違いを生みやすいのでこれからPerlを書く人はPerl5の現代的な記法で記述することを強くお勧めします。 strictプラグマとwarningsプラグマ (必須) strictプラグマとwarningsプラグマを有効にします。 use strict; use warnings; use strict;とuse warnings;の2行はスクリプトの最初に必ず記述してください。これらはPerlの文法チェックを厳しくするためのものです。面倒だという軽い気持ちでこれを記述しないと後々本当に面倒なことになります。 use strict;とuse wa

                            現代的なPerlの記述方法一覧 - Perl入門ゼミ
                          • エンジニアが手早く英作文をする時はかどる Tips - tomoima525's blog

                            GithubのPRや海外Slackチャンネルでチャット、はたまた英語圏のエンジニアとやりとりする等、英語で文章を書くことはしばしばあります。そんな時、自分がよく使っている方法について書きます。 先に一番大事なこと 大事なことは、英語はあくまでもツールだということです。伝えたい内容が重要であり、英文を書くことに時間かけることはエンジニアにとって不毛です。 よっぽど英語が得意な人でないかぎり、一から英作文すると時間がかかって本質的でないところで時間を消費するということです。 なので一から文章を考えるのでなく、なるべく"型"を知ることがポイントだと考えています。それを踏まえた上で御覧ください。 文章を書く アルクの英辞郎とGoogle, Githubを組み合わせる 恐らく多くの人がGoogle翻訳などを使って英文を作っているかと思うのですが、アルクの英辞郎と組み合わせるともっとはかどります。理由

                              エンジニアが手早く英作文をする時はかどる Tips - tomoima525's blog
                            • 完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)

                              作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ

                                完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
                              • 技術系メーリングリストで質問するときのパターン・ランゲージ

                                目次 はじめに メーリングリスト —— サポートセンターではなく互助会です 表題 —— あいさつではなく用件を書きましょう 自己紹介 —— 自分の知識・技能・経験を簡潔に書きましょう 書き出し —— 最初に問題の要旨を書きましょう 肩書き —— 会社の名前を背負っていることを忘れないように 実行手順 —— 手順は箇条書きで書きましょう 結果の予想 —— 期待した結果を書きましょう 実際の結果 —— 実際に起きたことを書きましょう ステップ明記 —— どこからうまく行かなくなったかを書きましょう 実際の値 —— 条件を具体的に書きましょう エラーメッセージ —— 必ずコピー&ペーストしましょう 判断理由 —— そのように考えた理由を書きましょう 文献の引用 —— 読者の手間を省くように書きましょう ソース —— 関連する部分を抽出して示しましょう スレッド —— 関連する話題なら「返信」しま

                                • Web界隈で最近気になるWebサービスとか集めてみた【2016年7月版】 - Brian'z Imagination

                                  2016年もいよいよ下半期突入。 歳を取るごとに1年が過ぎるスピードがますます加速するように感じるけれど、全然悲観的じゃない。むしろ毎日新しくて新鮮なことが向こうからどんどん飛び込んできて、毎日エキサイティングだ。 そんなわけで、今回も先月に引き続き最近気になるWebサービスやアプリケーションなどを紹介していきたい。前回は海外サイトを中心に紹介したけれど、今回は海外編・国内編と2本立てで紹介していく。ほとんどのサービスは無料だけれど、とんでもなく便利なものも多いので、きっとあなたの役に立つはずだ。 ちなみに前回の6月版の記事はこちら。 海外編 Real Time Users Real Time Usersは、1分(60秒)以内にサイトを閲覧しているひとの数を表示するカウンターのjavascriptプラグインだ。CSSで表示部分をカスタマイズすることができる。数行のコードではてなブログにも設

                                    Web界隈で最近気になるWebサービスとか集めてみた【2016年7月版】 - Brian'z Imagination
                                  • Bash基礎文法最速マスター - いろいろ解析日記

                                    Bashの文法一覧です。他の言語をある程度知っている人はこれを読めばBashの基礎をマスターしてBashを書くことができるようになっています。簡易リファレンスとしても利用できると思いますので、これは足りないと思うものがあれば教えてください。 1.基礎 echo文 echo文です。 echo "Hello world" コメント コメントです。 # コメント 変数の宣言 変数の宣言です。 # 文字列変数 declare str # 数値変数 declare -i num # 配列変数 declare -a array スクリプトの実行 スクリプトを実行するにはコマンドラインで次のようにします。 bash script.sh 出力結果をファイルに書き出すにはリダイレクトを使います。 bash script.sh > file.txt 文法チェック 事前に文法チェックを行うには、次のようにします

                                      Bash基礎文法最速マスター - いろいろ解析日記
                                    • 海外で働く日本人エンジニアが教える、とっておきの「使える英語ツール」【連載:コピペで使えるIT英語tips】 - エンジニアtype

                                      トップページ > ノウハウ > コピペで使えるIT英語tips > 海外で働く日本人エンジニアが教える、とっておきの「使える英語ツール」【連載:コピペで使えるIT英語tips】 仕事上で英語を使う機会が増えてくると、知らない単語もたくさん出てくるし、英語の長文を短時間で読まないといけない……といった悩みを抱える人は年々増えているはず。 ただ、最近は、辞書や翻訳ツールはもちろん、文法チェックツールや英語学習ツールなど、Web上に「英語学習」「コミュニケーションサポート」のツールが数多く存在している。 今回の連載では、日本、シンガポール、アメリカとそれぞれ違う環境で英語を使って仕事をしている日本人エンジニアに、日ごろ使っているオンラインの英語ツールや英語力向上のために取り組んでいることなどを紹介してもらった。 日本でオフショア先とやりとりするエンジニアAさんのツール集 東京にある某社でエンジニ

                                        海外で働く日本人エンジニアが教える、とっておきの「使える英語ツール」【連載:コピペで使えるIT英語tips】 - エンジニアtype
                                      • VSCodeのRemote Development機能が革命的な話。 - Crieit

                                        背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問がある。 最終的にサービスを公開するときにはどうせLinux使うのに、開発するときしか使わない別のOSで同じものを動かす苦労って無駄だよなあ、と思っていた。 じゃあ最初からLinuxで開発すればいいかというと、最近の高度化したWeb開発はIDEの支援なしに実行することが困難で、RubyだったらRuboCop、JavaScriptだったらPrettierやESLintで文法チェックしてもらわないと人類にはついていけない。これら

                                          VSCodeのRemote Development機能が革命的な話。 - Crieit
                                        • 「Otter」「DeepL翻訳」「Grammarly」など、便利なAIツールを駆使して英文ライティングに挑戦 - ENGLISH JOURNAL ONLINE

                                          「Otter」「DeepL翻訳」「Grammarly」など、便利なAIツールを駆使して英文ライティングに挑戦 近年は人工知能(AI)を活用した自動翻訳や自動添削ツールが増えています。Otter、DeepL翻訳、Grammarlyなど、自分の英語力の足りない部分を補ってくれる便利なAIツールを駆使して、英文ライティングに挑戦してみましょう。 英文ライティングに自信がない人に助け舟リーディングやスピーキングの練習に比べると、後回しになってしまいがちなライティングですが、単なる語彙力や文法力だけでなく、表現の豊富さや、文章の構造など、総合的な語学力が求められる、非常に高度な分野だと言えます。英語の上達を目指している人ならば、常日頃からライティング力を高める勉強をしておきたいものです。 とはいえ、誰もがそんなに律儀で計画的とは限らないのが現実です。実際には、「来週までに英語で資料を準備しておかねば

                                            「Otter」「DeepL翻訳」「Grammarly」など、便利なAIツールを駆使して英文ライティングに挑戦 - ENGLISH JOURNAL ONLINE
                                          • ブログのアクセスアップに役立つSEOツール23選(完全版)

                                            ブログのアクセスアップをしたい人!SEOツールはいくつ使っていますか? 今回は「ブログのアクセスが伸びない...」と悩んでいる方向けに、数あるSEOツールの中から実際に使ってみて役に立ったサービスを厳選してまとめてみました! 僕もアフィリエイト収益は月300万円を越えているので、アフィリエイターの人は特に使った方がいいですよー! そもそもSEOツールで何を調べるの? ツールの紹介の前に「そもそもSEOツールで何を調べるのか」を少し説明したいと思います。 SEOツールは5つの目的で使い分けます。 自分のサイト分析 ライバルサイトの分析 検索順位のチェック キーワード選定 ブログの改善方法 自分のサイト分析 SEO対策をする最初のステップは、自分のサイトの現状を知ることです。 自分のサイト分析をするには、SEOツールを使って次の8つの情報を入手します。 訪問者数 ユニークの訪問者数 PV数 平

                                              ブログのアクセスアップに役立つSEOツール23選(完全版)
                                            • はじめてのiGoogleガジェット開発#1

                                              どうも、「公開APIを利用したサンプルサイトを作っていくよ」管理人のZAPAです。 今日は、マッシュアップツールを作るための第一歩として、「iGoogleガジェット」の開発方法を解説します。 「Googleからのプレゼントが届いたよー!!!」に登場した、iGoogleガジェット。 「ガジェット大好き!」って人も、「これからの時代はガジェットだ!」って人も、「ガジェットって何だろう?」って人も、これからの時代は自分でガジェットを作れるとカッコイイと思うよ!!iGoogleガジェットに興味を持っても、開発情報を調べるのはなかなか大変です。 公式サイトに重要な情報はたくさん載っていますが、コンパクトにiGoogleガジェット開発方法を理解できるページがありませんでした。 公式ドキュメントをマジメに読むと30分以上かかり、やる気がそがれてしまいますので、ここに「iGoogleガジェット開発方法」を

                                                はじめてのiGoogleガジェット開発#1
                                              • 日本語で読めるAjax関連情報のリンク集 【▲→川俣晶の縁側→ソフトウェア→技術雑記】

                                                Ajaxに関する日本語の情報をざっと集めてみました。(一部日本語ではないものを含みます) 丁寧な調査ではないので、本当に大ざっぱなものです。 一応、以下の内容は多少メンテナンスしようと思うので、追加削除などのリクエストがあれば、私までメールを下さい。 非常に長くて申し訳ありませんが、頑張って必要な情報を探してみてください。 ★ 出版物 (この部分は現在フォロー仕切れていません) Ajaxイン・アクション (2006/06/20追加) https://www.amazon.co.jp/exec/obidos/ASIN/4844322222/autumnmagazin-22 Ajax イン・アクションの4章が酷すぎる (2006/06/20追加) https://blog.hawklab.jp/item-69.html Googleマップ+Ajaxで自分の地図をつくる本 Google Maps

                                                • あるSEのつぶやき: Ajax開発支援ツールまとめ

                                                  Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ,解説記事2,正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用

                                                  • うわっ...私のEmacs、使いにくすぎ?だったら...カスタマイズシヤッセー!!ダァダァシエリイェッスッシェーショーヘイヘイ!!! - 三等兵

                                                    日々事あるごとにダァダア言っとります。たとえばタンスの角に小指をぶつけりゃ、 「ダァ!!!」 扉を閉じるときに指を挟んで、 「ダァ!!!ダァ!!!」 猪木がイチ,ニ,サンと叫ぶものなら、 「ダァ-------!!!」 と言っとりますがあーーー!!!・・・という荒ぶる猪木の気分ではありませんが。 MacになってからCodaと付き合いだして疎遠になっていました。でもやっぱりEmacs使ってたときが一番捗ってたのでまたお付き合いを始めようかと。 ・・・え?Emacsとの馴れ初めですか?気になります?気になります?そうですね、あれは、忘れもしない雪がしんしんと全く降ることがない初秋のある日のことでした。私は当時は日々事あるごとに「ヘァ!!!ヘァ!!!」とウルトラマンしていました。時々「フォッフォッフォ!!!」とバルタンもしてました。クセなんです。そして出会いました。 ピグモンと。 それ

                                                      うわっ...私のEmacs、使いにくすぎ?だったら...カスタマイズシヤッセー!!ダァダァシエリイェッスッシェーショーヘイヘイ!!! - 三等兵
                                                    • 無料なのに高機能! 入力補助付きのHTMLエディタ5つ紹介 - Webデザイン初心者向けのあれこれ

                                                      あけましておめでとうございます! 今年も当ブログをよろしくお願いします。 皆さん、お正月をどのようにお過ごしでしょうか。 新しい年を迎えたということで、Web制作の新しいお供を探してみるのはいかがでしょう? 今日は「入力補助付きのHTMLエディタ」をご紹介します。 ■Crescent Eve http://www.kashim.com/eve/ 軽くて多機能なエディタです。HTML5に対応しています。 タグ、属性の入力補助の他に文法チェックやショートカットの機能もあります。 「Ctrl」+「Enter」でその場所の適切な閉じタグが入力出来る、という機能がかなり便利です。 ■ez-HTML http://www.w-frontier.com/software/ezhtml.html コードの編集からFTPでのアップロードまで出来るエディタです。タブ機能付き。 ちょっと編集してアップロードする

                                                        無料なのに高機能! 入力補助付きのHTMLエディタ5つ紹介 - Webデザイン初心者向けのあれこれ
                                                      • 自作CPU向けCコンパイラをつくってOS動かした話 (CPU実験まとめ) - kw-udonの日記

                                                        僕の学科では伝統的に3年の後期に半年かけてCPU実験というものをおこなう。 班で自作のアーキテクチャを設計・実装し、FPGA基板上でMinCaml(OCamlのサブセット)でかかれた課題用レイトレーシングプログラムが動けば単位がもらえるというものである。 レイトレ完動後には、その高速化にはげむもよし、余興としてゲームをつくるもよしで、自作CPU上で色々あそんだりする。 今年は有志で班を結成し、自作CPU上でxv6というOSを動かした。 僕はその班にCコンパイラ係として参加したので、そのことについてかく。 あと、OS移植班全体の成果についても触れる。 わりと長くなってしまったので、結局なにができたんだっていう人は、とりあえず先にこっちに飛んでほしい。 動機 期間は4ヶ月程度、配布されたFPGA基板のうえで動かしたいという制約のもとで移植するOSはxv6を選択した。 このOSはシンプルであるが

                                                          自作CPU向けCコンパイラをつくってOS動かした話 (CPU実験まとめ) - kw-udonの日記
                                                        • 300clp - Firefoxを遅くさせる最大原因はアドオン

                                                          Firefoxを遅くさせるアドオン要因Webアプリケーションの開発者はFirefoxを愛用しているケースが多い その理由として拡張機能が豊富であることが第一に挙げられる 優秀なアドオンとしてAll-in-One GesturesやGreasemonkey、 WebDeveloper、Firebug、ScrapBookなどが利用される しかしFirefoxを使い込むにつれてアドオンが増え その結果、起動時間・表示時間に遅れが出ることになる その最大要因はアドオンであり数種のアドオンによって遅くなる ではブラウザ表示を遅くさせるアドオンはどれか 具体的な数字で比較できるのか? この表示時間について検証 01.検証試験環境【   OS    】 XP SP2 Pro、Vista Ultimate 【   .CPU.  】 PentiumD820 2.8GHz 【   Mem   】 Samsun

                                                            300clp - Firefoxを遅くさせる最大原因はアドオン
                                                          • コードレビュー虎の巻 - Qiita

                                                            レビューガイドライン(Review GuideLine) ここで述べているレビューはピアレビューについての方法です。 (作業成果物の欠陥と改善の機会を探すレビュー) 「最悪を最初に」を基本としてレビューすべき、 たとえば、仕様やアルゴリズムに欠陥があるのに、typoにこだわってもしょうがないので、なにが最悪かを考え、それを防ぐための物からレビューをします。 誤りがプロダクト全体に影響し、手戻りのコストが高くつく、あるいは失敗するようなリスクがないかを考慮にいれてレビューの対象を選択します。 たとえば、基本的な初期フェーズの要求仕様や、クリティカルな決定の基礎になる仕様、使用頻度が高いモジュールなどを重点的にレビューします。 以下に書く項目はレビュアーに負担をかけないようにするのが前提なのでレビュアーに出す前にそもそもテストしたい項目です。 参考: あなたのおっしゃるレビューってどのことかし

                                                              コードレビュー虎の巻 - Qiita
                                                            • SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita

                                                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある

                                                                SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita
                                                              • Sublime Text3で構文エラーをチェック

                                                                こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です!

                                                                  Sublime Text3で構文エラーをチェック
                                                                • 役に立つ英語学習の好エントリー(英語勉強法、発音、Google翻訳他)個人的まとめ - Life is colourful.

                                                                  個人的に今年の英語記事で印象的だったものをザッとまとめてみます。はてブの数では選んでいませんが、優良な記事はやはりブックマークが集まりますので、結果的にはてブ数多めの記事が大半です。 (はてブ数順に見たい方は、はてな検索かければ一覧できます。コチラ。) ここでは、経験に基づいた内容で、英語を勉強する人にとって有益な情報を掲載している記事をピックアップしています。教材紹介メインのものは選んでいません。 英語勉強法 まずは、これですね。STAY MINIMALさんの英語勉強法。 www.stay-minimal.com 中身、濃厚です。そしてドロ臭いです。自分が実践した英語の勉強法を、そのまんま書いてくれています。すごいやったんだなってのがよく伝わってきます。 今現在この記事、英語関連のキーワード検索すると、ひたすら上位表示されるモンスター記事に仕上がっているのですが、それも納得の内容です。読

                                                                    役に立つ英語学習の好エントリー(英語勉強法、発音、Google翻訳他)個人的まとめ - Life is colourful.
                                                                  • 「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー

                                                                    「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています(スタイルガイドの日本語訳の例)。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書

                                                                      「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー
                                                                    • 最新グーグルSEO要因と順位の関係7つのポイント、サイバーエージェントと京都大学が共同研究 | 【レポート】Web担当者Forumミーティング 2013 Autumn

                                                                      取得したデータを基にした分析手法では、上位のサイトのデータ項目の傾向を機械学習させ、そのアルゴリズムを用いて順位を予想し、実際のGoogleでの順位との誤差でアルゴリズムの信頼度を決めている。また、これらの分析結果を解説する前に木村氏は、相関関係があるからといって必ずしも因果関係があるわけではないこと、相関が大きければよいわけではないこと、定量データ以外は計測できていない(今回のデータがすべてではない)ことを注意点として示している。 インデックス数が最も高い相関を示す続いて、ランクとの相関が大きい要素として圧倒的に大きかったのが「インデックス数」であったことを示す木村氏は、物理的にURLの配下にあるページ数がランクとの相関が大きいと説明する。 また、ディレクトリトップやサイトトップのインデックス数も相関が大きい要素として挙げられている。被リンク数に関連する要素(被リンク総数、被リンクサイト

                                                                        最新グーグルSEO要因と順位の関係7つのポイント、サイバーエージェントと京都大学が共同研究 | 【レポート】Web担当者Forumミーティング 2013 Autumn
                                                                      • ez-HTML

                                                                        充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました(2022月4月5日)。 最新版(ver 7.71)をダウンロード! (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」(以下WYSIWYGと省略)は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT

                                                                        • Google、VSCodeの代替を狙う「Eclipse Theia」コードエディタをクラウド統合開発環境として採用。Google Cloud Shellに統合を発表

                                                                          Google、VSCodeの代替を狙う「Eclipse Theia」コードエディタをクラウド統合開発環境として採用。Google Cloud Shellに統合を発表 Googleは、Google Cloudをコマンドラインで操作できる「Cloud Shell」の機能の新機能として、プログラミングのためのコードエディタ「Cloud Shell Editor」を統合すると発表しました。 Cloud Shell EditorはWebブラウザ上で動作するコードエディタです。Go、Java、.NET、Python、Node.jsなどのプログラミングに対応。 すでにプレビュー版として利用可能。下記は実際に起動した画面です。 見てわかる通り、まるでVisual Studio Codeの画面そっくりです。 これはCloud Shell Editorに採用されたコードエディタ「Eclipse Theia」が

                                                                            Google、VSCodeの代替を狙う「Eclipse Theia」コードエディタをクラウド統合開発環境として採用。Google Cloud Shellに統合を発表
                                                                          • Visual Studio Codeの代替を狙う統合開発環境「Eclipse Theia 1.0」リリース。VS Codeの拡張機能を利用可能、デスクトップ版とWebブラウザ版に両対応

                                                                            Visual Studio Codeの代替を狙う統合開発環境「Eclipse Theia 1.0」リリース。VS Codeの拡張機能を利用可能、デスクトップ版とWebブラウザ版に両対応 Eclipse Foundationは、オープンソースで開発されている統合開発環境「Eclipse Theia 1.0」のリリースを発表しました。 Eclipse Theiaは、「真のオープンソースによるVisual Studio Codeの代替」(a true open source alternative to Microsoft’s popular Visual Studio Code (VS Code) software)だとEclipse Foundationは紹介しており、デスクトップアプリケーションだけでなくWebブラウザからも同一機能が利用できるWebアプリケーション版も提供されています。

                                                                              Visual Studio Codeの代替を狙う統合開発環境「Eclipse Theia 1.0」リリース。VS Codeの拡張機能を利用可能、デスクトップ版とWebブラウザ版に両対応
                                                                            • 一周回って、人間が読み書きする設定ファイルはJSONが良いと思った | フューチャー技術ブログ

                                                                              最近GoでCLIツールを作っていますが、JSONが良いとなんとなく思っています。 続編も公開しました(追記:2019年10月2日)。 CUEを試して見る 設定ファイルフォーマット近年、設定ファイルを書くプレーンテキストのフォーマットとしては次のようなものが多いかと思われます。 XML 多くのプログラミング言語において標準ライブラリで扱える(ただしNode.jsにはない) XMLスキーマ、XSLTなどの周辺ツールも揃っているが、記述が冗長になりがちで、敬遠されがち。 ini QtやPythonの標準ライブラリで扱える 深い階層や配列を扱うのが苦手 JSON ほとんどのプログラミング言語で標準ライブラリに入っている 特にフロントエンドのJavaScriptでは追加のライブラリを利用する必要がなく、速度も早く、gzipすればファイルサイズもかなり小さくなる。T 閉じかっこが必要、コメントがつけら

                                                                                一周回って、人間が読み書きする設定ファイルはJSONが良いと思った | フューチャー技術ブログ
                                                                              • 唐突に使っているChrome拡張を紹介 - laiso

                                                                                ページ閲覧 AutoPagerize chromewebstore.google.com ページネーションされたウェブページを自動で読み込み続けます。無かったら違和感あるレベルで日常になっています。 daily.dev chromewebstore.google.com 開発者向けニュースを空タブに表示します。 タブを開くときに自然に視界に入るのに加えて、検索で「過去話題になったもの」から探したりします(はてなブックマークやHacker Newsも似た用途で使います) ホームタブとは別です。ホームはperplexity.aiにしてます。 Google Scholar PDF Reader chromewebstore.google.com 標準のPDFビュワーを科学論文を読みやすく強化します。参考文献の追跡や引用、ジャンプ機能を提供します。ついでに官庁資料やクリプト系のホワイトペーパーなど

                                                                                  唐突に使っているChrome拡張を紹介 - laiso
                                                                                • 無償のコードエディタVSCode、実行中のJavaアプリのコードを動的に書き換えて修正できる「Hot Code Replacement」(ホットコード置換)を実現

                                                                                  VSCodeで、JavaのHot Code Replacement(ホットコード置換)がサポートされた。ホットコード置換を用いると実行中のアプリケーションのコードを実行したまま動的に修正できるため、トライアンドエラーが容易になる。 アプリケーションのコードを修正した場合、その修正を反映させるためには、コンパイル型の言語であれば再コンパイルする必要があり、インタープリタ型の言語であればアプリケーションの再実行が必要となります。 しかしコードを書き換え、実行し、動作を確認するということを何度も繰り返す開発作業では、いちいち再コンパイルをしたり、再実行する手間はなんとも面倒です。 そこでJavaには、「Hot Code Replacement」(ホットコード置換)と呼ばれる機能が用意されています。これはコードを再コンパイルすることなく変更した内容をJavaVMに転送し、反映できるというものです。

                                                                                    無償のコードエディタVSCode、実行中のJavaアプリのコードを動的に書き換えて修正できる「Hot Code Replacement」(ホットコード置換)を実現